web网页设计尺寸规范 为什么移动端UI要有设计规范?
为什么移动端UI要有设计规范?
您好,我认为至少有三个理由可以说明为什么应该有移动终端的设计规范。
1. 对于设计师:为后续版本迭代和多人合作提供指导,保持产品的统一性;由于一个项目从开始到下一次更新迭代需要很长时间,可能会有很多设计师参与,但每个人的风格不同,会影响整体视觉体验,所以有了规范,设计师就可以在产品视觉上得到统一,便于更新迭代。
2. 对于开发:提供标准化的组件样式以减少开发重复时间。
因为有了规范,以后的维护就方便多了,设计师不需要再做标记,开发时也不需要重新写样式,直接修改内容。
3. 对于用户:符合大众的视觉体验。因为在现实中,人们在设计移动终端产品时,一般都有字体、图标间距等方面的习惯
下面的图是我收集的规范的一部分,与大家分享。让我们一起学习吧
网页设计的适当大小已经改变了很多。不必担心不同设备尺寸的问题。在目前的主流形式中,主要有以下几点:1。PC端网页的设计初稿尺寸为宽1920px,高1080px,主内容1200px,比较规范。
2. 手机网页的设计尺寸可以考虑680px和720px
网页设计的标准尺寸:
1800*600,如果网页宽度保持在778以内,就不会有水平滚动条,高度取决于布局和内容。
2. 在1024*768下,网页的宽度保持在1002以内。如果显示全帧,则高度在612-615之间,并且水平滚动条和垂直滚动条不会出现。(DW中有一个设置的标准值,1024*768页的标准大小是955*600,只需根据其大小来做即可)
3。用PS制作的网页可以在800*600状态下全屏显示,页面底部没有滑动条,大小约为740*560
4。在互联网上用PS制作图片是不同的,在颜色等方面,因为在网络上只使用256web安全色,而RGB或CMYK和Lab或HSB的色域很宽,颜色范围很广,所以会自然掉色
页面标准是800*600分辨率,实际大小是778*434px,页面长度原则上不超过3屏,宽度不超过1屏
先用PS设计网页。
然后切断不同的链接。
使用DW或其他网页设计软件拼接网页。
规格:一般网页的宽度应满足大多数浏览器和分辨率的要求,大多数浏览器和分辨率为1200px、1024px和950px,最小的为800px。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。