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

2016-03-18  本文已影响445人  谷涵先生的小站

课程地址
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 双指组合灵活程度 三指灵活程度

匹配原则

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

认知心理学

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

用户记忆

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

上一篇下一篇

猜你喜欢

热点阅读