400-666-3155

在线QQ客服

QQ咨询

微信扫一扫咨询

网页头部

阅读量:1609

定义:网页头部在视觉上一般体现为轮播大图及其以上的部分,在代码上一般体现为<div id=”top”></div>

头图1.png

网页头部(top)一般包括logo、会员导航条、网站导航条、轮播图(或头图),下面以头图为例,来谈谈网页头部各部件的排布


对称平衡

网页头部设计中经常用到平衡,平衡意味着和谐。当一些事物看起来不错,具有一致性和相似性,实质是这个事物有完美的平衡性

这个事物不仅是一个网页,还可能是一幅画,一栋楼,一个摄影

如果你想让你的网页看上去美观和优雅,那么你应该做一个对称的设计。这种效果可以通过相同的尺寸、基于网格的文本段落、具有匹配文本相片的图像来达到。

您可以在网上轻易找到各种中心的布局,实际上,对称性设计被认为是最赏心悦目的设计。这是大多数人的典型思维模式。

实际设计中,对称设计并没有你想象中那么简单肤浅。如果你是新手,不妨从平面配色开始,尽量多运用白色,直到你有足够的能力创造你自己的设计。


不对称平衡

不对称平衡带来一种自由随意的感觉。

尽管有时候看上去不是那么自然,但它经常在网页设计中得到运用。你可以看到不对称平衡常常被运用在一些高清大图作背景的页面上,主体远离了中心轴线,目的是为了把更醒目的标题留在中间。

不对称设计的主要目是将标题移位到左边或右边(或顶部或底部)。因此,如果您决定要用不对称设计,你应该准备好多次试验,避免给访问者造成阅读理解障碍。

图片1.png

无论什么类型的对称,核心就是你要让整体平衡。

水平平衡

水平平衡是网页最经典的页面布局。大部分人都习惯从左向右阅读,所以左右布局也是最自然的一种布局方式。这是最经典的一种布局设计,如果你的客户比较传统,那么你的设计也应该简单明了

头图3.png


垂直平衡

垂直结构用于头部和底部的元素非常相似的情形。这样的布局往往运用于小图片的展示

头图4.png


结论

平衡是网页设计中最重要也是最容易忽略的东西。视觉上的平衡可以通过对界面元素的布局来调和,比如选择最合适的配合,元素的大小和位置。有的时候,也需要大胆创新,不要拘泥于传统。


相关阅读

平台信息
平台介绍
代理合作
公告/FAQ
平台公告
常见问题
注册说明
限免产品
搜索缓存
四川创锐科技有限公司
400-666-3155
成都蜀金路1号金沙万瑞中心C座1702

四川创锐科技有限公司-大熊猫点搜网络推广平台,DXM.SO域名解释“DXM”是大熊猫拼音首字母“SO”是搜的意思,DXM.SO是我公司注册商标

《中华人民共和国增值电信业务经营许可证》编号:川B2-20170249号  ICP证:蜀ICP备14008752号