设计师:设计师的最炫追波风

(如您查看内容有缺失,请戳原文地址:艾艺信息

追波上的设计师们喜欢钻研界面的轮廓和绚丽的色彩等细节,以此交朋结友,相互点赞和分享。看完别人的作品后,自己跟着兴冲冲来一发。结果就是大量的设计在追波上都长得差不多。不管你做的是社交软件,金融软件,电商网站还是天气应用,同样的风格都可以套进去使。你想想,如果给你的眼睛加一层毛玻璃效果,再看看这些界面,你能说出他们到底有什么不同吗?

设计最重要的一步,并不会去追求外观的美

相比之下,优秀的求职者通常都附上了他们的思考过程。手绘稿、图解、利弊、 阻碍、权衡、解决方案,以及阐明交互和动效的原型。在真实参数的考量下,描述产品的模块如何移动和变化,它们的动态效果又如何呈现。

而糟糕的求职者,只会发他们的酷炫扁平 PNG 或牛逼线框 PDF 。没有关于待解决问题的关键点,看不到商业和技术层面的限制,也不描述使用场景和上下文联系。这些完美的视网膜像素级的 PNG 或许在追波上看起来很赞,但实际上,这些东西却连基本的设计价值都难以体现。

产品设计总是与使命,愿景以及架构息息相关

设计始于公司最顶层的使命,其次是公司的愿景。在一个没有清晰和可执行的使命与愿景的团队中,很难开展设计。不要低估这个问题的重要性,如果你所在的公司缺少清晰的使命,那就将缔造它作为你工作的一部分。

在使命和愿景之后的,则是产品的架构。不是指技术层面上的东西,而是产品内各部分之间彼此的关联,是一个总体的系统。尽量多在白板上画些类似这样的概念图:

产品的架构不是信息堆砌,它不是一个页面连着这个那个模块和空间,或者一堆死板的演示告诉你点这里是干嘛的,一个交互原型通常就可以很好地处理这些信息。一个更深层次的表达方式,这就是产品的架构图。它能表现出各个模块在整体系统中所处的位置以及它们的联系。

一旦你明确产品清晰的使命、愿景和架构,你就可以开始思考其它的细节。只要用户达成了目标,他们就会开心、满足,并获得成就感。你产品的服务为用户提供了哪些便利,又存在着哪些瑕疵。

这些粗糙的草图远远要比追波上那堆PNG要重要得多。从产品创立伊始到成品的推出,在这一套程序当中,PSD文件和PNG图片是最不吸引人也是最无用的材料。

更为重要的是设计中如何权衡轻重做出取舍的思考和讨论的过程,比如产品的优缺点考量,如何将设计匹配公司的愿景,抑或是解决产品的架构问题。所有这些白板草图,手绘稿,甚至在餐巾纸后面勾勾画画的解决方案才是设计者应该分享的。就连产品叙述文档 都比单单一个苍白的PNG或者PDF文档来的重要。

思考一下设计的四个层面

设计是一个多层面的过程。如何依次经过这几个层面来思考是有一个最佳顺序的。最简单的一种就是回想一下这四个层面:

很多的设计师单单专注于第四个层面而完全忽视了其他因素,这样自下而上的方式做出来的设计当然不如至上而下。如果其他三个层面的问题还没有解决好,那么诸如栅格、字体、色彩、美感等方面的深入都是无用功。

许多设计师说他们这样考虑过而没有付诸行动,是因为有时候只是觉得画一些好看的图片,和把自己掩埋在像素中比处理一些复杂的商业决策和人际关系要更加有趣。只关注第四个层面的因素,这无伤大雅,但这只是画画而不是设计。这样的话,你是一个数字艺术家,但并不是一个设计师。

设计系统越来越重要,因为网络无处不在

网络的发明将带来自工业革命以来最大的社会变更。网络渗透到每一个角落,它在我们的家里,在我们的办公场所,当我们熟睡的时候在床头,在我们的口袋中走到哪里跟到哪里。网络随时随地与我们同在。并逐渐来到我们的车里,衣服上,进入到我们所拥有的一切,还被用来检测我们的健康。到2020年为止,或更早,所有的业务都会基于网络而存在。正如 Charles Eames 曾经说过,“最终一切都会相互连接起来”。

静态网页设计是一个在垂死边缘的职业。随着移动技术惊人的发展,不同的API、SDK涌现,以及平台与产品之间开放的合作关系,这一切描绘出了一个无比清晰的未来,那时我们都将参与到系统化的设计中。将满是线框图的PDF作为交付品这样的情况即将逝去,Photoshop也已经是一个衰落中的设计工具。推动我们水平进步的设计师们,往往沉浸在手绘稿、白板稿和原型工具上(Quartz Composer, After Effects, Keynote, CSS/HTML)。

这就是有人说牛逼设计师应该学学代码的原因之一。无论你赞同与否,设计师的确需要通过探讨系统中组件之间的联系去定义问题和寻求解决方案,而不是通过抠像素来做这个事。实现可交互的原型,当真实操作中不可避免地反馈出设计时被忽视的问题和没有预先想到的状况时,他们就可以对此进行细节调整。在真实的交互中去感受,往往能令你对你设计的产品有更好的理解。

我们做设计时采用的方法体系

把每一个设计问题置于一个方法体系中,聚焦于引发问题的事件或者场景,动机和预期,以及期望目标:

当_____的时候,我打算_____,这样我就可以_____。

举个栗子:当重要的用户注册的时候,我们需要被告知,这样我就可以和他们开始对话。

这给我们理清了思路。我们可以将这个方法使用到设计任务中,从而考虑优先级。这确保我们始终能思考设计的四个层面。我们可以知道系统里的哪些组件是这个工作的一部分,明白产品内不同模块的相互关系和促成这些关系的必要互动。在达到视觉设计之前,我们可以自上而下地从目标、架构,到交互这个顺序来进行设计。

在使用这个方法的同时, 我们正在建立一个式样库,来帮助我们达到设计工作的系统性。我们将会通过运用式样库的代码而不是用Photoshop来进行更多的设计。虽说这一过程并不完美,但我们会反复改进。

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

推荐阅读更多精彩内容