工作流、图标、界面(转载)

课程地址
http://ke.qq.com/webcourse/index.html#course_id=86934&term_id=100085584&taid=161035503883158&vid=w1405taiate

项目工作流程

图标的历史


Paste_Image.png
Paste_Image.png
Paste_Image.png

图标设计要素
按功能分类


启动类图标
应用类图标
功能图标

按设计风格分类


剪影图标
扁平化图标
拟物化图标

界面设计要素


竖排列表展示方式
横排方块展示方式

适合展示元素少的

九宫格设计
页签设计

减少跳转

多面板设计

很像竖着排列的页签

手风琴设计

适合于二级分类

弹出框设计
侧边栏设计(抽屉设计)
弹幕标签设计

手势交互的研究

右手操作热区
右手操作
考虑人体工程学

减少第一、第二拇指关节的使用

单手操作频率
双手操作
Paste_Image.png
Paste_Image.png
双指组合灵活程度
三指灵活程度

匹配原则

系统模型和心理模型的匹配原则

认知心理学

遇到新图标时,用户会载入表层记忆,随着次数反复,用户对图标的含义会建立深层链接
即人们总是根据过去的经验认知当前的事物

用户记忆

应采用单线记忆,
避免增加用户记忆负担 五角星收藏图标对于收藏与五角星两个意符
避免使用用户记忆混淆 收藏与点赞都使用桃心,用户也会产生困扰

推荐阅读更多精彩内容