基本信息
文件名称:《交互数字内容设计》课件——第八章 交互界面视觉设计.pptx
文件大小:6.13 MB
总页数:34 页
更新时间:2025-04-02
总字数:约小于1千字
文档摘要
;界面设计的视觉层面主要可以分为三个维度来解析:信息传递、视觉美化、创意创新。;1.清晰
1.1清晰-降噪-容器整合;1.2清晰-聚焦-局部放大;2.和谐
2.1和谐-呼应-颜色互用;2.2和谐-节奏感-对比变化;我们会发现很多产品首页带有封面图的列表都有很多种排法,例如1带多,1x2,2x2,2x3等等:;2.3和谐-饱满-负形缩减;在做图标或者字体的时候,经常要讲一个原则就是“饱满”,界面上每个“不能拆分的元素”都需要尽量做到饱满,比如图标,再比如下面这个信息组件:;正文就属于不能拆分的单一原子,大家可能会问,这种信息不就是方方正正的一个信息块吗,怎么会不饱满呢,比如行间距过大:;再比如,我们在发信息的时候,发现正文出现的表情远远大于文字,如下图:;3.独特
如果你的界面做到了清晰、和谐,在视觉层面就已经算是及格了,如果还能加上一点小创意,就可以让人眼前一亮。
如何能够做到独特?可以从两方面出发,1是品牌,2是内容本身含义。;3.1独特-品牌延展-吉祥物结合;3.2独特-事物本意延展-事物图形化;除了品牌,还可以根据事物本身的意思来延展图形,比如日间夜间模式的切换按钮,男女性别的切换按钮,都可以利用事物本身的含义来延展图形设计:;8.2交互界面的视觉设计要点;8.2.2文字;2.常用字体类型
(1)以黑体为代表的无衬线字体
(2)以手写书法体为代表的毛笔字体
(3)具有动态美感的艺术字体
;8.2.3色彩;8.2.4构图;2.圆心点放射式构图;3.三角式构图;4.视觉导向式构图;5.对称式构图;8.2.5用户体验