起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 职业教育 > 网页设计要注意哪些尺寸?标准的各类网页栏目尺寸

网页设计要注意哪些尺寸?标准的各类网页栏目尺寸

时间:2020-10-19 18:09:02来源:南宁达内 作者:南宁达内 已有: 名学员访问该课程

  快捷搜索:网页设计

前言:网页设计师的工作不仅限于视觉呈现,交互原则更能体现出网页设计师的功底,优秀的页面设计不仅能提高转化效果,更能增加用户对产品的体验。网页设计要注意哪些尺寸才能设计出高逼格页面呢?这些标准的网页栏目设计知识你都知道吗? 各类网页栏目设计尺寸 800*600下,网页宽度保持在778以内,就不会

网页设计师的工作不仅限于视觉呈现,交互原则更能体现出网页设计师的功底,优秀的页面设计不仅能提高转化效果,更能增加用户对产品的体验。网页设计要注意哪些尺寸才能设计出高逼格页面呢?这些标准的网页栏目设计知识你都知道吗?

网页设计要注意哪些尺寸?标准的各类网页栏目尺寸_qh.itpxw.cn

各类网页栏目设计尺寸

800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定;1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条;在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右。

值得设计师门注意的是,很多人会遇到这样一个问题:在PS里做的图到了网上颜色等方面就不一样了,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象。

全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px;小图标的标准尺寸120*90,120*60;每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K。

网页设计中广告的常规尺寸

网页设计要注意哪些尺寸?这些是网页设计师必须要牢记的尺寸。

一、120*120,这种广告规格适用于产品或新闻照片展示。

二、120*60,这种广告规格主要用于做LOGO使用。

三、120*90,主要应用于产品演示或大型LOGO。

四、125*125,这种规格适于表现照片效果的图像广告。

五、234*60,这种规格适用于框架或左右形式主页的广告链接。

六、392*72,主要用于有较多图片展示的广告条,用于页眉或页脚。

七、468*60,应用最为广泛的广告条尺寸,用于页眉或页脚。

八、88*31,主要用于网页链接,或网站小型LOGO。

标准的网页顶部栏尺寸

网页设计要注意哪些尺寸?顶部栏是我们网页设计的一个盲区,我们很少花心思去研究它。因为我们觉得顶部栏无非是一个logo,几个文字链接堆砌起来作为菜单,着实没有什么需要注意的地方。但是事实上顶部栏网页设计的学问远不止这些。

在进行顶部栏网页设计时,信息过度加载会增加用户的使用负担,注意力会被分散。所以在策划时我们要根据产品自身的实际情况进行取舍。一般来说,顶部栏有以下一些内容:

品牌logo,菜单,搜索框,提示消息,登录/注册,联系方式,语言切换,其他产品或者移动端app的下载链接,行为召唤链接。

根据用户的浏览习惯(从左到右,从上到下),当他们进入一个新的网站,顶部栏通常是他们最先看到的地方。我们都知道用户对于你产品的第一印象是很重要的,因为它会一直伴随接下来的使用过程,而且第一印象无法更改。所以在制作顶部栏时一定要注意这些。

更多UI设计知识技能在南宁达内UI设计培训~

文章出自:http://qh.itpxw.cn/qgtk/202066310.html

文章标题:网页设计要注意哪些尺寸?标准的各类网页栏目尺寸



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
培训学校
海口达内 访问该机构站点 报名留言 加为好友 用户等级:开放浏览 用户级别:0 机构名称:达内科技教育集团 联 系 人:吴老师 联系电话: 联系手机: 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 电子邮件: 网站域名:http://hk.tedu.cn/ 注册时间:2018-07-27 15:07 最后登录:2021-01-14 09:01