尺寸一般使用1920x1080px,导航栏1920x68px(可看情况调整)
如果需要做响应式,可以使用1440x900px,方便向上向下适配。
全部主屏内容都要在安全区域内1200x700px(包括导航栏,习惯使用辅助线进行设计)
在PS中导航栏和正文的文字需在工具栏选择【无】,设计banner时选择【LCD】
微软雅黑可用于网页文字,不能用于banner、商业设计或APP内。
两种布局方式
1.自适应布局:需要知道哪些是固定不动的,哪些是可以自适应拉伸的。最小内容宽度一般是1200px。在做网站适配时,做1920和750两种宽度尺寸的,用于适配PC和手机最小尺寸,一般做每行等高
2.固定宽度布局:设计时要跟网页设计一样需要定一个最小的内容范围在哪里,一般用最大宽度1440px来是适配笔记本尺寸。当然也要根据不同设备来适配不同尺寸。
下一篇: 在项目中总结的UI & UX微技巧