网页ui设计尺寸 html网页设计宽是啥?
html网页设计宽是啥?
设计稿会按照一定的标准屏幕尺寸宽度来设计,比如900 1366,这样可以适应主流显示即设计宽度
网页设计的合适尺寸有了很大的变化,不需要担心不同设备尺寸的问题。在当前的主流形式中,有以下几种:
1。PC端网页的设计稿尺寸为宽1920px,高1080px,主要内容在1200px以内,比较规范。
2. 手机网页的设计尺寸可以是680px和720px
您好,我认为至少有三个理由说明手机网页应该有设计规范。
1. 对于设计师:为后续版本迭代和多人合作提供指导,保持产品的统一性;由于一个项目从开始到下一次更新迭代需要很长时间,可能会有很多设计师参与,但每个人的风格不同,会影响整体视觉体验,所以有了规范,设计师就可以在产品视觉上得到统一,便于更新迭代。
2. 对于开发:提供标准化的组件样式以减少开发重复时间。
因为有了规范,以后的维护就方便多了,设计师不需要再做标记,开发时也不需要重新写样式,直接修改内容。
3. 对于用户:符合大众的视觉体验。因为在现实中,人们在设计移动终端产品时,一般都有字体、图标间距等方面的习惯
下面的图是我收集的规范的一部分,与大家分享。让我们一起学习
网页设计的标准尺寸:
1。在800*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屏
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。