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

设计师的自我修养 五

lei发布于:2018-5-7 12:38 |原作者: 梁师庭|
lei
广东省 汕头市 平面设计师
发私信 + 关注
简介: 本次跟大家探讨的话题是:「设计方法论」。 先思考一个问题—— 其实不难理解, 方法论通常涉及对问题各方面的论述,包括环境、阶段、任务、目标、工具、方法、技巧等。通过一系列具体的分析研究、系统总结并最终得出较为一般性的通用原则。 再来思考下一个问题—— 相信 ...


接下来我们继续来学习下一个理论——

设计师的自我修养 五 飞特网 设计理论

大家看这个理论的名称,可能感觉比较陌生,但实际上却是一个很常见的一个方法论,相信看到下面模型就豁然开朗了。

设计师的自我修养 五 飞特网 设计理论

也叫做四象限(十字)模型,最初建立该模型是用于做时间管理计划,把自己要做的事都放进去,然后先做紧急重要那一象限中的事,用来提升工作效率。

实际上,我们也可以通过四象限(十字)模型用来处理时间管理以外的事,比如界面设计。

当设计师面对一个元素较多的界面的时候,可以通过该模型,有效快速化繁为简,分清主次,同时结合其他设计原理,最终使界面的设计表现更符合用户操作体验。

关键字就是——

设计师的自我修养 五 飞特网 设计理论

举个应用实例,我们尝试去优化下支付宝的蚂蚁庄园。

个人觉得目前的蚂蚁庄园操作按钮布局层面上存在几个明显的问题:可操作的按钮越来越多,可玩性越来越高,相对操作就越来越复杂,对新手友好度越来越低,甚至有些重要且高频的操作放在了不易点击的区域,比如加速喂食速度的道具按钮等等。新人第一次进去游戏,可能最大的感觉,我是在哪里?我要干什么?得花不少时间点击操作去熟悉,甚至要仔细阅读操作说明才能弄懂规则。这次优化的方向,是做到"奶奶都会玩"的用户体验程度。

首先分解布局层元素。

设计师的自我修养 五 飞特网 设计理论

然后建立十字模型,分为重要和操作频率两个维度,把界面功能操作进行分组,再排优先级分布放在四个先后等级象限内。

设计师的自我修养 五 飞特网 设计理论

结合前面学习的菲茨定律,按优先级先后把操作按钮放进去操作热区模型,重要且高频的操作放在易操作的区域内,最后优化完的布局层,视觉上更具备游戏易操作的特性,对新手友好度提升,奶奶都不用看说明就知道怎样玩了吧。

设计师的自我修养 五 飞特网 设计理论

这是个典型的结合多个方法论去解决问题的案例。

接下来继续学习下一个方法论——

设计师的自我修养 五 飞特网 设计理论

怎么去理解配色黄金法则呢?

设计师的自我修养 五 飞特网 设计理论

设计师的自我修养 五 飞特网 设计理论

氛围色

可以理解为背景色,一般选用中性(黑白灰)或带灰调的色彩,不会抢占过多视线,起到烘托氛围效果。

辅助色

可以理解为配角色,相当于催化剂,在背景色中有存在感,但又能加强主强调色的视觉效果。可以不保留,配色比例可以调整成80%氛围色、20%强调色,即82法则。

强调色

可以理解为主角色,简单来说,它就是万绿丛中一点红,人群中你最爱的那个墙头!大胆用那些妖艳贱货色彩吧,大红大绿大紫,想用就用!当然了,设计一般以品牌色为主,可以单色,也可以双色组合或渐变色。

设计师的自我修养 五 飞特网 设计理论

该理论不仅仅是广告界的宠儿,实际上——

设计师的自我修养 五 飞特网 设计理论

色彩除了表达情绪、承载品牌信息外,更多是在构成版面设计的同时,形成对比,突出关键信息。不同色彩比例的组合,特别是在需要展示的信息较多的应用界面,需要考虑如何在有限的版面更直观、更高效传达重点信息,并能给浏览者留下深刻的记忆。

越来越多的APP也逐渐参考6/3/1配色黄金法则进行配色,以60%灰调背景、30%信息传达、10%强调色的黄金比例组合。在有效传达关键信息的前提下,10%的强调色更是承载了品牌信息的同时又不破坏整体视觉重心,起到画龙点睛的作用。


24

好评
21

差评

刚表态过的朋友 (45 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

lei
广东省 汕头市 平面设计师
+关注 发私信

最新评论

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

委托设计