这次我们的新部分是与设计过程相关的“设计直播”。当我们看到优秀的作品时，我们总是对这些成功作品如何逐步诞生感到好奇。临沂有很多作品，但是当我做实际的项目时，我还是无法入手。因此，我希望通过与这些专业设计师的零距离访谈，从设计到实现的思考过程，呈现设计专业设计师的思维过程。这次精彩的会议邀请国内外优秀设计师分享他们真正的创意之旅。
△Ludmila Shevchenko的Dribbble页面
在第一期中，我们邀请了Ludmila Shevchenko，个人主页（https://dribbble.com/LudmilaShevchenko），她是Dribbble的红人（youji采访https://www.uisdc.com/uisdc-designer-interview-ludmila），粉丝几乎目前有7,000人在Tubik（https://dribbble.com/Tubik）工作，这是一家世界知名的设计机构，为客户提供服务，包括Opera（已知浏览器），Echo，Ribbet等。我们让她这次向我们解释她是如何设计她的实际网络案例magic.co（观看次数高达150,000）。
△magic.co
优良：
用一句话介绍您的客户背景。
卢德米拉：
这组客户是一个为用户提供不同服务的组织。
优良：
如何在早期阶段与客户沟通并获得客户的想法？有没有共同的流程？
卢德米拉：
在第一阶段，我们将与客户联系并了解他们的需求。我们会要求他们填写一些关键信息，包括他们的核心业务，他们喜欢的方向和风格。
然后，我们将使用Skype或其他表单与我们的客户进行沟通，以找出问题并与他们建立信任。我们相信这种信任关系对我们未来的工作有积极的影响。
优良：
您能否谈谈概念设计过程和设计过程实施过程中的思考，为什么要这样设计，基于哪些考虑因素来进行这样的思考？
卢德米拉：
我们的设计是针对服务机构，其任务是为客户设计创造独特的新服务愿景。该网站应该在许多网站上脱颖而出，可以为用户记住。在早期，我们将首先确定结构框架。一旦确定了简单的结构框架，我将开始从UX结构进行设计。通过将每个部分用作新页面，这部分信息可以得到用户的额外关注。
△magic.co手绘手稿
△magic.co手绘手稿
对我来说，即使整体结构没有很多元素，在纸上绘制草图的第一步也会使一切变得简单。大脑中的思想和手部活动之间的即时联系将激发新的想法和组合，并且当您初步思考时，新的想法将会出现。因此，我认为以传统形式绘制是激发灵感的最佳方式。在这种情况下，当我理解客户吸引注意力的意愿时，我决定使用渐变的鲜艳色彩，并且由于材料量很少，我认为使用几何形状创建特立独行的图片会更容易。
之后，我将使用Sketch绘制UX。根据任务，可以首次向用户呈现手绘或数字框架。
△magic.co线框
接下来，我开始设计UI。在主页上，只有公司的名称，标语和引导箭头，我的想法是设计一个明亮，引人入胜的背景。
我开始创建元素的抽象组合，并确保它们可以在以后进一步动态化。第一种解决方案是尖锐形状（如矩形和正方形）的组合，但我后来认为圆形和曲线等柔和形状看起来更友好。因此首先在纸上绘制曲线的形状，手工绘制，最后选择平滑，美观，和谐的线条，混合成图片，在计算机中创建曲线时，尽量使用尽可能少的锚点。还要检查曲线在这些点的平滑移动。
主页也是用户想象神秘之旅的源泉。最后，我们还为此页面添加了动态效果，使页面看起来更加生动。
颜色匹配对我来说是一个有趣的过程。带着愉快而有趣的心情，我开始探索渐变组合，并希望它们的外观将有助于画面变得更加生动。要具体描述颜色选择中的一些步骤并不容易，因为它是一个持续研究的创造性过程。
一开始，我的想法是保持整体的温暖，积极的视觉体验，利用冷热色对比度和阴影的效果创造出有影响力的画面，使整体看起来具有创新性，明亮和动态。所以我选择了黄色/橙色/红色，粉色/红色/紫色和青色/靛色/蓝色，这样丰富的色彩可以达到我想要的活力。
我将通过考虑这些颜色的过渡是否平滑，或者是否在中间添加第三种颜色来单独探索每个渐变，这样我将专注于颜色以确保它们是纯净和饱满的。充满活力，然后我将尝试在形状上放置不同的渐变组合，在此步骤中将进行一些调整，包括颜色，渐变和透明度。始终注意对比度，看看是否需要增加或减少对比度。
在一种配色方案中创建多个渐变，我将尝试改变主色的阴影，增加或减少其饱和度和不透明度，从而产生最亮的色彩组合和平滑的渐变。完全不同的颜色渐变是相邻的，我将检查边缘是否有吸引力，以便页面看起来不太对比。
我根据特定的调色板得到了4个场景，我选择了一组颜色，我认为这些颜色在对比度和完整性方面更好。最后的选择是一组平滑的渐变，保持公司名称和口号的可读性，以及页面两端的强烈色彩对比，具有强烈的视觉冲击力。
当我们向顾客展示方形和钻石方案时，顾客表达了选择黄红紫色渐变的倾向，因为它给人一种积极的氛围和温暖的视觉体验。
在其他页面中，波浪继续出现。它们是主页抽象结构的进一步设计。 CTA按钮（用户行为调用按钮）支持波形和渐变。我们需要将图像材料和复制信息添加到页面中。在透明阴影的帮助下，我们可以看到背景照片，周围的渐变可以增强图片的视觉效果，并可以使信息和CAT按钮出现。
△magic.co视觉选秀
最后，我们添加了动画效果，以显示所有元素的交互式设计和实时视图。这是团队合作的一个很好的例子，动画的添加使画面更具动感。
优良：
提交给客户的设计的设计是什么？
卢德米拉：
在与客户沟通的过程中，我们遵循规则逐步展示作品，并强调和描述上述主要设计要点。
优良：
您能与我们分享如何有效提高您的设计能力吗？是否有值得推荐的好书或效率工具？
卢德米拉：
首先，您应该发展自己的品味并专注于所有领域的设计实例，不仅适用于移动设备，网页设计师和公司公司，还适用于平面设计，建筑，摄影和艺术领域的影响领域。通过这种方式，您将始终了解当前的趋势和设计趋势。接下来，您可以挑战自己在工作时完成一些小任务。创建概念设计并解决当前主题，以便您可以改进一些基本的设计功能，例如排版，构图，颜色匹配，这也是一种自我开发和工作流程改进。
我最喜欢的书之一是约瑟夫·阿尔伯斯《色彩交互学》，在那里你可以使用色彩创作找到颜色研究，原理和心理感受。
优良：
朋友们对你的工作台看起来很好奇吗？
卢德米拉：
△Ludmila Workbench
这是我在Tubik Studio工作区的照片。我使用带有iMac 27的Retina 5K显示器。我的写生簿总是放在桌面上，以概述我想到的每一个想法。我喜欢在工作时听音乐，这就是耳机的原因。为了获得灵感，窗口充满了我几年前绘制的抽象画。兰花和大自然总是激励着我。桌上的书籍是关于20世纪50年代和60年代的装饰艺术。此外，还有一些不错的小东西，如猫头鹰雕像和明信片，让我在工作中感到高兴。
感谢设计师Ludmila Shevchenko对精彩朋友的精彩分享，让我们看看作品背后最真实的一面。最喜欢的朋友可以访问Ludmila Shevchenko主页（https://dribbble.com/LudmilaShevchenko）。