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网站怎么写】
文章插图
- 电脑没声音怎么弄 电脑没声音怎么办win7
- cf怎么截图 CF游戏中怎么截图
- qq空间访问权限 手机怎么设置qq空间访问权限
- 鱼肉馅饺子怎么做 鱼肉馅饺子做法视频
- 怎么开葡萄酒 怎么开葡萄酒木塞小妙招
- 洗龙沟是什么意思 洗龙沟是什么意思衣机里面太脏了怎么办
- wow使命召唤怎么做 使命召唤怎么弄
- 文件隐藏了怎么恢复 windows文件隐藏了怎么恢复
- 英雄联盟查战斗力 英雄联盟怎么查战斗力
- 安卓手机如何省电 安卓手机怎么节省电量