2016 - 2025

感恩一路有你

web网页设计尺寸规范 为什么移动端UI要有设计规范?

浏览量:2341 时间:2021-04-01 14:02:13 作者:admin

为什么移动端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。

web网页设计尺寸规范 网页设计 网页设计尺寸标准

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。