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

产品就好比是一个人,要有自己的气质和特点,这一点非常重要。依靠的是什么?品味。而品味体现在一个产品的方方面面,不仅仅是界面,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本,通用汽车等国内外客户。在移动设备、智能家居领域有丰富设计经验。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,658评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,482评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,213评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,395评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,487评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,523评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,525评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,300评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,753评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,048评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,223评论 1 343
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,905评论 5 338
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,541评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,168评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,417评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,094评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,088评论 2 352

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,977评论 25 707
  • 本书讲了什么 本书共三部分,全面讲解了用户体验设计的流程和方法。 作者什么来头 搜狐新闻客户端UED团队,隶属于搜...
    少穻阅读 2,405评论 2 20
  • 十斤被逮着的时候,正坐在客厅的沙发上和妈妈打电话。他向进门的王局摆了摆手,又冲着开门的老婆点了点头,嘟囔了几句后他...
    王光翟阅读 332评论 0 2
  • 题记:多年以后,安香雪看到周围的年轻人小小年纪就知道自己要什么,并直奔目标而去,多少有些羡慕,相比之下,自己当初就...
    握瑜阅读 250评论 0 2