首页

思维方法篇:培养专业的设计思维

资深UI设计者

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

“设计思维意识形态”强调亲身实践、坚持以用户为中心的方法解决问题,并达到设计创新,进而实现差异化、增强竞争力。这种 “亲身实践” 的、“以用户为中心” 的方法由 “设计思维过程” 决定。

设计思维发展史

很多人都有一个误解,认为设计思维才刚刚兴起。实际上,人们对设计思维的运用已有年头:纪念碑、桥梁、汽车、地铁系统等都是其产物。纵观历史,优秀的设计师早通过以人为本(human-centric)的创造性设计过程来缔造寓意深刻、富有感染力的设计方案。

早在20世纪初夫妻档设计师 Charls 与 Ray Eames 在设计 “埃姆斯椅” 之前就坚持 “在做中学”,挖掘了椅子背后的大量需求和限制条件;这款椅子在70年后的今天,依然被投入生产制造。20世纪60年代,服装设计师 Jean Muir 有 一个很著名的设计策略 “常识论(’common sense’ approach)”,非常重视自己设计出来的衣服在别人眼里是什么样子。

这几位设计师都是当时的创新先驱,他们的设计方法论也被看做是早期的设计思维——深入了解用户的生活方式以及人们未被满足的需求。

纽约州商业部标识 “ I LOVE NY ” 的设计师 Milton Glaser 也对设计思维做了很好的阐释:

“ 我们一直都在思考,但并没有真正领悟(什么是用户真正需要的)……是关注(attention)这一行为本身让我们真正了解了用户的需求本质、对用户需求有了充分认识。”

尽管早期就有了用户为中心的设计产物,但设计在商界的地位并不高。往往事后才被人想起,也仅仅是一种提高美感的润色手段。所以很多公司根本就没有满足顾客的真实需求。因此,有些公司将设计师的角色从受限的的产品开发后端前置到了产品设计之初。以人为本的设计方法(human-centric approach)也让他们独树一帜:其设计产物不但满足了用户需求,也成功盈利。

大公司在落实以人为本前,需要一套标准化机制。设计思维(design thinking)就是一套用创造性设计流程解决传统商业问题的规范化框架。

20世纪 Roger Martin 和 IDEO 设计师 David Kelly & Tim Brown 共同提出了设计思维,将酝酿多年的设计方法和思想概括成了一个统一的说法。

设计思维是什么?——设计思维的定义

设计思维是一个流程化的意识形态(Design thinking is an ideology supported by an accompanying process.)。要彻底理解这一概念,先要弄清楚 “设计思维意识形态” 和 “设计思维过程” 。

定义:“设计思维意识形态”强调亲身实践、坚持以用户为中心的方法解决问题,并达到设计创新,进而实现差异化、增强竞争力。这种 “亲身实践” 的、“以用户为中心” 的方法由 “设计思维过程” 决定。设计思维过程有6个鲜明的环节,接下来会一一详述。

设计思维如何进行?——设计思维的过程

设计思维整体上遵循着

  1. 理解(understand)
  2. 探索(explore)
  3. 实现(materialize) 的环状流程。
  4. 具体可细分为6个阶段

(1)与用户产生共鸣(empathize)

与用户产生共鸣(即带着同理心去理解用户):开展用户调研,了解用户的行为、语言、思想、和感受。

假设你的目标是改善新用户的登机体验。那么在这一阶段你需要和真实的用户对话,观察他们做了什么、如何进行思考、以及想要什么,同时思考 “是什么激励着用户或阻碍着用户”、“用户在哪儿受到了挫折”。其目的是收集尽可能多的信息,力求与用户产生共鸣、真正理解他们。

(2)定义问题(define)

定义问题:根据调研结果,观察用户有哪些痛点(pain point)。明确用户需求后,罗列出优化点。

该阶段以上一阶段为基础,帮助我们进一步了解用户。还以登机体验为例,根据之前的调研结果,我们可以总结出乘客当前的体验概况,思考不同乘客之间是否存在相同痛点,找出乘客未被满足的需求。

(3)形成概念(ideate)

形成概念:针对用户未被满足的需求,脑暴一系列疯狂的想法和创意。参与者可以自由发挥、天马行空一番;这一阶段,点子的数量重于质量。

最好整个团队一起参与,简要描述下各个想法。然后成员之间观念互换,将好的点子相互融合、修正,形成一套全员认可的解决方案。

(4)绘制原型(prototype)

绘制原型:将概念方案制作成真实、可感触的原型。其目的是分辨方案中哪些内容有效,哪些无效。同时,依据原型的反馈信息权衡我们的解决方案应该更具影响力还是可行性。

如果你的任务是设计一个全新的登录注册页,绘出线框图,在团队内讨论、汇总建议。然后根据建议快速调整方案,换一组人进行再次讨论。

(5)测试(test)

测试:带着你的原型走进用户、获取用户的反馈。同时思考 “这个设计方案有没有解决用户痛点、满足用户需求?有没有让用户感觉更好、思路更清晰、任务执行更顺畅?”

邀请真实用户试体验产品原型,验证设计目标。乘客对登机体验的抱怨有没有减少?新做的登录注册页有没有增加用户的时间和金钱成本?为了实现最终的设计愿景,多测试几遍吧。

(6)实施(implement)

实施:将你的设计愿景开发上线,确保它能为最终用户带来生活品质的真正改善。

这是设计思维最重要的一环,也最容易被忽略。Don Norman 说过:“我们需要做更多的设计。” 设计思维不是变戏法,空有理论而不实践是没用的。同时记住 Milton Glaser 的教诲:“创新设计是最难的。”

因为 ‘创新’ 是一个动词,要花费很长的时间。我们要先在头脑里产生一个点子,然后将它实现。通常这是一个漫长且艰难的过程,但如果你掌握到了其中的真谛,你的工作就被赋予了价值和意义。

为什么要遵循设计思维?——设计思维的优势

为什么要学习和使用设计思维?其理由很多。通过归纳,我们发现设计思维的优势在于:

  1. 从用户数据着手,坚持以用户为中心;注重真实非虚拟的用户需求;并在真实的用户群中进行测试。
  2. 发挥集体专家的智慧,建立集体语言,尊重每位参与者的建议。
  3. 运用多种方法解决同一问题,鼓励创新。

Jakob Nielsen 告诉我们:“如果一个伟大的设计解决的是一个错误的问题,它必将失败。”

灵活性——设计思维可适时调整

初次接触设计思维,你会觉得它复杂深奥。但要告诉大家的是,设计思维的6个阶段不必生搬硬套,非按顺序操作。我们可以把它当作指导思想,在需要时运用即可。要学会做主厨,而不是打杂的厨子:产品设计流程就像烹饪食谱,完全可以根据实际情况稍作调整。

这6个阶段是可迭代、可循环的,与纯线型设计过程(详见图2)完全相反。在完成最初的原型后,我们常常会再次回到 “理解” 的前两个阶段,与用户进一步产生共鸣、深入定义问题。只有产出好的点子、绘制出完整的原型,你才能真正表达出你的设计理念,也能在设计之初就准确评估方案的有效性。

基于这一点,再次进行用户调研很有价值。在决策前理清:用户的哪些信息未被了解到,原型中的哪些用例未被调研到。

每一个阶段也皆可重复操作。我们常常会在其中一个环节里多次反复,达到这一阶段的目的再继续下一个阶段。

举例说明:由于不同的参与者背景不同、专长各异,“定义问题”时会产生很多解决方法。这一阶段需要全部参与者集思广益,花费的时间普遍较长。如果大家无法达成一致,就有必要多重复几次 “定义问题” 。每个阶段的产出都应当足够合理,以作为余下阶段的指导原则,同时不要偏离我们的关注点。

可扩展性——设计思维的“雄心壮志”

设计思维方便、无障碍的本质赋予了其很强的扩展性。过去那些不肯转变观念的公司,现在也有了自己的设计指导规范。设计思维不仅适用于传统的产品设计等领域,也适用于社会、环境和经济领域等的问题解决。

设计思维简单易懂,可被广泛应用;但如果“问题”定义得不准确,整个设计过程将会十分棘手。设计思维既可以用于优化小的功能点,如搜索功能;也可以用来制定重大变革性方案,如为教师设计职业发展阶梯,以留住更多教育人才。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

 

浅谈消费升级下的体验设计升级

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

 

消费升级这个概念在2017提出比较火热,作为新零售爆发的起始。这几年,我们看到奔驰宝马推出的亲民型价格的车,2018年拼多多的上市,很多人在质疑消费到底是升级还是消费降低了?

招商银行最近发起的一次“消费升级”还是“消费降级”的话题中,76%的人支持消费降级了,24%的人支持消费升级。但是从透过表象看本质来说,不是成千上万的人一窝蜂去抢9.9包邮产品就是消费降级的现象,而是看整体消费结构。从今年发布的数据来看,今年上半年,社会消费总额超过18亿元,同比增长了9.4%。因而,消费是降级还是升级,最终要看的整体消费方式是转向精神需求还是转向物质需求?消费手段是转向数量还是质量?以及整体消费的结构是在基本需求上的柴米油盐还是在健康、娱乐等需求升级的结构上发生了改变?

浅谈消费升级下的体验设计升级

无论是消费是升级还是降级,我们都看到:如今正处于一个消费变革时代,消费结构正在发生改变、产品跟消费者建立新的关系、一些新的消费行为、消费心理产生等等,传统的消费模式都在悄然变革。

作为一名用户体验设计师,在当下应该去观察消费趋势,结合用户新的消费行为、新的消费心理,赋予产品新的体验方式。

一、消费升级的背景

我通过对历史上的几次消费升级的变迁资料的查阅,发现消费变革的主要规律与经济环境、政治统治、消费人群结构、消费的需求变化息息有关。下面把影响消费升级有关的几点背景简要说说:

背景1:人口结构变化,20~49岁的消费主力群体发生改变

在2017年国家统计局《中国统计年鉴》里表明,70-99年出生人数在总人口中占比47.8%,年龄当前集中在20-49岁,是现代社会消费的主力军,这也意味着他们的消费行为很大程度上影响着整个社会及产业的发展。很多商家已经成功挖掘了年轻的消费群体的特征及爱好,并获到不错的口碑和收益,例如喜茶

背景2:中产阶级的体系正在崛起,整体消费力提升

中产阶级是指家庭月可支配收入在人民币12500-24000,根据波士顿咨询和阿里研究院的一项研究显示,中产阶层的消费将以17%的增长速度。预计2022年,数量将达到6.3亿人。

说简单一些,中国大多数家庭都将走向奔小康、富裕生活。因此,我们不仅看到人口结层级变化给消费带来的机会,还有人均消费力。未来几年中产阶段对消费品质的提升,需求的提升在整体消费中贡献大多数的消费占比。

背景3:国家经济政策

马歇尔在《经济学原理》提到,消费可以指导生产,扩大整个社会的消费需求可以实现社会再生产。在近20年来,国家的政策补贴不断、比如家电下乡、企业减税、贷款利率下降等等都属于扩大内需,提升经济增长。

这种逻辑简单来说就是:内需增加引起社会产出需求增加,企业则可以增加自己的营收,整体上来看,总体企业营收都增加了,便促进整个经济的增长,经济增长意味着每个人收入增加,进而更有能力进行消费。

小结消费升级几点背景:

消费主力人群年轻化

中产阶级崛起,占据主力消费需求

国家扩大内需经济增长战略

二、消费结构和消费心理的变化

基本需求到心理需求的变化

在历史上几次消费升级的变迁中,最大显著区别在于:在物质比较匮乏时期以劳动生产解决温饱需求,在近代信息时代,生存消费占比逐渐变小,而人的精神心理的需求日益增长。

在马斯洛需求金字塔理论里提到,最底层是生理需求,最高层是自我实现的需求。这也恰恰说明在人类发展的过程中,人会自动往上追求精神和心理的需求,其中最明显的代表就是以95后为代表的娱乐化现象的产生。秒拍、小咖秀、抖音等等都是抓住年轻用户群体迅速掀起的风浪。如今,爱奇艺早已将品牌转向年轻化、品牌潮流的方向,在行业内具有较强竞争力。

消费结构的变化

浅谈消费升级下的体验设计升级

衣食住行是消费最基本的结构,随着一些投资机构的动向来看,越来越多的公司已经开始大规模进行医疗健康、教育、娱乐转变,并把衣食住行基本需求与这些方向进行结合。比如越来越多大众运动品牌和快时尚品牌都争相试水功能服装,事实上,从80年代开始就有吸汗衫、杀菌服、磁疗鞋、反光服等。如今,已有一些公司在尝试智能服装,在服装的各个关节植入智能穿戴感应设备,能通过设备感应人的运动动作、频率、心率等各方面的健康指数。

因而我们看到如今“衣”的消费已不再是简单的服装样式方面的简单需求,而是与人性化、智能化相结合,体现越来越多的生活价值。

同样在“食、住、行”上也是同样的变化,以前火锅讲究口味、地域,而现在越来越多互联网+餐厅就侧重吃的健康、吃的风格、吃的娱乐性等等。在住上例如民宿,更讲究地域风情、人文的融入。

浅谈消费升级下的体验设计升级

在同样品类选择下,年轻一代的消费群体更愿意选择品质更高,甚至钟情于自己所喜爱的小众品牌,之所有会有这样的变化,也是因为新的消费主力的喜好变化。举个简单的例子:随着咖啡受众广泛,一些追求品质和口味的用户不再满足批量同质生产星巴克咖啡,因此星巴克也在不断推出臻选升级店,从咖啡豆原产地到工艺、口味都在提升品质对小众化得需求满足。

另外,价值观及态度也是吸引小众群体追求原因。小米手机在国产品牌中,以价格和较高的品质产品,受到了很多人热爱与追捧。还有网易严选、无印良品都是以主打生活品质、生活态度的代表。在品牌里灌输着对新生活方式的诠释,深受年轻一代消费者的喜爱。

小结:消费结构与消费心理的变化

消费结构从衣食住行提升到健康、医疗、教育、娱乐等方面

消费心理追求精神需求

追求品质与有态度的价值观

三、设计如何发挥价值

前面我们分析了消费升级的背景和消费结构以及消费心理的变化,对消费升级就不再浅显理解判断就是价格上涨了。在相同品类里,如何利用消费升级趋势让设计赋能体验升级呢。

年轻消费者追求个性化设计、定制化体验

消费升级不单是价格升级,在服务上也要在同质化产品中脱颖而出,越来越多公司注重个性化设计与定制化体验与市场形成差异性。个性化和定制化实在用户体验中为用户量身打造的策略,向用户呈现超越预期的需求,带来的是好感与认同感。

“个性化”是基于用户的特征,单独为用户打造的模块。例如淘宝的推荐系统,是从用户的购买记录收藏记录来推断该用户的喜好特征,而进行有针对的推荐。

定制化体验是提供用户很多模块,用户有自主选择,根据自己喜好、兴趣创建自己的布局、模块、页面,这样的自主选择可以很大程度提高用户体验。常见的定制体验有新闻客户端,用户根据自己兴趣选择标签,定制自己感兴趣的主题。

例如:QQ空间装扮上,用户可以根据自己喜好更改模块位置,也可以设置颜色、编辑导航栏、设定天气模块的位置或将其移除。此外还可以更换皮肤展示方式,更换空间背景音乐和动画等。

浅谈消费升级下的体验设计升级

个性化设计与定制化体验是属于提升用户体验的策略,他的出发点是基于流畅的基本功能体验,合理的框架等基础之上。

提升品牌化设计形成差异性

近几年,我们看到很多品牌都在进行品牌升级改造,这一方面是品牌战略的重新定位,另一方面也是契合了消费升级的趋势,对消费群做了新的理念定位。

在2016年腾讯在他18周年里,为了更符合年轻新潮的用户,赋予自己一次品牌升级。其实,从QQ诞生到如今,腾讯的品牌升级从未停止。

浅谈消费升级下的体验设计升级

每一次的品牌升级就意味着对自己的重塑,而贯穿于整个升级的背后是一张战略布局蓝图,是腾讯对自己业务、对消费群体的更清晰的细分。

浅谈消费升级下的体验设计升级

如下图,腾讯从最初的企业形象的logo到企业品牌升级,最后以ip品牌化得体系赋予品牌社交传播属性,在不同业务有不同的特征。例如会员的形象,

浅谈消费升级下的体验设计升级

((图片来源腾讯设计公众号)

最近,在2018上半年考拉也发布了自己的品牌升级,其中对升级是这样诠释的:考拉品牌体验设计升级将“考拉”品牌特征与用户和业务属性进行关联,更具差异化的品牌形象识别。传达一种理念:优质的生活方式并其与用户相连接的

浅谈消费升级下的体验设计升级

((图片来源网易设计公众号)

同质化现象下设计创新模式先行

在如今消费市场中,同质化尤为严重,互联网产品几乎是市面上有什么功能就复制一个类似。无论是功能层面还是体验层面,只要有了成功先行者,那么基本就奠定了整个行业的模式。例如电商,大多数的设计模式永远跳不出淘宝的模式。

浅谈消费升级下的体验设计升级

(陌陌、马蜂窝新的交互形式)

作为设计师,应该要从消费市场、消费行业、消费心理等方面考虑,去思辨所服务的项目,用理性去疏导功能到视觉体验。

例如:淘宝造物节,针对年轻人以部落形式展现自我,营造奇妙交互体验,围绕科技、艺术、原创为三个主题,极具互动性参与方式,让科技、潮流时尚、亚文化展现形式更生动,无疑会让用户记忆深刻,产生强烈分享意愿。

浅谈消费升级下的体验设计升级

总的来说,跳出同质化思考的局限,组合更多创新模式,打造更多不被竞争对手复制的设计方案,才是设计的安身立命之本。

新的产品功能不断增加社交化、娱乐化

工具化产品,功能单一产品在市场中越来越没有竞争力,用户对社交、娱乐化的年轻元素的追求已经超越了对单一产品功能的需求。

以运动产品最初原型来看,最初以记录跑步、健身课程为主,解决用户运动的记录和教学指导的需求。而当社交属性功能增加后,增加用户使用的频率,增加用户成就感。用户把自己跑步记录分享后,获得其他人的关注和赞,让用户产生“爽”点。

浅谈消费升级下的体验设计升级

而产品增加娱乐化内容,是越来越多内容消费转向游戏化、潮流等领域,例如知识产品娱乐化趋势,让人更愿意接受寓教于乐的形式。

四、小结

如今在这样一个消费变革时代,消费结构正在发生改变,消费者的心理也不再从众盲目,作为一名用户体验设计师,顺应当下经济形式发展,敏锐洞察到新的机会和方向,为产品体验赋能更多价值。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 

为什么如今很多产品和服务给人支离破碎的感觉?

资深UI设计者

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

不知道为什么,聪明的人常常会做出愚蠢的决定。我在之前的《The Curse of Knowledge Bias》文章当中,曾经提到过这个问题。很多人会因为之前他们所掌握的甚至依靠的知识而产生偏见,很多时候会倾向基于一个特定的指标来决定。

很多时候,我们忘记了生活中有很多事情是易于衡量的,而很多重要的事情,并不一定如此。两者之间的关联性并没有那么强。

在数字设计领域,我们倾向于探索事情的扩展性和性,这是数字设计本身的优势,但是这种思维方式也对商业世界产生了重大的影响。为什么?主要的原因在于商业本身要求赚到更多的钱,而快速和可拓展的模式怎么看都非常贴合商业的需求。相应的,大家在可拓展式的模式下,就不再追求高质量,在意的更多的是「能否扩大规模」。「它是可规模化的吗?不行?好的,下一个。」

你看,数字领域的东西就是数字领域的东西。它在算法指标上,在自己的模式下且有效地运作着,但是这种而机械化的模式通常是在自己的模式下才有效的。希望它与人类的现实无缝衔接并且自恰地运行,看似可行,实则问题多多。

大家对于创造更快、效率更高的机器都有着持续且狂热的情绪,在某些情况下也许是进步,但是在更多的时候,常常会带来不良的后果。这一切都始于公司想要快速构建产品,或者加速规模化的做法。「它具备扩展性吗?」「我们要始终保持!」这些语句成为了铁律,并且在铁律之下,所有人都期望得到不同的结果。清醒下来想想,这种粗暴且不顾一切的做法,就像用锤子解决生活中所有的问题。

我们专注于技术本身,这使得我们和人性渐行渐远。——Rory Sutherland

将问题肢解成为更小的部分,然后交由不同的部门,分开解决,最后合并到一起。

这种策略主要是从科技公司借用过来的,更准确的说是从数字开发领域学习过来的,他们使用这样的方法来改进产品的算法。你将一个大问题分解成为更小的块,将它交由不同的团队,这样大家在同期进行的情况下,可以提升进度,在一天结束的时候,大家再将各自完成的部分拼接到一起,粘合成为一个产品。很多问题,很多产品以这样的方式更快地完成了。

每个公司都在这么做,似乎是有效的,我们为什么不这样呢?

我同意,这确实有用。但是这里存在一个巨大的问题,就是解决问题的语境和背景。你正在做的事情很大程度上和需要解决的问题脱节了,很多人就像带着眼罩的马匹,跑得再快也是盲跑。

在这种局面下,所有人都只会局限于眼前的一小块的工作内容,而周遭的环境和内容不会去注意也没有精力去关注。接下来就会发生上图所示的情况,然后你需要削减内容来确保内容具备可扩展性。而在上图的案例当中,付出的代价是互动性。

很多问题其实和「数独」一样

也许你玩过数独,这是一种基于数学逻辑的有趣的数字游戏,它需要你综合考虑填写的数字,确保每行每列上的数字是完整自恰的。

通常,数独游戏会使用一个大的九宫格,每一格当中又包含一个小的九宫格,总体上呈现出来的是一个9×9的大网格。游戏会事先给你一部分数字,你需要填写剩下的一部分,确保每行每列当中都有数字1~9,而每个小的九宫格也要包含数字1~9,而每个数独拼图都会有一个唯一的答案。

这个游戏有趣的地方在于,你没有办法将数独整个拼图的一部分交给别人来做。因为只有纵观整个数独布局的人才能推算出唯一的答案,分给别人分开做最后再拼到一起,是解决不了的。我们实际所设计的产品基本上都不是简单线性的,在面对实际问题的时候,很大程度上和数独是相同的,要从更宏观更系统的层面上来看待问题,而不是将点赞按钮的重设计完全交由一个部门全权负责。

将一个问题划分为更小的部分,并且将不同的部分划归给不同的部门来思考和解决是一个「很好的办法」。这就像你在医院外科接受治疗的时候,身体被切成10个部分,交由10个不同的外科医生来给你治疗,最后再缝合到一起。

错误语境下的「正确行为」

这里所存在的问题不仅仅是在效率上,而且还在于方法本身。在这个事情当中,很多行为的方式是正确的,但是这些方式被用错了地方,用错了语境。

这就像一个传教士在一个前不着村后不着店的脱衣舞俱乐部去传教一样。传教本身没问题,但是这个地方真的不合适。

我们将问题划分为小块是没有问题的,但是这并不意味着在产品流程中一直就做这么简单的切分。有人说这样做大型的项目是很合理的,我同意。很多时候,问题的解决方案有很多,而且不同的解决方案也并非是非此即彼的,不过大家往往会选择一种而放弃另外一些。如果只是依靠纯粹的理性和直接的逻辑来解决问题,那么世界在很大程度上不会有真正意义上的进步。

一些超级理性的高管让产品走向了超级无聊的方向。——Gary Hamel

如果这个方法不对,那么我们为什么还要继续这么做?

首先,必须承认,这种方法是有效的,只不过这种方法下产出的产品是破碎的。并且,在很多时候,大家并不急于尝试更有创意的解决方案。

其次,个别机构,或者更具体地说是不少人,是在纯粹的理性驱动行为的环境下茁壮成长起来的。在多人团队当中,在各种委员会当中,在你所在的任何团体当中,大家都需要用合理的逻辑和理由来解释各自的行为。因此,组织机构在解决问题的时候,倾向于寻找逻辑最优解这样的东西。人们也更加倾向于将组织机构的运作方式和机器的逻辑等同起来。

做一些理性或者合乎逻辑的事情,就永远不会被解雇。但是你可能会因为做创意而被解雇。——Rory Sutherland

猎杀松鼠的故事

很多时候案例更有说服力。在18世纪,法国松鼠成灾,政府专门拨款想解决这个问题。如果有人猎杀了松鼠,并且将尾巴上交上去,就能够根据数量获取相应的奖励。这样来看,整体上是一个合乎逻辑的事情吧?可是,实际的情况是,法国政府所发放的奖励逐年上涨,可是松鼠的问题从来都没有得到缓解。事实上,大家发现这个情况还变得更糟了。政府慢慢才意识到,不少民众开始豢养松鼠来换取奖励,很多上缴来的松鼠并非是猎杀的。这是一个典型的不恰当奖励的案例。

人和机器的思维方式是不同的,对于机器而言,1+1=2,但是对于人而言,这个逻辑有可能是1+1=苹果。我们不仅会陷入有缺陷的思维方式当中,这些不恰当的方式甚至会引发错误的行为。

脱离语境的现状

其实,我最担心的是,我们按照机械直接的逻辑来解决问题,会引发不良的行为和不好的结果。很多解决问题的方法,缺少很重要的一块内容:那就是将人们的思考、决策的运作机制纳入到体系当中。当一个任务被分配给不同的人之后,每个人面对任务的时候都是管中窥豹,盲人摸象,看不到全局,相应的,每个人所面对的指标也都是琐碎的,并且有可能只会影响到当前微不足道的范畴。

由于产业和产业之间的天然壁垒,很多公司必须将特定的产品、模块或者服务外包给第三方,以降低成本,并且完善产品或者产业链。但是这种局面下,公司也没有办法在这些外包出去的领域上投入足够多的时间,自然也谈不上创新。很多品牌在多年以来都没有办法带来有意义的创新。完全分散的任务和小团队,最终受困于自己手头的一些小事情,比如来回调整点赞按钮的样式。

对于无用指标的奇怪痴迷

现代人对于消费电子产品非常痴迷,但是如果你仔细审视这个事情,会发现绝大多数人都受困于一些基本上没有什么意义的指标上。

早在1759年,亚当史密斯就在他的《道德情操论》当中,提到过人类对于一些无意义指标的沉迷的事情。

史密斯发现那些小工具爱好者都会非常沉迷「参数」,我们以业余摄影师来举例,你很少看到他们拍摄出真正让人觉得眼前一亮的照片,但是他们非常沉迷于画幅、像素、iSO范围,快门延迟等参数,对于某些厂牌的镜头参数或者相机指标非常之了解。这种状况在汽车、电脑、手机等领域的业余爱好者当中,也是相当普遍的存在。我们需要更好的技术支持,但是我们所探讨的指标,则往往意义不大。

Rory Sutherland 在他的一篇文章中分享了这样一个案例:

有一块机械表,平均一天时间内会慢2分钟左右,它的主人纠结于这一点,将它卖了,然后花了接近10倍的价格买了另外一块手表,新表大概半个月才会慢1秒。然而对于这个人而言,手表的功能仅仅是提醒他不会错过大的事情,大概知道当前时间,避免遭遇其他的不便。但是,手表本身准时不准时的事情让他纠结和焦虑了很久,相反他对于时间倒是不那么焦虑。他感兴趣的仅仅是手表的准时,是它本身的完美与否,而非时间本身。

「参数沉迷」是思维惯性

对于参数的沉迷,在关键的事情上可能会带来不好的影响。可是,即便是无法量化的「参数」,有的时候也会带来坏决策。Rory Sutherland 为此还分享过另外一个事情。

许多美国公司将客服部门的人员视作为公司账面上不应存在的「花销」,这也使得他们纷纷将自己的客服部门外包给印度。相应的,很多美国用户给隔壁楼的公司打客服电话的时候,会转接到印度,在一个口音不明的接线员的服务下,艰难地沟通,并且不一定能解决问题。

奥美是 Rory 的客户之一,他有一次打电话到奥美的呼叫中心,他们的客服给人体验非常棒,乐于助人,知识渊博,充满魅力。所以 Rory 后来咨询奥美的人事,为什么他们的电话接线员能这么优秀。结果奥美的人事笑着回复他:「其实,我们给客服人员的回馈已经超出他们原本的价值。」

原来,对于做客服这一行的人而言,在美国本土想要找到足够好的工作,可能需要去很远的地方,才能找到工资足够可观的职位。而奥美的工作地点本身在某个大城市不远的地方,他们的客服来奥美工作根本不需要花费太多时间在通勤上。另一方面,他们的客服人员大多在公司待了几十年之久,这使得他们对于工作内容非常之精通。这样一来,在这些客服人员身上投注的时间、精力甚至花销,都不是成本,相反,这些客服人员成了公司成功的基石。

固然,将公司的客服部门转移到人力成本极为低廉的国家,比如印度,能够为公司节省很大一笔开支,但是实际上,这件事情给公司本身的业务所带来的负面影响也是持续的。

最终,这还是一个视角上的问题

Andre Malraux 在他的小说《Hope》当中,讲述了一系列关于西班牙内战期间的故事。书中有一个插曲,一位农民来到共和军,告知他们法西斯分子在树林中建造了一个秘密机场,不过农民自己是个文盲,他看不懂地图,但是他愿意做导游,帮共和军指路,去炸掉这个秘密机场。于是,他坐上了一架轰炸机,随着飞行员一同去寻找秘密机场。

农民熟知方圆几十公里内所有的村庄,山脉,河流,了解土地,也熟知庄稼的种植和生长。但是当他坐上飞机,把眼睛压在玻璃上尽力往下看的时候,他分辨不出来他生活过28年的村庄,不认识他每天走过的街道。Malrzux 在书中写道:「如果有人会因为找不到东西而死的话,那么这个农民肯定已经死过很多次了。」

飞行员已经把飞机的高度压到30米了,几乎贴地飞行,他试图让农民尽力按照他习惯的视角去看待地面的一切。森林中的树梢几乎舔拭着飞机的底部,农民的视野中的山林开始接近他在林间开车时候的视野,他最终找到了那个隐藏的机场。

一旦你以一个视角工作了30年,你会比其他人更难看到事物本身的另外一面。

更全面的视角

我知道,糟糕的企业文化,激烈的办公室政治,错漏百出的产品,并不是这种产品开发模式和思维方式所造成的,但是它在整个体系当中扮演了极为重要的角色,放大了问题。对于和可拓展性的痴迷,注定会在更长的时间尺度上,创造一个糟糕的产品,甚至带来一个糟糕的公司。

太多的公司和团队将人置于一个固定的位置,让他们在自己的工作循环当中待着,不让他们具备额外的视角。试想一个开发团队中,3个人只负责首页右上角的搜索框和过滤器的开发,他怎么会在意整个产品是否有更大的缺陷?

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

谈谈 iOS 11 设计中的几个 UI 设计细节

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

 

今天从 Apple 官网看了 iOS 11 的介绍,发现有不少的更新哦,比如控制中心、Siri、Live Photo 等等,总体来说都有很多不错的体验,不过本文不介绍功能,只说视觉界面。

在 iOS 11 的新 UI 界面中,重大更新的界面主要有 App Store,所以我从应用商店的UI设计也能看出一些大概细节。

图标:从线性改为面形

新版 Store 的图标从线性改为面形,图标也加入了圆角,看起来更加圆滑,同时和 iOS 10中的 iTunes 相关应用风格也统一了。

Icon 颜色比如来的线性浅了一点,这样做看起来就不会过重,所以大家在使用面形的图标设计时,颜色要把握好。

iOS 10 App Store

iOS 11 App Store

iOS 10 iTunes

卡片式设计

在新版的 iOS 11 界面,有不少的地方采用了卡片式/宫格式排列,卡片式的设计非常适合图文排版,并且在手机端有不错的阅读体验。

 Material Design 中也是很重视卡片式设计,所以日后可以多考虑使用卡片式风格。

 

 

 

大投影

当转为卡片式设计后,为了提升层级表现,界面也增加了大块投影,是不是和 Material 风格有点像?

小编细看了下, APP 在 iPad 的封面与手机端的尺寸不一样,一个是横,一个是竖(工作量又增加了……)

iPad 的封面是横的

iPhone 手机端封面(竖)

为了美观,而增加了人力成本,到底值不值?这个封面就像一个网站的文章封面图一样,一篇文章要做2张封面图,这不仅增加人力成本,还增加运维成本。

无处不在的圆角

圆,像曲线一样,有圆滑、活泼、动感、柔和的感觉,更容易让人亲近。亲和力有了,吸引用户就更多了,iOS 的圆角在不同 UI 上使用的圆角大小略有不同,这就是细节,看来 iOS 在圆角的运用已到了出神入化之境。

Material Design 虽然也存在圆角,但要么圆角在太小了,要么就是直角。

而 Windows 的扁平化,就是一块方形。

想做出让人亲近的界面?学会用「圆」也许是很大的秘诀。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 

如何理解产品的「核心功能」?

资深UI设计者

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

产品的核心功能及其意义


王子吻醒了白雪公主后,将白雪公主带回了城堡,给了白雪公主应有的一切,白雪公主过得很开心,衣来伸手饭来张口,金银珠宝取之不尽用之不竭。这一切哪里来?王子给的,因为王子爱白雪公主。国王和王后也很爱白雪公主,那是因为他们爱王子。老百姓也很爱白雪公主,因为他们爱戴国王和王后,同时也喜爱王子。白雪公主的这一切财富、幸福、快乐都来自于王子对她的爱。王子为什么爱她,因为她的美貌。是因为白雪公主的美貌,致使王子吻她,白雪公主才醒了,不是因为性格,因为她当时是死的,王子不知道她的性格怎么样,所以白雪公主得到的这一切,都是因为她的美貌。所以白雪公主很在意自己的美貌,因为她的美貌,让她得到了这一切。但是人都是会逐渐老去的,所以白雪公主每天都会去保养自己的容貌,每天都会去照镜子,她担心这个世界上会有一个比她更美的人出现在王子面前,夺走她的一切,她很不安。直到有一天,她对镜子说:镜子啊镜子,谁是世界上最美的女人。


故事结束。


Image title


大家发现了吗,白雪公主成为了童话故事里的那个王后,那个用毒苹果的女人,现在你还会觉得王后坏么?好吧,我们今天要聊的不是这个,而是「白雪公主的美貌」,类比于「产品的核心功能」。


如果白雪公主的容颜衰老了,她就失去这一切了,即使她曾经得到过。就好像微信的核心功能是即时聊天,假设微信哪天不能即时通讯了,那它的价值就不存在了。所以它也害怕,害怕自己被其他产品取代,因为人是贪婪的,一件事物总有对其厌倦的时候,这也是为什么他们现在已经开始说自己要创造一个生态体系。以至于出现了小程序、小游戏、红包、扫码、支付、看一看、搜一搜等等。他们在维系这个产品给人的幻想,他们在持续性的创造这个幻想,来连接人与人之间的那一份羁绊,或者说情感。


类似于白雪公主的美貌得到了一切,而产品的核心功能带来了用户。


我说这个故事的目的是:不管是商业竞争,还是产品设计,其实都是一个道理,就是我们应该围绕产品的这个核心功能去做文章,去拓展商业价值。


也许你平时看到很多文章,都在告诉你要注意产品的核心功能,你知道了核心功能的概念,但是不知道具体意思,其实还是不理解。所以我通过这个故事告诉大家,帮大家理清什么是「核心功能」以及它的意义。


为什么我们要了解并摸清产品的「核心功能」?因为只有在这个基础上,我们才能正确做到拆解需求发现核心功能并对其进行设计,这就是我们所说的需求拆解与功能设计。


判断产品核心功能的价值


产品的核心功能是由产品的定位决定,产品的定位是由产品的市场决定。那么要分析某一个核心功能的价值,须得从产品的市场着手分析。一般而言,产品市场可以归纳为以下三类:a.现有市场、b.细分市场、c.未来市场。


a.现有市场


现有市场,其实就是目前常见且已盈利的模式,这类模式已存在于如今的市场上,并被许多产品借鉴、供奉着。如各类互联网产品,电商、社交、音乐等,都有一定的模式在遵循着。针对现有市场的产品,对竞品的了解似乎已经成为当下产品人的必走路径,竞品在做什么,都做了什么,以及做到了什么程度,再结合自己产品的定位以及核心竞争力来斟酌某一个功能的去留及方向。正所谓知己知彼,百战不殆。


值得一提的是,竞品分析的产出物并不是抄袭,而是更多的挖掘与纠正自己产品在下一步的需求,竞品不可以做的不代表自己产品不可以做,同理,竞品做的好的地方我们也不能轻易跟风,每一个产品之所以能够存活下去,都是因为有自己的核心竞争力。这段话我之前在其他文章里写过,没什么指导意义,就是纠正部分人对于「竞品分析」的错误看法。


成功的,比如网易云音乐的评论功能,早期他们就是通过这个功能从其他平台挖来了不少用户(评论是之一,当然还有歌单,UGC 内容分布渠道)。这些用户在听歌的同时会沉浸在音乐的氛围里,期待找到志同道合的人,宣泄内心感性的情绪。(不得不说现在的人其实都挺矫情的~嘻嘻)


Image title


失败的,比如各类骑行产品,这类产品其实是借鉴了国外的模式,但各位也看到,基于国情及人民文化普及程度的区别,国内市场骑行类产品现在很难发展起来,至少目前我身边已经有很多人想要退款某类单车服务的押金都很难了。


b.细分市场


其实就是将现有市场细分化。从用户群体分析,每一个细分市场都是具有类似需求倾向的消费者构成的群体。比如社交这一个分类,微信出现后,随之出现的各类「交友」软件,如雨后春笋般崛起。其中大部分产品的功能模式都非常单一,着重突出核心点,但碍于市场价值的可供性太低,以至于能真正崛起的产品却寥寥无几。


原因就在于,本来市场就已经细分化,在细分化的市场里做出属于自己的产品特性,需要考虑的因素有以下三类:

  • 差异化,该功能具不具备个性化,能不能在区别于其他产品的同时提升用户体验;
  • 强需求,也就是所谓的刚需;
  • 技术支持,例如产品的技术壁垒;


c.未来市场


这点类似于目前比较火的人工智能,市场盈利期没有到,尚处于摸索阶段,但也许会在未来创造出巨大的价值。这里就不展开讨论了吧,因为在正常领域里,一般人达不到这样的高度,所以讨论意义不大。


实践出真知


其实现在的很多产品都有一个问题,就是初期急忙上线新功能,后期发现效果不好,甚至到了无人去用的地步,但还是会把它挂着,不愿去掉。回头看目前比较成功的产品,哪一款是有这样的功能存在的?所以在工作中,我们要坚持以下三个原则:a.砍掉残缺功能、b.不要提用户去思考、c.帮助用户聚焦;


a.砍掉残缺功能


可能很多产品已经存在上述的那种情况,那么如何来删除那些不必要的功能呢?


首先大家第一个想到的是「删除那些功能,那我之前的工作不是全白做了么?既浪费时间,又浪费精力,成本都收不回来了」。


没错,这么理解也是对的,但也不是全对。因为在迭代的过程中总会有一些自己没办法预知的情况,也许你之前的功能做得不好,但是不代表白做,可能在这个过程中积累了一些经验,知道之后遇到这些类似的情况如何去处理。这个成本算是智商税吧,这算是前期产品没有规划好,导致后期发生这种情况的一个代价。


所以有人会因为这块成本原因,选择不去删除这些功能。说实话,这样不仅会导致产品后期在精力上持续不必要的输出而导致产品烂尾,还会影响用户的体验。所以在砍功能时,应该问问自己「为什么要留着它」,而不是「为什么要去掉它」。(好好想想这句话。)


Image title


b.不要替用户去思考


说到这里,大家可能又会想问「你怎么知道用户想不想要这个功能呢?」


一般来说,我们会通过数据来分析这些功能是否有存在的必要。同时从多角度去切入思考,比如前期的用户模型、需求分析、可用性测试等等,但是千万不要去猜测用户想不想要这个功能。因为人一旦陷入「求全心理」的状态中,设计者就会担心自己漏掉了什么需求,而不是去解决问题。


所以我们要倾听用户的意见,但绝不能盲从。


c.帮助用户聚焦


相信有人会反驳「那难道没有完成一个功能前,我就完全不能去做其他功能了吗?」

不是的,我上面也提到了,只要不影响用户使用产品的核心功能,适当的加一些子功能是没什么的,好比上面「微信」的例子。


产品的主要功能能够满足用户的话,他们就不会太去在意你的改变。所以无论是删除某些子功能或改进某些功能,都不要轻易的打扰用户。


如何做到这点?

  • 确定用户想要达到的目的,并排定优先级;
  • 找到能够完全满足优先级最高用户需求的解决方案;
  • 确定用户在使用产品过程中最常见的干扰源,并将解决这些问题的功能按难易程度排出优先级;


比如;

  • 微信的例子,用户主要目的是社交,「游戏」和「购物」只是当中的消遣功能,之所以放在发现的子功能中,是因为它们对主流用户来说并不重要;
  • 同样的,因为大部分用户的目的是社交,但是不排除少部分人会去使用这些子功能,所以要做到不能打扰主流用户的同时,满足部分用户的需求;
  • 用户在使用产品的主要功能时,我们要看到子功能是否影响用户的使用,然后找出当中最阻碍用户使用产品功能的干扰源,并把它解决。


小结


以上,我通过三个大点阐述了「核心功能」是什么、它的意义以及价值,工作中如何对核心功能做处理。


最后说一点,在接需求的同时,各位是否有想过这个需求背后的目的?如果有,那么是否有再进一步分析这个目的与核心功能的关系?大部分人做到了第一点却忘记了第二点。


各位谨记:产品人/设计师的思维,就是用户看到界面时的样子。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务


别只顾着升级主机了!设计不顺利,可能是显示器的问题

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

 

很多设计师为在配置装备时,往往只考虑到主机的性能,然而却忽略了显示器,只有工作了一段时间,才知道显示器的重要性。比如有时候显示器的色彩不够准确,辛辛苦苦做的图,还可能被客户投诉。

如果说性能好的主机是设计工作的主心骨,那一个性能好的显示器更是锦上添花~

特别是我们这些Web/UI设计师,不管是设计阶段还是产出成品的效果,都和显示器息息相关的。

那么WEB/UI设计师要从那些方面来选择显示器呢?

小编认为主要从以下四个方面考虑:

1. 分辨率
2. 色彩
3. 健康
4. 性价比

一. 分辨率

现在做天猫电商之类的首页设计,最常用的宽度已经去到 1680 – 1920 像素,而 APP UI 界面也要从 @2X 的尺寸做起,如果还在用低分辨率显示器,会有着各种不爽。

举个例子,设计一个电商首页,默认新建一个1920*1080像素的画板,原图如下:

原图 1920p*1080

下面我们来比较一下同样尺寸、不同分辨率的显示器来展示在PS设计时的效果。可以着重看看网页页面和PS工具栏的大小~

图1: 1366*768PX(通常是普通笔记本的分辨率)

和原图对比,在PS画板的可见区域十分有限,设计元素时,会非常频繁地移动画板,我想你移动画板的次数比设计的操作还要多……所以用这分辨率的显示器就不要用来做设计了,只会受气,直接淘汰。

图1

图2:1680*1080PX(普通显示器)

基本上可以看到网页“安全”区域操作,但不能以100%方式查看全貌,所以这种分辨率也可以淘汰了。

图2

图3: 1920*1080PX(普通宽屏显示器)

嘿,这个比上面2个好一点了,几乎可以看到全貌,但必备要在PS全屏模式下才能看到。所以这种显示器嘛,还能凑合使用吧。

图3

图4: 2560*1440PX(高分屏)

嘿,我想大家也看到了,在这个分辨率下,不需要缩放、不需要全屏PS就能看到作品全貌,极大提升操作效率。所以 2560*1440 像素是目前WEB/UI设计师们的使用分辨率。

图4

大家会发现同样大的界面,分辨率越高,画面越精细,这个从网页页面和PS工具栏的大小就可以明显看出来~

来个对比,只有高分辨率才是正确的设计方式^_^

宽屏还有其它优点的,比如双屏操作,这对于写代码时可非常方便,一边写前端代码,另一边可以预览网页效果。

说到写代码,就不得不说到显示器的旋转功能了。旋转显示设计,比如小编最近在使用的明基BL2420PT显示器就有这个强大功能,可以把屏幕90度旋转,一次可以看几百行代码也不是问题……

有时候要做一些天猫详情页,横屏设计时两侧的空白会浪费空间,并且不方便把控页面的整体情况。但是竖屏操作的话就会很方便了~

二、色彩

几乎每个设计师都会遇到“色差”问题,而小编觉得要彻底地解决色差问题,最最好的方法还是提高设计师的能力啦。

但是磨刀不误砍柴工,无论是新手还是经验丰富的设计师们,一台色彩准确的显示器一定可以帮助设计师们事半功倍。毕竟色彩好的显示器才能显示出作品的效果!

更何况像我们做Web设计或者UI设计,设计成品一般会在其他显示器上显示,所以对显示器色彩的还原度要求还是比较高的~

这是同一张图片在专业显示器和普通显示器上显示的对比图:

这张图片可以明显看出,与专业显示器相比,普通显示器的色差真的很明显。

因为当设计师自己显示器的色彩不精准时,如果客户显示器色彩精准,那就很尴尬了;而如果客户显示器色彩也不精准,那色差就会更大了!!!

色彩方面,设计达人网小编用 Retina 屏的 Macbook 和最近在使用的明基BL2420PT对比了下,肉眼是无法看出偏色问题。一般来看,虽然苹果笔记本并不如艺卓的显示器那么专业,但是色彩显示在业内也算口碑标杆,由此可见在色彩表现方面,明基这款显示器的确不错。

同时,我特地参考了一些考量显示器色彩的重要参数,BL2420PT的色彩的确达到了专业级别:

色域:100%sRGB。参考下图,一般显示器的色域是96%~98%sRGB。假如色域无法达到100%,那这个显示器就不能完全显示所有颜色。

而BL2420PT的色域达到100%,色彩就足够丰富了。

色深:8bits色深,最大色彩达1670万,色彩过渡均匀。

参照下图,色深值越高,图像表现的色彩也越多,由此一来,色彩的过渡会更加均匀,图像就不会出现颜色断层的问题了。

色准: △E<3,色彩更加精准,最大限度降低偏色问题。

△E是一个衡量色准的值,显示器△E值越低,色彩的精准度越高。可以参考下面的图片,△E越高,色差就越明显。

另外,这款显示器还有好多专业的画面模式,例如“M-Book”模式可以一键还原苹果色,因为这款显示器本身采用的是标准的sRGB色彩,苹果电脑的色彩与之相比会稍微偏艳丽,因此”M-Book”模式能让显示器更适合苹果用户~

三、健康

设计师工作时需要长时间坐在屏幕前,颈椎、腰椎有时候会不舒服,长时间盯着显示器看作图,有时候还会加班到深夜,眼睛疲劳酸涩那是经常的事情。

所以选择显示器的时候,最好还要考虑“健康”的问题。毕竟设计真是一个“高危”行业,新闻动不动就报导年轻设计师猝死……所以不仅要给自己买保险,更要选择一个有益健康的显示器给自己续命啊~

颈椎、腰椎保护:建议选择可以大范围旋转升降的显示器。

比如小编的明基BL2420PT显示器可以升这么高

也可以这么矮……

建议最佳调整高度是屏幕中心与眼睛能够平视。

眼睛保护:长时间盯着屏幕,甚至忘记工作环境的光线变化,眼睛疲劳,视力易受损。

建议选择能减少闪屏及有蓝光模式的功能显示器。

小编使用的显示器目前还有一个护眼功能,可以根据当前环境光自动调节屏幕亮度。开启这个功能也是超级简单的,只要和上图那样,按屏幕边框上的触摸按键,开启“眼睛保护”,就可以智能调光了~

但有个缺点就是,每次开机,屏幕都是最亮的,然后再慢慢变暗……

不过瑕不掩瑜,显示器能自动调节亮度,也算是帮了一个大忙~毕竟每次工作都废寝忘食的,天黑都不知道,屏幕太亮好怕眼瞎QAQ

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 

整个2018年,Dribbble 反映出来设计趋势是什么?

资深UI设计者

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

每个人都在关注趋势,Dribbble 是设计师的集散地,那么在2018年,Dribbble 反映出来设计趋势是什么?

整个2018年,Dribbble 反映出来设计趋势是什么?

每个人都在关注趋势,Dribbble 是设计师的集散地,也是设计趋势最容易体现的地方。如果你经常关注 Dribbble 上的那些设计作品,你总会注意到许多有意思的共性,在更长的时间尺度上关注这些共性,会发现其中不少会延伸到更大的设计领域和范畴,其中很多会以趋势的形式成为阶段性甚至长期的设计趋势。这些流行的趋势有的关乎技法,有的则是色彩、风格,甚至是某种隐喻。

当然,不论如何,作为设计师,这些趋势的价值是毋庸置疑的,关注它们,以开放的心态面对着,也许它们会在下一个阶段在我们自己的设计作品中开花结果。

1. 非标准比例的人物形象

以人为核心的自定义插画是这两年来,最显著的设计趋势之一。这种插画展现形式能够快速呈现想要呈现的环境、流程,更重要的是创造情感诉求。标准而写实的人物形象在大量的设计诉求之下,显得平庸而不够突出,这也使得走样但是富有张力的非标准人物身材比例显得更加出彩,这也是为什么近年来我们能够如此频繁地看到诸多非标准的人物插画。

整个2018年,Dribbble 反映出来设计趋势是什么?

这幅插画来自 icons8 。巨大的鞋子,不成比例的巨手,水壶纤细的握柄和壶颈,强烈的对比显得颇具张力。

整个2018年,Dribbble 反映出来设计趋势是什么?

Diana Stoyanova 的插画呈现了一个忙碌女性的形象,非标准的身材略显抽象,但是很有力量。

整个2018年,Dribbble 反映出来设计趋势是什么?

Diana Stoyanova 的这幅插画作品用夸张巨大的人物形象来强调你比手机更大,更重要。

整个2018年,Dribbble 反映出来设计趋势是什么?

而 Radio 的这幅插画则使用走样的身材营造出有趣而可爱的形象,让交互更加有意思。

2. 提供辅助信息的界面插画

时至今日,插画在 UI 中已经不再鲜见。自定义的插画早就不是装饰性的设计,它让UI界面更加具有视觉吸引力,和情感表达的能力。更重要的是,它是功能性的,它为界面的功能和信息提供支撑,以「互文」的方式来告知用户界面想要呈现的功能,毕竟图片和插画所呈现的视觉信息比文字更快。

整个2018年,Dribbble 反映出来设计趋势是什么?

这个界面也是 icons8 团队制作的。辅助性的插画让报错信息也显得足够明亮而正能量,让用户不会觉得难受。

整个2018年,Dribbble 反映出来设计趋势是什么?

这组作品同样来自 icons8 ,这次的风格不同,并且是为移动端新用户引导而设计的。引人瞩目的插画将文字描述的优势更加具象化地表现出来。

整个2018年,Dribbble 反映出来设计趋势是什么?

Netguru 的报错页面显得非常纯粹也非常可爱。

整个2018年,Dribbble 反映出来设计趋势是什么?

Hoang Nguyen 所设计的这个插画甚至是交互式的,它的灵感来源于一款经典的滑块游戏,动效模拟了这个效果。

3. 动态的 LOGO 和图形

动画效果是强化视觉的重要手段。在以往,视觉和图形化元素绝大多数都是静态的,但是现在为了更加积极地迎合用户体验,动态的设计已经成为常规,许多动效所带来的效果是静态设计所无法呈现的,在情绪和氛围上的营造也更加强大。

动效不仅能够让产品在视觉上更加吸引人,而且能够向用户呈现出产品的品质感。此外,你还能够在网站、通知、教程和交互流等吧托女个的地方找到动效。这也是为何 Dribbble 的设计作品中,有如此之多的动态的图形化元素。

整个2018年,Dribbble 反映出来设计趋势是什么?

Motion Design School 的这个动态 LOGO 借用了负空间的设计方法,主体则采用了狗的形象,动态呈现下极为可爱生动。

整个2018年,Dribbble 反映出来设计趋势是什么?

Awsmd 则更有意思,将水母的运动方式赋予了花朵,良好总生命体在体态上贯穿一致,有着的视觉表现力。

整个2018年,Dribbble 反映出来设计趋势是什么?

Markus Magnusson 将一组风格一致情节连贯地插画动态地连接到了一起,让LOGO 具备了强大的叙事能力。

整个2018年,Dribbble 反映出来设计趋势是什么?

Yup Nguyen 的动画则不仅时尚,而且非常有趣,让人感到愉悦,而忘记等待的烦恼。

4. 工作流程和工作区主题插画

Dribbble 上的数字插画主题之一,就是对各种工作流程和场景。插画和平面设计师热衷于相对艺术地呈现设计工作的流程,团队的协作,创意的发散过程,沟通的状态,工作空间的呈现。它流行的另一原因,是这种内容的插画在着陆页和博客文章页面中非常适用,且非常流行。

整个2018年,Dribbble 反映出来设计趋势是什么?

Tubik Studio 的这幅插画展现了设计师的工作空间,整个视角似乎是在广角相机下被扭曲了,非常有趣。

整个2018年,Dribbble 反映出来设计趋势是什么?

来自 Walid Beno 的这个插画则呈现的是团队协作的场景,巨大的UI界面显得颇为夸张,不过主题性也是借此才得以体现和强化。

整个2018年,Dribbble 反映出来设计趋势是什么?

Pitch 的这幅插画同样呈现的是团队协作的场景,不过加入的动效非常微妙,将协作的趋势和状态给放大了出来,视觉上更加动感,且足够时尚。

整个2018年,Dribbble 反映出来设计趋势是什么?

Ted Kulakevich 的插画中则描摹的是一个正在工作,喝着咖啡的角色形象,和日常的设计和创意工作者的状态非常接近,令人赏心悦目的色彩则让整个状态令观者非常舒适。

整个2018年,Dribbble 反映出来设计趋势是什么?

如果你的工作状态也是如此的忙碌,那么你应该能够从 icons8 的这幅插画中找到共鸣。插画中被工作内容所包围的状态不就是你嘛?

5. 有趣的吉祥物和奇妙的生物

设计是一个需要想象力的工作。有趣的小怪兽,奇妙的机器人,经典或者原创的卡通人物,只存在于传说和想象中的生物,从来都不会在 Dribbble 上缺席。品牌吉祥物的设计在这种趋势下越来越具有明显的情感表现力,而卡通化的角色形象很大程度上会利用人们对于特定动物或者特定形象的情感关联,人格化、角色化之后的吉祥物,能够让用户产生在和它进行情感交流的错觉。

整个2018年,Dribbble 反映出来设计趋势是什么?

设计师 Mike 的网页设计作品当中,有趣的卡通形象作为视觉主体,让产品和用户更快和页面产生视觉连接。

整个2018年,Dribbble 反映出来设计趋势是什么?

和Mike 的设计目标不同的是,Alexandra Zutto 的插画是借助机器人的形象来呈现未来主义的氛围。

整个2018年,Dribbble 反映出来设计趋势是什么?

Motion Design School 使用可爱的动态插画来强化品牌的展示。

整个2018年,Dribbble 反映出来设计趋势是什么?

这组来自 icons8 的插画所营造的是一个典型的结帐场景。真正特别的地方在于角色的设定,人和机器人之间的交互,营造出科幻的氛围。

整个2018年,Dribbble 反映出来设计趋势是什么?

Ramothion 灵活的运用狐狸这个吉祥物形象,结合UI元素,表达了「演示」的主题。

整个2018年,Dribbble 反映出来设计趋势是什么?

icons8 的这幅插画则利用了噪点来赋予角色以一种带有艺术感的气息。

6、各式各样的运动状态

运动就是生命,对于设计师和插画师而言,最有张力的东西大概都藏在运动将要开始的时候,藏而未发的一瞬间,或者运动过程中,姿态舒展的某一秒。

体育运动中往往能够更快找到这样的状态,不过其他的主题之下,也存在类似的运动状态。这样的运动状态充满了表现力,设计师和插画师们常常会借助色彩、图形、曲线等元素来构建这样的设计作品。

整个2018年,Dribbble 反映出来设计趋势是什么?

Unfold 的插画呈现的是冲过终点的运动员,主题暗示出了成功、成就,明亮的色彩和舒展的姿态在整体上保持了一致,艺术性也不低。

整个2018年,Dribbble 反映出来设计趋势是什么?

同样是呈现的跑步,但是Jack Daly 所表现的是即将开始的运动,蓄势待发的一瞬间的状态。这幅插画是给 InVision 所设计的,主题是设计冲刺,而这幅插画非常贴合这一隐喻。

整个2018年,Dribbble 反映出来设计趋势是什么?

Walid Beno 的插画所呈现的场景非常独特,现实的路径和虚拟的景象连在一起,人物仿佛骑行在现在与未来之间。

整个2018年,Dribbble 反映出来设计趋势是什么?

这幅来自 Tubik 的插画则将运动的场景和手机熔于一个场景当中,整个构图非常动态。

7. 阴影和负空间

平面设计另外一个重要的趋势,就是使用尽可能具有表现力的插画设计,利用阴影和负空间来创造戏剧感和视觉影响力,就像Vogue 的御用设计师 Malika Favre 的插画作品那样。

有限的色彩,引人瞩目的色彩对比,光影之间的互相成就,大胆而有意义的细节。如果你稍微有意识地去看,会发现每天都有设计师在 Dribbble 上发布这样风格的作品。

整个2018年,Dribbble 反映出来设计趋势是什么?

比如 Ksenia Shokorova 的这幅插画就很好地呈现出夏天的炎热和慵懒的夏日气氛,以富有表现力的人物轮廓作为构图的中心,甲板和水面构成鲜明的对比,色彩不多但是令人印象深刻。

整个2018年,Dribbble 反映出来设计趋势是什么?

Joanna Lawniszak 的插画则使用强烈的光影,让一个简单的着名变得具有明显的舞台效果,相当大气。

整个2018年,Dribbble 反映出来设计趋势是什么?

Yoga Perdana 的这个LOGO设计作品利用的是负空间,让文字当中融入了一个非常清晰的猫的形象,并且还呈现出猫在文字之间穿插的效果。

整个2018年,Dribbble 反映出来设计趋势是什么?

这个名为 Mr.Travel 的LOGO设计作品来自设计师 Yuri Kartashov,他将男人的面部和山脉的形象结合到了一起。

整个2018年,Dribbble 反映出来设计趋势是什么?

Dmitry Stolz 的设计项目 Fetch My Meds 中使用了两个可爱的动物角色,微妙的动画和明确的对比使得两个角色显得活泼而有趣。

8. 3D 图形

3D 无疑是现在 Dribbble 上最热门的趋势。大家用3D建模来做各种各样的东西,无论是等轴测的插画还是游戏角色,还是以往大家会用PS来绘制的光影,现在一并使用 3D建模和渲染来实现了。

整个2018年,Dribbble 反映出来设计趋势是什么?

Ueno 这个引人入胜的动画效果就是在 3D 渲染的基础上实现的,有趣的元素构建成的场景让人爱不释手,而这居然是一个招聘广告?有意思。

整个2018年,Dribbble 反映出来设计趋势是什么?

Tubik Studio 的这个首图中的插画形象,同样是使用3D建模来实现的,这样的角色形象很容易让人联想到动漫和游戏,结合风格类似的CTA元素,可以极强地影响用户的注意力。

整个2018年,Dribbble 反映出来设计趋势是什么?

这是设计师 Mohamed Chahin 精心设计的等轴测插画,柔和的色调和模糊的光影让家的氛围得到了强化。

9. 关于 UI 界面的插画

随着精通插画的设计师越来越多,插画开始深入到设计的方方面面,包括在 Web 和 UI 界面当中的字体、图形甚至整个氛围和环境。由于注意力的竞争如此的激烈,以往原本只需要普通图片就能做到的事情,现在需要借助插画来做到。

整个2018年,Dribbble 反映出来设计趋势是什么?

在 Dropbox Design 的这篇创意相关的文章当中,包含有一些这样带有粗野主义风格的插画。也许你并不是那么青睐这种风格的插画,但是即便如此,你也不会绕过这幅插画只单纯浏览文字。

整个2018年,Dribbble 反映出来设计趋势是什么?

这是一幅关于医生和专业交互界面的插画,作者是设计师 Alexander Savic ,插画会将人迅速带入进医疗保健相关的领域。

整个2018年,Dribbble 反映出来设计趋势是什么?

这幅插画来自设计工作室 Fireart Studio,它暗示了约会 APP 背后的真实和潜藏的精彩,让人主动追求属于自己的爱情。

整个2018年,Dribbble 反映出来设计趋势是什么?

Dmitry Stolz 的插画则呈现了移动端APP 上的交互,做决策的关键时刻。

10. 多层次剪切效果插画

最后一个值得一体的趋势,则是类似剪纸一样的多层剪切视觉效果插画。这种设计效果让插画具备了丰富的层次,显得深沉而原创,带有更强的物理工艺质感和难以磨灭的印象。

整个2018年,Dribbble 反映出来设计趋势是什么?

Eddie Lobanovskiy 的插画就是使用的这样的效果,主题关于太空,这种多层剪切效果让太空显得更为深邃。

整个2018年,Dribbble 反映出来设计趋势是什么?

Michael Fugoso 的设计作品,他将这种插画定义为具有深度幻觉的平面数字插画。

如果这种插画风格和卷轴效果结合起来,就更加强大了,

整个2018年,Dribbble 反映出来设计趋势是什么?

Studio VØR的多层次剪切插画在交互中次第呈现,各个部分相互之间影响并关联着。

整个2018年,Dribbble 反映出来设计趋势是什么?

这是 Anano Miminoshvili 所创建的一个网页滚动交互的案例,随着用户不断滚动,不同的层级的元素次第运动,一个接这一个被激活。

结语

毫无疑问,Dribbble 本身正在逐步成熟,越来越多的设计作品中,开始融入更为明显的艺术特征,设计的层次和力量感比以往更强了。作为设计师发布各种小样、练习的Dribbble,本身也作为设计领域的试验田而存在,很多设计趋势在这个平台上酝酿,成熟,并且逐渐走向世界。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

快速提升设计感的7个版式小妙招

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

 

看了很多版式技巧仍排不好版?懂得很多套路仍做不好设计?其实也正常,因为大部分技巧都比较笼统,每个人用起来的会有不同的效果,所以葱爷特地总结了7个比较具体的小技巧,算是属于一学就会且很容易出效果的排版小妙招,希望能帮你能解决一些比较具体的问题。

一、文叠文

该技巧操作起来很简单,就是在标题或内文下面,增加相关的英文单词或阿拉伯数字就可以了。不过在处理下面的文字时要注意:1.颜色要比上面的文字淡,以免影响其识别性;2.字体要用粗体,且字号要比上面的文字大;3.要与上面的文字错位排版。之所以这么处理是为了增加版面的层次、对比、以及元素的丰富性。

二、给标题增加小色块

这是增强标题设计感的另一种处理方式,单纯的文字标题难免显得单调,我们可以通过增加辅助元素使它变得更丰富一点,比如在文字的基础上加小色块。

色块的高度最好大于笔画厚度,小于文字的高度,加上去的方式可以是叠加于文字之上,或是置于文字底部,创造出文字的一部分在色块内一部分在色块外的对比效果。还有,色块的颜色最好来源于版面中的其他元素。

三、用斜线或点填充空白

在做设计的时候常常会遇到这两情况,一是版面中会多出一些影响版面平衡的空白,但已经没有合适的内容可以填充,如果硬塞一些装饰文字或者图案,很可能会弄巧成拙;二是有的区域小元素小信息比较多、比较散;怎么办呢?这两种情况都可以通过该方法解决。

1.把斜线或点重复排列成一个矩形,然后把它填充在空白处就可以平衡版面,且不会造成突兀的感觉,如下图案例:

提示:线条不宜太粗,点也不宜太大,而且此方法只适合填补小空白,不适合填补大面积的空白。

2.在比较散的元素下方排一组斜线,可以把各个分散的元素联系起来,使其成为一个整体,如下图:

四、把背景分成两个斜切的色块

背景能很大程度影响版面的设计感,这一点你们应该都有体会,常规的处理方式是把背景作为一整个色块,而如果把背景分割成两个几何色块时,设计感立马就会增加不少。

分割的方式好比用一把刀在背景的黄金分割处,划一条倾斜的直线贯穿版面,使整个背景一分为二,而这两个色块的颜色对比要比较强烈。另外,在横版中用左右分割、竖版中用上下分割效果会比较好。

五、给图片加圆形色块

增加对比关系是加强设计感的最有效技巧,我们也可以用此方式来优化图片,如果版面中的配图是没有背景的产品或人物,那么在这些图片上加一个圆形的色块,创造出虚与实的对比,通常也能得到不错的效果。

提示:

1.色块可以置于图片底部,也可以采用正片叠底压在图片上方;

2.圆形色块的边长至少要超出图片宽或高;

3.图片与色块要错位排列。

六、给每行文字都加一个色块

该手法在画册和海报设计中比较多见,跟直接在一段文字下方加一个大色块不同,而是要根据每行文字不同长度,单独加一个相应长短的色块,所以这些文字每一行的长短最好是不一样的。

这种处理方式可以使整段文字看起来更整体,增加文字视觉冲击力,而且还能使文字与背景区隔开,加强文字的识别性。

提示:

1.段落文字行数太多或太少效果都不会太好,3-10行左右为最佳。

2.各个小色块可以相互连起来,也可以相互隔开,以实际效果为准。

七、用飘带装饰包装上的文字

如果你看过的食品包装够多,你应该能发现,很多包装上的产品名称、广告语、或者卖点等信息,都会摆放在一条飘带上,这么处理的效果通常不错,因为飘带具有礼品、赠送的寓意,用在哪里都不会太唐突,而且飘带的形式简单、有细节、变化丰富,很适合用作装饰元素。

还有一点也很重要,飘带的形式一般都是柔软的曲线,这与版面中其他直线元素可以形成鲜明的对比,加强版面的灵活性。

 

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 

温暖与生命力!2019年潘通年度流行色「活力珊瑚橙」新鲜出炉!

资深UI设计者

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

2019 年的潘通年度流行色终于发布了。这家专注于色彩研究和标准化的公司,针对过去一年甚至更长时间维度上的文化和色彩趋势进行广泛分析之后,选出了这款 Living Coral —— 「活力珊瑚橙」 作为2019年的潘通年度流行色。

在这个全球都处于动荡而不确定的时间点,潘通希望这样一个充满生命力,象征活力的色彩能够像一针强心剂,给每个人都注入能量。

对于这款珊瑚橙,潘通色彩研究中心副总裁 Laurie Pressman 是这样说的:「就像这种色彩所依附的连绵的珊瑚一样,我们期望这个颜色能够在接下来不断变幻的10年里面给人以向上的浮力和确信的力量。在技术疾速发展和全球动荡的背景之下,我们希望这种色彩能在全球文化上带来扭转,加速转变。」

如果你对于色彩的心理效应和历史有所了解,那么你会发现,活力珊瑚橙并不是一个带来变革和飞跃的色彩。在这个权威主义盛行的时代,它的存在目的更像是在给每个人的一种精神加持,提升确信感。活力珊瑚橙是一种曾经流行于上世纪50年代和60年代的色彩,你可以在当时的汽车、配饰、海报和时尚穿搭当中看到它的影子,在现在看来这就是一种传递复古的感觉的色调,它代表着那个简单、热情而单纯的年代,换句话说,它能够唤起「简单时代」的感觉,没有红蓝白三色(美国国旗的颜色)所营造出来的强烈的政治意味。

潘通色彩研究中心的执行董事 Leatrice Eiseman 在声明当中提到:「当我们透过自然和数字设备来透视我们的生活的时候,色彩是贯穿始终、保持平衡的镜头,而活力珊瑚橙更是这样的一种色彩。大众对于人与人之间的沟通与社交联系的期待越来越高,珊瑚橙这种色彩的人性化的特征可以让人更加振奋。」

在新闻发布会上,潘通官方表示:「在它光彩夺目又难以琢磨的色彩气质之下,仿佛带着海洋的呼吸感,珊瑚橙用仿佛泛着气泡的活力感冲击着我们的视觉和大脑。」

潘通每年所选取的流行色通常都有着一系列比较富有凝聚力的主题,而活力珊瑚橙本身和大自然有着非常紧密的联系,这总让人忍不住想起 2017 年所选取的年度色彩,草木绿。

「这种色彩很令人舒适!」Pressman说道:「越多东西推着我们前进,我们就越是想回归根本。周遭的一切都令人畏惧,所以我们希望有东西能够让我们感到安全、快乐,期待感受到舒适和温暖。」

色彩所带来的情绪影响并不只是停留在理论当中。活力珊瑚橙是一种非常实用的颜色,无论是在现实生活中,还是在虚拟的屏幕以内,都能帮我们弥合鸿沟,缩小差距。

在接受采访的时候,Pressman 提到了活力珊瑚橙的许多特性。在过去的几年当中,珊瑚橙越来越受欢迎。它整体上是处于橙色的色相当中,并没有偏向粉红,它温暖的质感和肤色相得益彰。在室内设计当中,珊瑚橙有着更强的功能性,可以和多种不同的色彩搭配,有着近乎中性色的强大兼容性。在移动端 UI 当中,珊瑚橙呈现出饱满的色感,足以让界面显得充盈而活力十足,在社交媒体上呈现出非常强大的传播性。

即使是在数字界面当中,活力珊瑚橙都隐约传递出和自然界之间的紧密联系。

▲设计师 Julien Blouet

今年9月份,以多彩配色的 iPhone XR系列产品当中,也有采用了近似活力珊瑚橙的配色,这无疑也是这一色彩流行的明证。在此之前,潘通公司已经推出过相似的色彩,不过苹果发布的新机当中包含这一色彩这件事情依然让潘通公司感到惊讶。

在采访过程中,Pressman 还盛赞了 Airbnb 这家公司,因为 Airbnb 早在 2014 年的时候就已经在进行品牌重设计的过程中融入了这一色彩。「可以说是非常有先见之明了」,Pressman 称赞道。

▲设计师 Peter Tarka

最后,附上年度活力珊瑚橙的相关参数:


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

 

15年图标设计经验,总结出1套专业流程和8个注意事项

资深UI设计者

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里

我们每天都在设计图标,并且保持这样的状态超过15年。身为设计师,想必你已经阅读过很多关于图标设计的文章,但是今天的文章不一样,今天我们的文章不会花费很长时间来单独介绍某一个图标的设计,而是设计任何一套图标应当遵循的基本流程,以及一定要注意的8个关键的注意事项,你可以将这些东西带入到一些现成的案例当中去验证。

这个注意事项清单,也可以被视作为给设计师所编写的图标设计指南,即使设计趋势发生变化,这些规则和经验依然适用。遵循这些规则和技巧,能够确保图标从设计到使用都可以更加无缝和顺畅。

我们并没有重新发明轮子,相反,我们会以这种方式来呈现我们的工作流程细节,希望它也能帮你有效地组织工作。

循序渐进地设计图标

像我们需要系统而大量地设计图标,设计流程是最重要的事情。正如你所看到的,绘制流程在图标绘制之前,就已经开始了。

  1. 了解你要创建的图标的含义。明白不同图标的使用场景,不同的图标分别代表着什么,了解哪些图标需要使用隐喻,哪些图标使用现实世界中真实的形象。
  2. 梳理出图标正确的隐喻,脑暴出可能的符号和形象。记住图标的含义和形象之间的关联,以最佳的形式呈现图标,直指本质。借助词典和单词集来获取图标相关的概念的关键词,同义词和定义。简化和抽象你的想法,你会找到一个抽象概念「翻译」出来的对象。
  3. 不要拘泥于现在当前的任务和状态,尽量进行彻底的调研,尽可能地搜集相关参考资料。可能有人已经为这一主题设计了很不错的图标版本,可以参考已有的设计,获取灵感。
  4. 确定图标的样式。图标应该是扁平的,线性的,Material Design,是用符号还是借助手绘来呈现。有的 UI界面有很清晰的要求,比如 iOS 平台和 Material Design,如果 UI 有非常清晰固定的设计风格,那么图标的设计需要尽量贴近。
  5. 按照选定的方式来呈现设计,看看它最终呈现是否正确。保持整体设计的一致性。
  6. 注意图标要矢量化,连基本的草图都应该是矢量化的。
  7. 在 UI 布局中测试图标的设计。

Icons8 的实战案例

按照上面的流程,能够绘制出不同样式足够优秀的图标合集。下面是我们在这样的流程下所设计出来的图标示例。

▲ Material, Outline: Science and Studies Icons

▲ Carbon Copy: Animals

▲ Nolan Icons: Aging

注意事项清单

如果你像我们一样每天设计图标的话,也会碰到各种各样的问题。其中最重要的是下面的注意事项清单,它们能够确保我们不同的人在不同的时期不同状态下,设计出来的图标能够协调到一个主题、一个系统当中。如果你也要设计图标的话,可以将下面的清单打印出来,贴在自己的桌子旁边作为参考。

1. 像素完美

让图标踩在每个像素点上,确保清晰不模糊。

2. 视觉重量

用斜视的方法来感知图标,看看成套的图标是否都具有相同的大小。斜视、调整、再看、再调整,直至均匀理想。为了保持总体视觉重量的一致性,我们会使用「完美的圆形和正方形」来和所有的新图标进行对比。

3. 几何图形

尽量使用简单坚实的几何形状来绘制所有必要的线条,它们会让你的图标显得更加牢固可靠,具有吸引力和说服力。

4. 清晰简洁

删除所有无法传达图标概念的细节,避免让图标显得沉重而复杂。

5. 足够的空间

确保图标内每个细节和元素都有足够的空间,不会显得过于拥挤或者空旷。

6. 对比度

在黑色和白色的背景上检查图标的全部细节,看看是否其中的每种颜色都是可见的,以及元素之间的对比是否足够。

7. 视觉统一

检查线条的粗细重量,边角的大小,配色方案,细节层次和设计元素在整个合集中是否是不变且一致的。

8. 图层排序

确保图标中图层顺序清晰而规整。这是一种良好的习惯和专业的精神。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计  cs界面设计  ipad界面设计  包装设计  图标定制  用户体验 、交互设计、 网站建设 平面设计服务

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档