大巧不工Web前端设计修炼之道——(6)探索、品味、总结——经典设计思维

来源:互联网 发布:广州时代大数据 编辑:程序博客网 时间:2024/05/09 20:03

1.平衡网站的色彩

1.1色彩的联想
红、黄、橙是暖色系、绿、蓝、紫是冷色系、黑、白、灰是中性系。

  • 红色:活力,给人冲动、愤怒、热情、有活力的感觉
  • 橙色:欢快活泼温暖,快乐、幸福、喜庆、富贵、食欲
  • 黄色:快乐、希望、智慧、轻快、祝福
  • 绿色:健康、环保、平衡其它颜色、和谐
  • 蓝色:天空、海洋、和平、宁静、深邃,浅蓝是平静、深蓝是内涵可靠
  • 紫色:高贵、神秘、加白色变优美柔和、青紫代表浪漫、暗紫代表奢华
  • 黑色:权威、权利、神秘、寂静、悲哀、压抑、前卫
  • 白色:纯洁、明快、清洁
  • 灰色:时尚感

1.2色彩三要素
- 色相(Hue,H):颜色
- 饱和度(Chroma,C):纯度
- 明度(Value,V):亮度

1.3流行配色
- 单色系配色
- 相似色配色
- 互补色配色
- 三色配色

Kuler是Adobe利用网友提供的配色方案作出的一个AIR工具,用于汇总配色方案。
注意色彩的平衡,不至于视觉疲劳。

2.简洁的思想斗争

1有效利用空白
2是时候“减肥”,去除不必要的功能
3简洁:需求、文化、潮流

3.排版艺术

1.了解字体:衬线(Serif)与无衬线字体(Sans-Serif):
文章的内文和正文使用的是易读性较佳的Serif字体(宋体),不以疲惫,而标题、表格采用醒目的Sans-Serif字体(黑体、幼圆)。
2.行高、字体、标题

4.80%的情况下我们可以这么做

1.轻松导航:主导航、区域导航(手风琴导航、标签导航)、面包屑导航(>)
2.便捷搜索:标签云、搜索框
3.分页:页数、上一页、下一页、首页、最后一页、跳至几页
4.快速选择:日期、滑动条
5.有效帮助:操作步骤提示、表单提示

0 0
原创粉丝点击