美文网首页技匠志设计今日看点
从美工到设计师你只差这一步

从美工到设计师你只差这一步

作者: 点融黑帮 | 来源:发表于2016-10-12 11:15 被阅读1183次

    产品就好比是一个人,要有自己的气质和特点,这一点非常重要。依靠的是什么?品味。而品味体现在一个产品的方方面面,不仅仅是界面,logo,网站,也包括广告、视频甚至产品理念等方方面面。

    我们说苹果的东西很苹果,微软的东西很微软,那么什么是苹果的东西,这个就是它的气质,也是它的设计语言。其公司的气质和产品的气质也是一致的。

    视觉设计涉及到新产品中的每一个界面,要做的就是把它们之间的关系处理好, 我们可以称之为排版设计。比方说,我们经常看报纸,报纸的设计就是排版设计,每个版面上有大小尺寸的标题,以此让读者理解哪条新闻最重要哪条次要,哪条是编辑最希望吸引读者注意的。

    视觉设计师在设备上设计遵循着相同的道理,比如手机,现在的手机已经成为一个五花八门信息的载体,我们要做的工作就是梳理信息,重新组织它们,用一个简洁的,有组织有条理的方式展现在用户面前。并且视觉设计也要考虑到实用性,报纸上单纯的阅读体验与电子设备上可点击的操作体验不同,满足两者的视觉设计一定也是不同的。

    从另一个层面来说,也就是视觉设计的最终目标,赋予产品气质。什么是气质?如果我们夸奖一个人有气质,是对他身上洋溢出的个性风格的赞赏,并且更是在夸奖这个人拥有一个与他的外表一样美好的内涵。那什么是产品的气质?同样的道理,这个产品传达了一种个性,或宣扬了一种理念,而且与它的设计语言交相呼应,协调统一。最显而易见的例子,苹果或微软,只要一眼就能认出是它的产品,因为视觉与产品的性格精神是相一致的。设计一个界面其实并不只是做一个界面,而是需要考虑到它 的品牌,风格,和其它产品线的统一,等等。

    1、什么是视觉设计

    视觉设计不应该只是简单的视觉加工,而是对设计目的理解的前提下对信息综合再加工的过程。这个过程包括了信息收集、分析、消化、重组、升华,最后才到具体形式的表现。

    2、视觉设计流程

    科学的设计流程和方法能够从品牌价值出发,尝试各种可能性的同时,找出最符合品牌气质的视觉元素并保持它们之间的一致性。也能够大大避免最终产出与项目起始定义因不同因素而产生的落差。

    沉浸——充分理解需求(产品功能逻辑、概念模型、交互方式等)与限制是设计的前提,良好的沟通是推进项目的利器。

    定义——了解不同终端的设计差异性。学会做竞品分析,明确产品面向的年龄层次及想表达的用户情感。

    探索(发散)

    建立关键词 - 我们从产品和自己的观察,还有头脑风暴的过程中得到的关键词都非常的珍贵,它们是一份视觉设计的种子,没有他们我们会变得没有任何想法。关键词之间的“社交”带来更多的创造力。

    大量收集 - 可以通过之前的联想与讨论,得到的一些关键词来帮助收集素材,收集也是需要注意一些技巧的。请注意以下常见的:颜色、形状、质感、隐喻。衡量什么图片是有用的什么是无用的,就是我们之前总结的众多关键词。

    提取关键元素 - 如何开始一份视觉设计,我们要从所收集的inspiration提取出贯穿整套视觉风格的关键元素。当选择任何一点开始进行设计时,其余的关键词都与你连接在一起。颜色、形状、重点信息、硬件、隐喻、标准化、科技、功能特性。注意他们的关联性!

    情绪板 - 设计情绪板是在出产品原型之前的重要阶段,它能快速验证视觉风格与设计目标之间的匹配程度。同时能够确保项目成员对该风格的认知程度处在统一水平线上。一个项目也可能会有多个情绪板。

    聚焦——从探索到聚焦是个循环的过程,在开始具体设计阶段之前要确定风格方向,与产品及项目成员达成共识。反之,则以此往复again,again and again…

    控件设计——控件是一切产品设计的根本,了解控件的使用方式及不同交互方式是每个设计师必修的课程。而有了之前的“铺垫”,现在要做的就是从控件开始把确定后的风格push下去。这个阶段也可能会继续again...

    迭代找到最佳——把控件应用到具体界面是有gap的,这里要考虑的因素就不只是视觉风格的问题。有Interaction,Usability,Information,Frist time experience 等一系列的因素要综合去考虑,可能还会有一些商业因素和技术实现的问题。这里我们要做的就是保持耐心依旧again...

    当完成key screen之后就是开始“标准化”的过程,但“标准化”不意味着生搬硬套。将贯穿性元素impact到每个界面的同时还要继续尝试一些具体表现的可能性,使之产生更“自然”的化学反应。

    优秀的视觉设计依靠的不单单是视觉表现的能力,其中的key point在于是否站在用户的角度用系统性的思维来诠释品牌、艺术及产品之间的平衡。

    3、由设计隐喻驱动表现形式

    产品迭代就好比一盆精美的花艺,插花师尝试丰富鲜花组合的同时不断剪去那些冗余的细节,使鲜花最精华部分得到更充分生长与展现。设计也同样如此,而其中设计隐喻个人认为是建立整体设计基因的基石。

    本文作者:朱赞 Praise Zhu (点融黑帮),曾任职于eico,唐硕用户体验咨询等国内知名体验设计公司,服务包括Nokia,Microsoft,Lenovo,Samsung,E人E本,通用汽车等国内外客户。在移动设备、智能家居领域有丰富设计经验。

    相关文章

      网友评论

      本文标题:从美工到设计师你只差这一步

      本文链接:https://www.haomeiwen.com/subject/hnlvyttx.html