相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

如何成为有交互和视觉思维的设计师

专注发布于:2018-6-20 17:30 |原作者: k_001ayy|
专注
辽宁省 鞍山市 摄影师
发私信 + 关注
简介: 版权申明:本文原创作者“k_001ayy”,感谢“k_001ayy”的原创经验分享!UI 在拿到产品原型时该如何思考?如何着手设计界面?最近跟一些设计师朋友交流 UI 设计方案,总结了一下在方案优化的思考过程,在这里分享给大家。 一、两道思维 很多 UI 拿到一个页面原型的时候,就立马打 ...


解决方案:

用户行为路径中,用户核心费用信息后,最有可能的行为就是点击「批量转账」按钮,所以「批量转账」按钮与转账费用信息的操作关联性比较大,应该在同一模块里会更符合交互操作逻辑。

问题3:颜色应用

问题所在:

主色、点缀色、辅助色各自的应用范围没有规则,颜色应用混乱。

问题截图:

如何成为有交互和视觉思维的设计师 飞特网 设计理论

问题解决:

一个页面或者项目中,各种颜色的应用范围需要有一定规范,文字使用什么颜色、按钮使用什么颜色、输入组件使用什么颜色、背景使用什么颜色都需要有对应的使用规则。

问题4:输入控件

问题所在:

输入类组件样式存在多样性,同样是输入框,有多种样式,会造成用户交互操作上的认知有误。

问题截图:

如何成为有交互和视觉思维的设计师 飞特网 设计理论

问题解决:

一个页面或者项目中,输入类组件样式应用统一性原则,保持视觉风格一致,从而减少用户操作认知偏差。

问题5:按钮样式

问题所在:

按钮样式应用到不具备按钮点击属性的对象上,用户会认为也是可点击,会造成用户交互操作上的认知有误。

问题截图:

如何成为有交互和视觉思维的设计师 飞特网 设计理论

问题解决:

一个页面或者项目中,不具备按钮点击属性的元素尽量不要套用按钮样式,减少用户操作认知偏差。

举个例子:人形的稻草套上人的衣服,成功了欺骗了人们,造成了认知偏差。

问题6:信息展示

问题所在:

同类信息内容的展示存在多样式,传达过程中加重了用户的认知负担。

问题截图:

如何成为有交互和视觉思维的设计师 飞特网 设计理论

问题解决:

一个页面或者项目中,同类信息内容的展示应用相似性原则保持视觉风格一致,因为相似性的布局可以更加高效地传达信息。

举个例子:电商页面,金额信息展示;理财页面,收益信息的展示;都是应用相似性的布局,即统一又高效地传达信息。

问题7:图标风格

问题所在:

图标风格不一致,图形反白风格,立体风格,线性风格。

问题截图:

如何成为有交互和视觉思维的设计师 飞特网 设计理论

14

好评
11

差评

刚表态过的朋友 (25 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

专注
辽宁省 鞍山市 摄影师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计