美文网首页
设计开始阶段准备工作(二)

设计开始阶段准备工作(二)

作者: Cooper_e9ef | 来源:发表于2018-09-13 17:25 被阅读0次

​​​​​@N可可洛N@爆炒地瓜​​​​:担任首席设计师与管理者的 Gleb Kuznetsov,有着非常丰富的设计与管理经验,他追随设计最前端,热爱设计所创造的新的生活观念,今天优设有幸邀请到 Gleb Kuznetsov 为我们聊聊一些他的设计心得和设计管理之术。

追波作品:https://dribbble.com/glebich

△ Dribbble 主页

优设:

您的作品一如既往的充满了未来感,这些是真实的案例还是一些您的概念稿?如果是真实案例,一般运用于什么领域。

Gleb Kuznetsov:

大部分都是真实案例或者对真实案例的探索。

△ Natural AI界面

我个人非常喜欢未来主义风格,用来展现人工智能和基于语音的数字化产品,因为这就是未来的趋势。

在一些案例里面,汽车行业或者说医疗行业,也需要动效设计中的这种未来科技感来与用户建立交互联系。

优设:

能为我们讲解一下您的 Airbus iOS App 设计制作过程么?

Gleb Kuznetsov:

我们开始 Airbus IFLYA380 项目时,包括前期的调查和用户体验原型设计,以及协调业务目标和最终产品设计。

△ airbus_UX design

我们在开始进行设计阶段之前先做了原型设计流程,这样可以节省后面的开发时间,并在完成设计之前就能向开发人员介绍应用程序架构。

△ airbus_UX design

完成原型设计、UX交互稿后,我们就开始着手视觉设计阶段。我们基于 Airbus 的品牌设计,拓展到 App 的设计中去,必须始终保持品牌设计的一致性。

△ Gleb Pinterest

视觉设计阶段始于对各种设计方向的深入研究,使用情绪板和许多其他参考资料,帮助我们找到完美的视觉方向,以及我们希望呈现的未来感设计。在大约 1000 张图组合在一起之后,我将情绪板简化为 10 个最有力量感和品牌设计一致性的视觉参考。每一个可视示例都有不同的元素,颜色、形状、布局和纹理。我的工作就是找到这之间的联系并建立统一的方向。

△ airbus_UI design

视觉方向定下来之后,我们再开始设计单个页面(每一屏最多有 10 种方案),直到我们的展现能够与 UI 设计方向一致。定下来主屏幕的设计方案之后,才会将这个设计方向应用于其它的屏幕设计当中。

△ airbus_UI design

一旦每个页面都经过精心的设计,就能看到整体的 UI 设计效果,在这里我们创建一个包含所有页面的大画布,将它们相互连接起来,并在着手设计研究动效之前,先试想它在设备上的运行效果。

△ scenario

在动效设计阶段,我们需要在 AE 中重建我们的视觉设计,我们专注于细节,这对最终产品的呈现非常重要。我们通常用 3 天来完成这一步。当动效准备好时,我们就开始研究每一帧的动效和滑动效果。有时不同的交互任务,需要不同的呈现技巧,例如,启动画面有一驾 3D 飞机,我们就需要3D 设计师为我们制作效果,这样看起来才会更加真实和符合逻辑。

​所有的事情都完成了,最终的设计和动效才会诞生,我们会反复修改和调整,直到我们觉得这个结果不错了,这个时候才会把它分享给我们的客户和前端。

优设:

能为我们展示您其中任意一个作品的软件实现过程么?

Gleb Kuznetsov:

我现在不做软件实现工作了。更加关注设计、动效和用户体验。与我合作的开发人员能够实现任何东西,他们让我不会有后顾之忧,这能让我在想象和设计的道路上走的更远。

△ Airbus App

优设:

作为一名设计管理人员,您怎样保持管理与设计上的平衡?

Gleb Kuznetsov:

这并不简单。有时候我一天要工作 15-20 个小时才能实现。值得庆幸的是,与我合作的设计师能够帮我保持平衡,并得到我们想要的结果。我可以给他们画一个草稿来向他们展示想怎么做,然后他们都会 get 到那个点,并实现它。

△ Gleb

我是一个快乐的管理者,在与我的团队合作的这 5 年里,他们一直在支持我,帮助我实现内心的愿景。有时候我会作为一名设计师潜心工作几周,在这个时候我只做设计。或者在管理的时候,我只负责管理流程,这让我保持了时刻学习的好习惯。

优设:

FΛNTΛSY 工作室的设计流程是什么样的?能为我们介绍一下团队分工么?

Gleb Kuznetsov:

这取决于我们的项目类型。如果是网站,那与产品设计的流程不同。

△ https://milkinside.com/

我已经不在 FΛNTΛSY 工作室工作了,现在独立运营自己的设计工作室Milkinside(https://milkinside.com/)。我们致力于界面设计、汽车 HMI 和新一代的 AI 设计。

在FΛNTΛSY,我专注于数字产品设计,工作流程由我的朋友和 UX 主管 Jeshua 精心管理。我们通过想法和概念来构建内容,并通过过程来衡量成功。

一旦我们的想法和商业目标一致,我们就会进入 UX 和视觉探索阶段。在这里我们会探索不同的 UX想法和视觉效果方向,这样我们才会有时间和空间去探索和实验超越我们所熟知的内容,推动设计向前发展。

作为设计总监,我们的设计想法和探索过程都基本和 AIRBUS 相同。

△ visual_moodboards

通常,这个主题演示,会包含 100-200 页的情绪板、图像、草图、关键词及业务目标和设计决策。对于设计师来说,能够解释和说明我们做出决定的「原因」非常重要。​

△ visual_moodboards

这种工作方式让我们的设计方向和定稿流程更加高效,也变得更加容易。

△ visual_moodboards

随着我们对产品发展方向的了解,也会开始仔细研究用户体验原型,并在纸上或者 Sketch 软件中勾画许多原型。当 UX 获得确定后,我们再进行下一步设计阶段。

产品设计阶段必须取决于项目和业务的关键目标,同时考虑时间表和进展,以确保每个人都及时完成一切。有时我们使用 After Effects 或 Cinema 4D,这样一来会节省时间并尽快交付结果。但通常情况下,我们在进入交互/动效设计阶段之前,我们都会有草绘阶段,根据定稿的 UX 和产品设计系统的每个元素设计 UI。完成设计后,我们开始使用 After Effects 和 Cinema 4D 制作动效。

△ visual_moodboards

当完成动效和交互时,我们有一个工作应用程序概念的定稿视频。一旦我们定稿,我们将进入最终执行阶段,我们为开发人员制作风格样式指南和动态效果,以确保设计实施过程顺利进行。

优设:

您之前提到过,你完全是自学成才,包括设计知识、软件,能和大家分享一下自学方法么?

Gleb Kuznetsov:

我从未从书本中学习,也没在大学里学到知识,因为在我成长过程中没有好的教授数字产品设计的学校。我的秘诀是,我所做的一切都需要真实,需要有意义。这给了我一个责任,迫使我学习它所需的一切。

△ Gleb

学习过程必须充满激情,这很重要,这样你才能超越对失败的恐惧。在这十年间,我迷失过很多次,也软弱过。作为设计师,很难,也很痛苦和充满压力,但经过10年的失败和学习,我创造的一切都成功了。如果有人问我是否后悔成为产品设计师,我的回答是绝不。

△ Gleb

经常想想你是谁。我一直在问自己这个问题,答案始终是一个 ——产品设计师,他将想法转化为实物和数字产品。这是我能为自己想象的最神奇的工作。我喜欢在电脑前花的每一秒钟,我对我制作的每一个像素充满热情。顺便说一句,学习就是一切,无处不在,如果你停止学习,你就会停止成长。

优设:

去年,阿里巴巴的鲁班智能设计机器人累计设计 10 亿次海报,有人称它是设计终结者,您怎么看待人工智能在设计中的位置,设计行业的未来趋势,您认为是怎样的?

Gleb Kuznetsov:

我绝对相信人工智能改变我们的生活。产品设计师首先会感受到变化,因为设计师需要创造这些变化和未来。 有效定制我们设计的体验,可能是 AI 设计必须通过的第一个测试,以赢得用户的信任。 人工智能可以理解人类感知的许多参数,并揭示许多自己的秘密。只有成为个人的东西,这些产品才能真正改变我们的生活,他们一定会的。

△ General Intelligence

旧的电脑型号会退出历史舞台。当界面本身逐渐从我们的意识中消失时,人工智能产品和服务的优势将蓬勃发展。 这就是为什么语音接口有望在未来成为人机交互不可或缺的一部分的原因,以及为什么我自己的许多创意探索都集中在这种交互上,欢迎关注我的 Instagram,获取更多灵感。

△ https://www.instagram.com/glebich/

优设:

我们非常感兴趣您的办公环境,能否为我们展示一下您的工作台,以及为你带来幸福感的物品呢?

Gleb Kuznetsov:

说实话,我经常各地跑,我的办公环境要求很简单,只要足够安静和有 WiFi 就可以了。

△ Gleb办公环境

​非常感谢设计师 Gleb Kuznetsov 给优设小伙伴们带来的这次精彩分享,我们学习到了大神的管理之术、专业设计工作室的流程和经典案例的详解。喜欢 Gleb Kuznetsov 的小伙伴可以通过以下链接获得更多作品哦!

Dribbble: https://dribbble.com/glebich

Instagram: https://www.instagram.com/glebich/

Twitter: https://twitter.com/glebich

工作室: https://milkinside.com/

相关文章

  • 设计开始阶段准备工作(二)

    ​​​​​@N可可洛N、@爆炒地瓜​​​​:担任首席设计师与管理者的 Gleb Kuznetsov,有着非常丰富的...

  • 庭院设计(未完)

    庭院设计前期: 接受设计委托后,设计阶段前期准备工作: 1、了解甲方的想法,及家庭成员构成。 2、调研建筑物的款式...

  • W5L2作业

    1,服装产品笼统的分为三个阶段 开始产品需引入市场而做许多准备工作从而利润应从负利润开始,而且准备工作切入市场,所...

  • 软件测试之细化软件测试流程

    一.需求阶段 二.设计编码阶段 三.集成、系统、验收阶段 四.软件测试过程

  • 《如何阅读一本书》第三章 阅读的第一个层次:基础阅读

    学习阅读的阶段 ①第一个阶段:阅读准备阶段 从出生开始,直到六七岁为止。 学习阅读的准备工作: 身体方面:良好的视...

  • 二、观察者模式(Observer)

    本章目录如下: 一、阶段一 二、阶段二 三、设计原则总结 本章需求是设计一个气象展示应用,并通过代码迭代、优化过程...

  • 《追求理解的教学设计》第一章

    一、逆向设计的三个阶段 逆向设计的三个阶段是:确定预期结果→确定合适的评估证据→设计学习体验和教学。 二、...

  • 四、工厂模式(Factory)

    本章目录如下: 一、阶段一 二、阶段二 三、阶段三 四、java中的装饰者 五、模式问答 六、设计原则总结 我们...

  • 敏捷项目管理流程

    项目管理流程(阶段): 可行性验证阶段 需求设计阶段 产品设计阶段 UI 设计阶段 技术设计阶段 开发阶段 测试阶...

  • 《搞定》之二

    《搞定,无压工作的艺术》二.收集阶段:归拢材料 【今天我学到了什么】 一、收集的准备工作 二、收集的对象和工具 三...

网友评论

      本文标题:设计开始阶段准备工作(二)

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