杜绝设计中的视觉噪音

时间:2014-09-14

  (如图,链接文字、不可点击文字,通过色彩的划分而一目了然;)

  (某网站设计;不同区域使用不同色彩划分信息;)

  (个人网站设计;橙色文字在灰色底图上被很好的展现了出来;)

  (色彩在区分信息模块时的运用;)

  2.布局

  界面中的信息能否被有效的传达,离不开良好的组织和布局;这需要考虑以下这几个要素:

  a.层次(层级关系,段落关系)

  在信息的视觉展现中,信息之间层级关系的表达非常重要,如一个界面中导航区域与内容区域的关系、一篇帖子下的所有评论之间的关系、一篇文章中的段落关系等等……恰当的视觉设计,能够通过对视觉元素的展现来暗喻信息之间的层级关系;如果视觉层级关系展示不当,会使用户产生困惑,造成理解障碍;

  (左:信息的层次划分;右:信息的段落划分)

  • 共3页:
  • 上一页
  • 2/3
  • 下一页
  • 上一篇:手机文本输入框设计 下一篇:JS+CSS实现侧边栏跟随浏览器滚动效果

    相关文章

    最新文章