青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113113165158935 
知识普及 » 网站的视觉路径和版式设计

网站的视觉路径和版式设计

网页设计师 2019-07-20 18:26发表
阅读次数 1235
  谈到用户的视觉路径一般是:从上到下,从左到右。好的视觉设计路径应该是顺应这样的用户习惯,糟糕的设计会让用户无所适从,焦点到处都是。当然,上图的视觉路径图并非绝对的,浏览习惯因人而异。

  网站中方块因为人们从接触信息以来,信息的呈现就是以方块式存在:报纸、书,单个字成点,一行字成线,一段字成面,而这个面当然是以方形呈现的效率最高。网站的视觉设计大部分其实都是在拼方块。网站中的方块能很好地引导用户的视觉路径,用户可以通过区块来分辨这个区域的信息是否是自己需要的,从而可以迅速缩小范围细致寻找或者浏览下一个区块,比如yahoo的首页,从大块上来看,用户很容易分辨出4个大区块,每个区块里面又有小的区块。1方块感越强越能给用户方向感。2方块越少越好。3尽量用留白做视觉区分。

  对齐和间距视觉设计最简单,也是最容易忽略的就是对齐。检查的方法就是查看每个方块中的边线,方块与方块之间的边线,尤其是纵向维度。间距的一般规律:字距小于行距,行距小于段距,段距小于块距。检查的方法可以尝试将网站的背景图案、线条全部去掉,看是否还能保持想要的区块感。

  拿淘宝的新首页举个细节的例子(右边是我调整后的)。有时候我们不需要花心思做多么漂亮的图标和颜色搭配,用心地调整好网站的每一个像素或许也能让它焕然一新。

  主次关系怎么对用户引导的关键就在于怎么处理主次关系。说白了就是对比,从视觉的角度上看:形状的大小,颜色,摆放的位置都会影响信息的重要与否。从大的区块来看,不要平均分割页面,三栏的设计应该让其中一栏明显短一些。从局部来看,也要把握信息呈现的节奏,比如yahoo中间新闻栏的设计,大图带大标题是第一要点,小图带字是第二要点,纯文本第三,节奏感、主次关系非常强。

  常见问题1视觉设计师不懂代码,前端设计师在视觉方面又不专业。常常是实现出来的产品跟视觉设计出来的图片有所偏差。建议视觉设计师跟进调整。2广告图片破坏视觉效果。如果网站足够牛的话,可以让广告方遵循视觉规范。如果不行的话,起码设计师还能决定广告的尺寸,位置等等。

  写这篇文章刚刚赶上4月份新浪、腾讯、淘宝的首页改版。单纯从视觉设计的角度上看,腾讯非常清爽,很用心。

网站的视觉路径和版式设计相关标签:企业建站网站优化网站制作方案网站制作公司
相关热点推荐
你对网站的未来是怎么样
从零开始设计一个漂亮的
做好网络营销就要写好软
网页设计中色彩的应用
网页设计中需要掌握的功
网站建设的准备工作
关于iOS7的设计方面
网页设计中“点”的视觉
SEO在网站建设中有哪
UED设计流程和方法
网站设计中的简洁与简单
简洁的网页设计
虚拟空间选择经验谈
企业为什么要建设网站?
企业如何做好搜索引擎优
企业建站流程及实用技巧
小谈网站定位与内容建设
扁平化风格网站的设计要
细节决定成败总结项目中
History.bac
如何制作网站
站运营技巧的一些看法
漫谈网站改版的必要性上
如何建立一个网站
网站推广技巧8则(二)
快速增加外部链接的八种
网站颜色在网站建造策划
SEO网页质量直接测度
隐藏所有站长统计系统网
互联网信息在网络广告系
让你的网站访问者有内容
谈谈在网站SEO中的分
如何准备您的建站资料
探讨怎样的网站才是成功
英文版企业网站的设计要
行之有效的网络推广方式
在青岛网站设计中套用网
PR值是根据什么计算的
搜索引擎收录不好的原因
建站必读2
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
  • 备案号
  • 鲁ICP备13010283号
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
159个月 3