1、本课主要内容目录如图示。
2、图标在界面设计中,不同的样式作用也不一样,根据场景选择合适的图标,通过图标的表达来突出界面的内容信息。具体解说如图示。
3、线性图标在视觉上重量较轻,层级也较轻,尤其越简单的线性图标越不容易抓取用户的视觉,一般用于非重要的位置,用于装饰界面。线性图标同时又分为纯色线性和多色线性,根据不同风格的版面选择使用。具体解说如图示。
4、面性图标主要用于吸引用户视觉,给用户可点击的心理预期。一般位于重要的快捷入口,纯色图标一般用于装饰,而加底色的图标更贴合按钮形状。具体解说如图示。
5、当图标作为重要入口希望用户去点击时,图标需要大,同时也需要过于简单,同时需要加入细节。当图标作为辅助装饰使用时,图标应当小,不可高于文字的视觉层级。具体解说和案例如图示。
6、图标在界面中的统一不代表着整个产品内的图标都要统一,而是从大方向的产品开始调整统一性。具体解说如图示。
7、版面中的对齐不仅可以让页面更规整易于阅读,而且可以降低程序开发的时间,提升工作效率一般左对齐是界面设计中最常用的对齐方式。具体解说如图示。
8、左对齐是根据人的视觉习惯横向的由左向右阅读,所以在界面内的列表信息中,左对齐是最常用的对齐方式。具体解说和案例如图示。
9、居中对齐一般用于界面的标题中,可以用于吸引视觉焦点。具体解说和案例如图示。