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

设计师的最炫追波风

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

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

相 比之下,优秀的求职 者通常 都附上了他们 的考虑过 程。手绘 稿、图 解、利 害、 障 碍、权 衡、处理计划,以及说明交互和动效的原型。在真实参数的考量下,描绘产品的模块如何挪动和变化,它们的动态效果又如何呈现。

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

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

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

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

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

一旦你明 白产 品明 晰的 任务、愿 景和 架构,你 就能够开 端考虑其 它的细节。只需 用户 达成了 目的,他们 就会 开心、满足,并取 得成 就感。你产 品的效 劳为用户提 供了哪 些便利,又 存在 着哪些瑕疵。

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

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

考虑一下设计的四个层面

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

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

许多设 计师说他 们这样思索 过而没 有付诸 行动,是 由于有 时分只 是觉得 画一些美观的图片,和把本人掩埋在像素中比处置一些复杂的商业决策和人际关系要愈加有趣。只关注第四个层面的要素,这无伤大雅,但这只是画画而不是设计。这样的话,你是一个数字艺术家,但并不是一个设计师。

设计系统越来越重要,由于网络无处不在

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

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

这就是有人说牛逼设计师应该学学代码的缘由之一。无论你赞 同与否,设计师 确实需 求经过讨 论系统中 组件之间 的联络 去定义问题 和寻求处 理计 划,而不 是经过 抠像从来做这个事。完成可交互的原型,当真实操作中不可防止地反应出设计时被无视的问题和没有预先想到的情况时,他们就能够对此停止细节调整。在真实的交互中去感受,常常能令你对你设计的产品有更好的了解。

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

把每一个设计问题置于一个办法体系中,聚焦于引提问题的事情或者场景,动机和预期,以及希冀目的:

当_____的时分,我打算_____,这样我就能够_____。

举个栗子:当重要的用户注册的时分,我们需求被告知,这样我就能够和他们开端对话。

这给我们理清了思绪。我们能够将这个办法运用到设计任务中,从而思索 优先级。这确保我们一直能考虑设计 的四个层面。我们能够晓得系统里的哪些组件是这个工作的一局部,明白产品内不同模块的互相关系和促成这些关系的必要互动。在到达视觉设计之前,我们能够 自上而下地从目的、架构,到交互这 个次第来停止设计。

在运用这个办法的同时, 我们正在树立一个式样库,来协助我们到达设计工作的系统性。我们将会经过运 用式样 库的代码而不是用Photoshop来停止更多的设计。虽说这一过程并不圆满,但我们会重复改良。

友情链接:https://demo.drivingwarm.com/index.php/industrynews/

参考链接:https://www.jianshu.com/p/2780d96e559d