网易设计师:浅析一种无差异化设计语言和两套通用的设计流程 - 优设网 - UISDC

网易设计师:浅析一种无差异化设计语言和两套通用的设计流程

2018/06/21 6450评论区

网易UEDC – 马宝?: 一个漂洋过海的寿司食玩,为什么会让大人无从下手,不会使用?是语言文化地域的差异?还是设计师眼里只有自己的设计?本文将浅析一种无差异化设计语言,两套通用的设计流程和较为全面的设计决策。

1. 有趣的寿司

5岁的小侄子拿一包「食玩」向我老婆寻求帮助,希望教他 DIY 好吃好玩的寿司。但是翻看全日文产品包装后,就连在日企工作,日语专业很好的她,面对这份幼儿食品包装也傻了眼。为什么拥有阅读能力的成年人反而无法正常使用「产品」?

△ たのしいおすしやさん— 有趣的寿司

我是名视觉设计,即使看不懂日文,也能透过设计接收到产品传达的信息,看图说话关联图形和颜色,发掘排版和布局的信息层级,从设计者的视角可以很容易解读这份「天书」,但在普通用户眼里并非如此。

「复杂问题简单化,简单问题无脑化」。尝试拆解步骤,去除信息过载的「文字」干扰,选用最简单的图形符号作为视觉语言。让真正的目标用户(5岁左右的小朋友)不需要查阅文字的情况下,也能看懂教程,使用产品。

  • 第一步,将蓝色包倒入1号槽,加水搅拌出白色的米饭;
  • 第二步,将黄色和粉色包分别倒入「纹理」槽,加水平铺成黄色的鸡蛋和粉红色的金枪鱼;
  • 第三步,完成紫菜、鱼子制作;开始制作寿司……

2. 共同的设计语言

尽管地理、文化、习俗存在差异,对不同领域的设计影响也很大。但各领域的设计工作本质是相同的。所有设计都植根于一种通用的熟悉语言,有着共通的元素,如布局、图案、颜色,对比、重复等。相似的输出流程,如研究、分析、原型、设计、展示等。

掌握设计语言了解不同国家不同学科的设计者,践行这一门学科语言都会增加另一门学科的才能。多学科设计的融合,可以大大提升整体设计直觉。

△ 链接:https://saijogeorge.com/brand-style-guide-examples/

△ 图自:google design

设计语言是互通的,读懂设计的同时还加深现有的设计认知,通过两个层面的理解设计的目的是什么?

  • 可用性层面:帮助用户解决特定问题
  • 易用性层面:设计将情感转化为体验

实现设计目标的过程,往往需要兼顾「美学」和「功能」,美就是生产力,美的作用不仅仅在于养眼,还可以影响人们的正向情绪,促进人们反思,提升效率。设计同样是种约束力,要求设计师以很高的审美标准,去不断的追求新颖和美感。

人们会对有设计感的产品更包容,在产品使用中多尝试不同的操作方法,自觉发现问题自行解决。

「案例1」宝马的设计总监说,我们生产的根本不是汽车,是「艺术品」;福特公司也宣称,现在的福特汽车马力早已经让位给风格,用户就是为设计买单的。

「案例2」美国政府部门也在追求设计,04年的时候美国国务院宣布取消了使用多年的12号等宽字体,换了一种14号新罗马字体,因为新字体看起来更工整美观。

设计影响着社会、经济、政治方方面面。设计终究是实用的,具备「功能」的,据统计每增加1%的设计投入,公司的销量和利润就会平均增加4%,一个商品最能提升的价值空间就是设计感。

△ 荷兰设计大师马塞尔·万德斯(Marcel Wanders)

设计是与世界交谈的方式和语言,应该与那些代表生活本质的物件相连,「设计师真正的工作是为新设计找到一个合理化的理由,而这个理由的背景无疑就是生活?!狗炊园焉杓谱髌肥吒?,好的作品应与日常生活互动。

3. 共通的设计过程

设计过程:理性、演化模型

良好的设计过程造就良好设计的可能。设计过程大体分为两种方式——理性模型和演化模型。图例常见的理性模型的服务设计流程。

△ 图自:eico design

理性模型

理性模型是由计划任务驱动的线性顺序发展的设计全过程?;嵋砸恢质芟薜姆绞浇醒芯亢突袢⌒轮?。这种方法可作为任何设计领域的基础,将设计方法论概括为三点,研究 > 头脑风暴 > 测试(分析、设计和实施)。

理性模型应用广泛,分别是预生产的设计,后期制作和重新设计。如果能够完全按理性模型进行设计固然是好的。但工作中的目标、预算和资源经常发生改变,很少能以预期的步骤流向下一环节。最大问题是每个大环节下又由几个较小的过程组成,看似线性的单链路很简单实则运行扩展的层级繁杂,设计周期非常漫长。

△ 理性模型(左)对比 演化模型(右)新设计过程,多环节并行(分析、设计、实施)

演化模型

演化模型是由多个相关概念组成的更自主自发的设计方法。它假设设计是即兴的,在没有预先定义的阶段,不同环节中(分析,设计和实施)都是可并行的。

演化模型促进设计师激发潜能。就好像生活在寒冷北极圈的爱斯基摩人(因纽特人),在长期极度恶劣生活条件下,逐渐演化出一套生存机制,他们可以不用地图、指南针,仅依靠星星、风向甚至是雪堆的形状就能精准判断定位。

演化模型下对设计师要求更高,需要设计师具有良好的审美的同时,可以使用创造力和情感来塑造各种的设计可能性。在出现意见分歧时,以专业的判断和常识迅速带入某点推进设计,进而大幅提高效率。 由于这种方法没有按照阶段顺序进行硬编码,它几乎存在于所有的学科中。一旦掌握这类设计范式就可以广泛应用,成为探索新领域的基石。

「理性模型」典型的 UI 工作流程环节会由12个部分组成,如果有充足的时间和资源来做设计,就算是缺少经验的新人设计师也可以选用理性模型按部就班的完成设计,所有的步骤是为了保证设计质量。

「演化模型」很多项目时间短、资源有限,理性模型不适用,经验丰富的设计师就会以强大的整体设计直觉,在「理解需求」的前提下,直接进入最核心设计环节。排除外部干扰,省略已经在大量项目演化中被反复验证环节。对设计的产生预判使得作图又快又好。这就是演化模型的魅力。

4. 全面的设计选择

每个设计师不可避免地都会遇到无法做出设计决策的情况。是求助高阶的设计总监、美术指导的专业经验?还是相信经过研究、分析更懂用户的设计直觉?这是一种选择。

我们是设计师不是科学家。不一定需要为我们所做的每一个审美决定提供证据。有时我们的专业会受到各方的压力和挑战,不要急于否定自己,坚信设计同样也是一种选择。只有设计的本能和独创性,帮助产品在混乱的信息时代脱颖而出,设计的意愿取决于对设计的想象。

五感一体的设计建构

△ 「欲望」的土壤产出设计的果实

语言告诉我什么是设计。过程解释怎么做设计。那为什么而设计?设计界的哲学问题,「我是谁,从哪来,到哪去」。

总结

我想引用《设计中的设计》书中的插图,假如设计是长在树上的果实;市场才是培育果树的土壤,构成市场的个人「欲望水平」控制土壤的质量。培育土壤你选择种怎样的树就会产怎样的果。眼中所见,心中所想便会成为你最终的设计模样。

欢迎关注作者「网易UEDC」的微信公众号:

图片素材作者:Marcus Gestré

「这可能是最全面的设计流程合集」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏??裘夥炎匝缕?,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.www.bvfyw8.cn

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.bvfyw8.cn/design-language-two-universal-design-processes

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

优设专访 转场动效 设计师 扁平化设计 优设大课堂 交互设计师 界面设计 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 设计师专访 平面设计 AI教程 设计理论 神器下载 用户体验设计 字体下载 设计趋势 海报设计 psd下载 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 用户体验 酷站 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里