sketchfab网站怎么写

1.如何用Sketch进行网页设计基本设置
画布
按住键盘 A 快捷键 , 可以创建画布 。Sketch 已经良心的为你默认设置了各种设备尺寸 , 你想要的全都有 , 如下图 。
Artboard
栅栏
通过 Layout settings 设置栅栏[布局参考线] , 这个功能好的真是不要不要的[下文回介绍其实际用处] , 可以根据需要自主选择每列宽度 , 间隔宽度以及最外侧 margin 宽度 , 
Layout settings
Settings details
这时画布上就出现了栅栏参考线 , 文字段落的宽度 , 按钮的宽度 , 图片的宽度都可以根据栅栏进行合理设置 。通过栅栏布局可以极大的统一页面的布局设置 , 给人一种和谐美[Ctrl + L 可以快捷键显示/隐藏栅栏] , 效果如下 。
Layout effect
字体
注重对比和统一 。对比是指在需要突出区别的地方用不同字号 , 粗细和字体突出不同 。统一是指对于网站同一元素 , 使用相同的字体设置 , 比如 H1, Body Text. 英文字体建议两种即可 ,  一个 sans-serif 字体作为标题 , 显眼;一个 serif 字体作为正文 , 易读 。可以提前设计好各个字体的数值 , 利用 Sketch 的 Style Text 功能进行保存 , 方便以后频繁使用 。也可以再设计的时候 , 边做边保存[前者适合在经验用户 , 后者更适合初学者] , 如下图 。
Font categories
对字体另外一个重点是确定 line height [行高] , 确定行高的作用是方便确定控件上下 margin ,  左右 margin 可以通过栅栏进行确定 。比如你确定默认字体大小为 20px ,  行距为 1.5 , 则行高 = 20px * 1.5 = 30. 那么控件之间的上下间距则可以设为 30px 的倍数 , 比如 30px, 60px, 90px ,  以此类推 。间距和行高相同可以使页面看起来更加和谐美观 。
【sketchfab网站怎么写】

sketchfab网站怎么写

文章插图