05. 留白

  苹果的留白设计突出了自己的产品,这对很多前端开发者来说似乎是一个很晦涩的概念,留白能让页面充满更多的呼吸空间。让段落和句子更加清爽利落,让重要的视觉元素更加突出。

  关于留白,如果您还有其他疑问,推荐您看看《我们为何要在设计中重视”留白”》

  06. 栅格线不是CSS中的框架

  栅格线的功能有以下几点

  更紧密的连接多个对象间的关系

  视觉上,提供了基本的对齐系统

  帮助构建水平和垂直方向的阅读节奏感

  打造出视觉平衡

  页面中的每一个元素都是一名士兵,栅格线是规矩和纪律,在栅格线的约束下,所有的元素都能紧密结合,排布有序,形成一个整齐划一的”军队”

  07. 主角只有一个

  如果不分主次,强调每一个元素,那么,到底谁才是主角?

  这是很重要的一点,一次好只强调一个元素,这样视觉层级会变得清晰,页面会更加易读。

  08. 建立一个灵感图库

  灵感图库要多保存一些能够激发你灵感的作品,可以是照片、视频、海报、T恤,也可是网站。也许以后用得到的时候可以回来参考。

  同时,仔细观察这些设计,试图从更深层次去研究细节,或是研究设计者的设计手法,应用到你的设计中,或是琢磨设计者的灵感,也许会给你带来新的启发。