1、本课主要内容目录如图示。
2、图标在界面设计中,不同的样式作用也不一样,根据场景选择合适的图标,通过图标的表达来突出界面的内容信息。具体解说如图示。
3、线性图标在视觉上重量较轻,层级也较轻,尤其越简单的线性图标越不容易抓取用户的视觉,一般用于非重要的位置,用于装饰界面。线性图标同时又分为纯色线性和多色线性,根据不同风格的版面选择使用。具体解说如图示。
4、面性图标主要用于吸引用户视觉,给用户可点击的心理预期。一般位于重要的快捷入口,纯色图标一般用于装饰,而加底色的图标更贴合按钮形状。具体解说如图示。
5、当图标作为重要入口希望用户去点击时,图标需要大,同时也需要过于简单,同时需要加入细节。当图标作为辅助装饰使用时,图标应当小,不可高于文字的视觉层级。具体解说和案例如图示。
6、图标在界面中的统一不代表着整个产品内的图标都要统一,而是从大方向的产品开始调整统一性。具体解说如图示。
7、版面中的对齐不仅可以让页面更规整易于阅读,而且可以降低程序开发的时间,提升工作效率一般左对齐是界面设计中最常用的对齐方式。具体解说如图示。
8、左对齐是根据人的视觉习惯横向的由左向右阅读,所以在界面内的列表信息中,左对齐是最常用的对齐方式。具体解说和案例如图示。
9、居中对齐一般用于界面的标题中,可以用于吸引视觉焦点。具体解说和案例如图示。
10、居中对齐在界面设计中常用到最多的就是音乐播放类产品,以增强每一句词的仪式感。具体解说和案例如图示。
11、对齐中常见的细节问题不需要将文本刻意的紧贴图片的两端,在确认文字版式之后相对图片居中即可。具体案例对比如图示。
12、文本相对文本对齐,不需要强制性的与列表最边缘对齐。具体解说和案例对比如图示。
13、当标题与内容在一排时,由于标题字数固定,可以固定范围显示文本。具体解说和案例对比如图示。
14、界面的设计大部分时间都在进行复杂的信息层级整理,信息层级的划分是考验设计者细节处理能力的重点。具体解说和案例如图示。
15、了解界面设计的阅读顺序,设计整个版面,采用人的视觉习惯由左到右,由上到下,彩色优先,灰色次之,大优先,小次之,粗优先,细次之去排列版式。具体解说及案例如图示。
16、根据界面的内容,将同一个层级的信息保持绝对的统一,拉开对比。具体解说和案例如图示。
17、界面设计中不同的色彩主要用于引导用户交互,营造产品的结构以及产品的特性。具体解说和案例如图示。
18、根据产品的属性和用户的定位,在设计界面时选择合理的运用色彩的面积大小。具体解说和案例如图示。
19、在界面设计中当文字具有特殊强调作用或是用作按钮的时候需要给文字添加少量色相。具体解说和案例如图示。
20、在界面设计当中,分割线不宜添加色相,以便过于抢眼而失去应有的分割意义。具体解说及案例如图示。
21、字体在界面设计中处于一个非常重要的元素,有些产品基本上都是嵌入常规字体。具体解说和素材如图示。
22、衬线体与非衬线体在界面设计中根据版式的风格及内容确定使用合适的字体。具体解说和案例如图示。
23、特殊字体主要用于引起视觉上的注意,主要用于设计主标题。具体解说和案例如图示。
24、不同的字体在界面设计中所应用的意义不一样,根据版面的风格选择合适的字体。具体解说如图示。
25、字体的粗细主要用于版面的视觉,粗体彰显力道,细彰显文艺。具体解说如图示。
26、在界面设计中字体的结构松散代表着随性,紧凑代表着正式,庄重。具体解说及参考图如图示。
27、在界面设计中选择字体的时候需要考虑到字体的应用,不能够为了改变字体而改变字体。具体图解如图示。