版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
第八章交互界面视觉设计8.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.1图像交互界面中占比最大的就是图像。这里的图像，包含了图片与图形两部分，两者品质的好坏以及设计的美丑都决定了整个交互界面的成败。1.图片（1）JPEG（.jpg）（2）GIF（.gif）（3）PNG（.png）（4）点九PN（.9.png）2.图形8.2.2文字1.正确用字文字设计的要点：（1）字体的选择要正确（2）字体的使用要正确（3）字体的使用数量不宜过多（4）字体与背景要分明2.常用字体类型（1）以黑体为代表的无衬线字体（2）以手写书法体为代表的毛笔字体（3）具有动态美感的艺术字体8.2.3色彩1.色彩对比（1）纯度对比（2）明度对比（3）面积对比2.色彩分析3.色彩感受4.色彩使用规范8.2.4构图1.九宫格式构图
2.圆心点放射式构图3.三角式构图
4.视觉导向式构图5.
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论