MacBlocs 3:你不应该错过的高级功能

blocs 3最为人熟知的是在相对复杂的网页设计中插手了一张友爱的面目面貌 。 它的拖放简单性和预先编写的代码块的快速组合使得HTML和CSS对于非专业人士来说远没有那么恐怖 。 可是稍加挖掘,即使是中级和高级web设计师也会找到喜好块的来由 。
这里有一个精心筹谋的(但毫不是完整的)列表,列出了它供给的一些更标致的功能 。 此中一些是您可能忽略的旧的最爱,而另一些则是Blocs 3中全新的 。

需要这些哦
MacBlocs 3
方式/
1一、自界说web字体
Blocs 3供给了一些小但不错的web友爱字体选择 。 可是若是你发现它们太有限,可以很轻易地添加你本身的 。 在Blocs >首选项中,找到一个按钮来打开Blocs的字体办理器 。

2可以利用+按钮来添加新字体,可以从谷歌的Web字体库中添加,也可以从当地字体文件中添加,这取决于您鄙人拉菜单中选择的内容 。
对于当地文件,块至少需要一个.ttf或.woff字体文件,建议选择一个文件夹,此中包含这两种格局的字体,再加上.eot和.svg表单,以获得最年夜的浏览器兼容性 。
对于谷歌web字体,从谷歌普遍的在线库中选择您想要的字体,然后在“Embed font”下复制HTML代码 。

MacBlocs 3:你不应该错过的高级功能

文章插图

3在Blocs的字体办理器中,添加一个新的谷歌Web字体,然后将HTML代码粘贴到呈现的框中,然后单击“Create” 。
无论以何种体例添加新字体,在利用任何新归并的字体之前,都需要退出并从头打开块 。 当您导出利用这些字体的站点时,块将确保包含准确的链接或文件 。 (只要确保任何非google字体都有许可Web利用的许可证即可 。 )

MacBlocs 3:你不应该错过的高级功能

文章插图

4二、资产办理公司
项目布满了辅助图像、文本文件、pdf文件等时,Blocs的资产办理器会撑持您 。 只需单击几下,就可以将这些文件分类到组中,以便更快地拜候 。
在Asset Manager中,单击窗口顶部的“Select”,然后选摘要分类的项目,并单击窗口顶部呈现的蓝色“Add to” 。 可以将选中的项目移动到任何块的预置组中,或者建立全新的组来存储它们 。

MacBlocs 3:你不应该错过的高级功能

文章插图

5三、视频布景
在Blocs中的任何元素中添加视频布景比想象的要轻易 。 只要确保视频是MP4格局,而且大小小于10MB(任何较年夜的,Blocs城市责骂您;任何跨越20MB的都不克不及工作),然后将其添加到您的资产办理器 。 拖曳它直接到任何块,使它的布景 。
选择所需的Bloc,在Inspector窗格中查找布景调色板,然后单击“Video”复选框 。 当Blocs的占位符视频呈现时,单击缩略图中的刷新图标(见下文),从Asset Manager中选择一个新的 。

MacBlocs 3:你不应该错过的高级功能

文章插图

6四、全球色板
web上有良多HTML调色板选择器,它们可觉得您的站点供给一套互补的颜色 。 一旦你找到适合你的色调,把它们添加到Blocs的SatchManager中使它们连结一致,可以经由过程点击cmd-8、菜单栏中的.>Global Swatch Manager或者点击窗口右下角的小网格图标来拜候 。

推荐阅读