添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 设计分享 >

网页设计速成法则

时间:2013-11-21      来源:互联网     

  不论是PC端的网页设计还是移动端的界面设计,都要遵循一定的设计法则,在这个基础上进行的网页设计几乎不会出现太多的问题,其余的就是自己的对于网站整体风格进行把控。

  网页设计速成法则内容包括:

  1、如何做到让网页上的重要内容易发现;

  2、如何优化信息间的关系;

  3、如何用视觉分解体验目标。

  观点:

  为用户而设计

  当用户第一次使用一个产品时,会迫切需要知道下一步该做什么,当逐渐熟悉产品后他还需要知道与信息之间的联系,从而进行其他功能的探索。

  如何解决用户体验上的需求,界面的视觉上应该满足一下2点。

  1、重要的信息易发现;

  2、信息与信息之间的关系清楚。

  如何让信息易被发现?

  先看看视觉受什么影响?

  1、明度变化---明度反差越大越醒目

网页设计速成法则

  2、色相变化---色相反差越大越醒目

网页设计速成法则

  3、饱和度变化---饱和度越高越醒目

网页设计速成法则

  4、面积变化---当面积占参照物40%左右时最醒目

网页设计速成法则

  总结:设计师们可以控制信息的明度、色相、饱和度、面积的差异实现易发现,让网页设计更加的成功。

  如何优化信息与信息之间的关系?

  网页设计中信息与信息之间的关系常见的有以下三种:同类、异类、从属。

  如何用视觉的手段区分信息与信息之间的关系?设计师们可以借助点线面将信息归纳整理。

  1、对同类信息的处理

网页设计速成法则

 

网页设计速成法则

 

网页设计速成法则

  2、对异类信息的处理

网页设计速成法则

 

网页设计速成法则

  3、从属关系的处理---点构成线、线构成面,利用点线面的属性给信息赋予从属关系,应遵循面包含线、线包含点的原则,避免避免不同层级信息使用相同的形态。

网页设计速成法则

  网页设计中设计师区分信息的方法还有很多,比如:粗线和细线的对比;大间距和小间距的对比;深色快和浅色快的对比。

web前端视频教程
标签 网页设计
相关文章
web前端视频教程


最新更新

网页特效

web前端视频教程