W Design & NEWS

设计组合

W-design2016.01.19

2015年十一月我在视觉艺术学院谈一谈(SVA)纽约市设计Adobe的组合,与产品设计。你可以在这里观看谈话。我本来写这篇文章的准备,但已经扩展到这里出版。它的目的是介绍产品,分享洞察设计的过程中,扫描我的素描本和一些规格/设计从幕后。我希望你觉得有趣。一个小小的介绍。你好,我是安得烈。我是领导产品设计师和创意总监的组合。我要与你分享我自己和一个伟大的开发团队在Behance(Adobe)一直在过去的这一年。001的组合营销网站什么是产品组合?基本上它是一个产品,可以让你快速简单的创建一个网站来展示你的工作,和定制,以适应你的风格和需要。这不是一个新的概念,有几十个产品在那里,这样做只是。但投资组合有一些关键的差异:它是专为广告展示他们的投资组合。这意味着它做你需要它做的,简单和快速。这是免费的,所有的砖创意云计划。你可以访问所有字体Typekit的库,使用您的网站上。组合同步Behance。让投资组合最独特的是,它可以同步Behance。的想法是,你创建一个组合美丽的定制网站,和同步你的项目,你的Behance简介。在那里你可以得到你的一个创意平台,数以百万计的创意工作宝贵的曝光,人们的招聘广告!但你不必使用Behance如果你不想 - 可以使用组合对自己的选择不同步Behance。选择是你的。002003马蒂亚斯 海德利希的摄影 作为组合和Behance看到响应布局。像任何网站的建设者,你需要一个起点。所以我们需要设计的许多东西是专门为展示创意工作布局,作为你可以轻松地定制和填充项目的基础。布局的目的是涵盖各种风格,以适应不同的创意领域。它们可以作为一个现成的解决方案,快速填充你的项目和发布一个网站(在几分钟内),或使用编辑器的功能来改变结构和外观,以适应你的风格。

轻松地定制相同的布局看起来非常不同。以布莱斯约翰逊摄影下面是我们推出的布局。初始布局(为公开测试和产品发布)是很简单的,重点项目占地、画廊和项目。产品当然会成长,提供更多的功能像全屏覆盖图像,HTML和CSS的编辑,博客整合等的时间。随着功能的扩展,布局的多样性和数量也将作为一个起点选择。007布局和他们命名的创意:丽娜、木屑、马蒂亚斯、初级学院,奔驰和托马斯我们选择在Behance的名字创意布局。我们入围创意的作品借给自己一个特定的布局,当然也是极好的。我应该说,这些布局是最后一件事是设计的(预测试),但我与他们一起领导这篇文章,介绍你的产品做,或至少,它的'最终产品'。编辑。该产品(本身)必须使用户能够快速和简单地编辑他们的网站,使用上面的一个布局作为起点。用户界面是很小的 - 它走开,让你专注于你的网站设计。所有的变化,你让发生在编辑。这听起来有点老土,但我心里想的三件事,从品牌、营销网站的一切设计,尤其是编辑:简单,干净,美丽。它应该授权用户:轻松编辑任何他们可以看到。管理和添加内容。响应预览他们的网站。发布和更新一个网站。下面是一系列的编辑方案,从产品(编辑):013从编辑器的各种屏幕。以克里斯和安得烈的成功设计摄影Burkard产品设计师的角色。我自己的角色,作为一个设计师在投资组合上的变化非常显着,从今年以来,从概念到推出。作为一个数字产品的进步,你的角色也作为一个产品设计师。因此,回到开始:PROSITE。投资组合实际上是一个现有Behance进化产品(退休)称为软件。这是5岁,所以有很多,我们可以从该产品中学习:什么工作好?什么没?Behance网络。另外,我们所学到的创意社区和展示工作,通过设计、策划(使用!)Behance网络是非常宝贵的理解如何建立一个产品组合。了解你的听众是一个伟大的起点。所以我花了很多时间吸收这些知识Behance已经多年,并研究它们的初始设计PROSITE的演变。提问。做笔记。素描观念。028Behance网络,和PROSITE我总是先用铅笔和素描本。写作和素描真的可以帮助我集中,从那里的思想流动。有时候,我只是写的话,我与产品相关,或列出它需要做什么,只是把它从我的头。它有助于联合国混乱的思想和重点是什么重要的。这工作自然演变为UI的素描写生。有时我会画一个功能,或一个小的用户界面细节,或一个新的方法,完全的用户界面。这是一个纯粹的和简单的设计和探索思想的快速方法。也许最重要的是,你不会被像素完美、字体、颜色、网格、指南等分散注意力。就像你在使用电脑软件时一样。总有一个点时,你知道你可以更进一步,并真正开始执行这些想法。在过去我用Adobe Illustrator或论坛热帖,线框。但时间紧这个项目,所以我就直接到Photoshop。下面是我的写生一些扫描。一些涉及到产品(编辑),一些到营销网站和品牌:030从我的写生几扫描上面指出的一个有趣的图像是最后一个(下)。你可以看到我的素描是我最终设计的。

概念与原型。所有这些想法和设计是明智的和进化的概念、原型和团队讨论。很好的与其他设计师和开发者聊天,甚至可能的目标受众。例如:一个特定的想法来自我讨论早期(产品)在广电与外交部的插画设计学生。一个全新的视角总是有帮助的,特别是对于这种复杂性的产品。我们的工作很紧张的时间在这个项目上。根本没有时间去构建任何复杂的原型。但我所做的是创建一系列PDF演练使用Photoshop中的图层复合,显示鼠标光标在屏幕上移动,显示每一次互动,在产品功能和用户流量。这允许开发人员(和其他利益相关者)的批判和/或了解所有功能和用户流量 - 所以他们知道什么是必须建立,并确定在UI / UX任何潜在的缺陷,在建造和测试之前。下面是(视频)这些PDF演练的一个例子:原型/漫游在项目编辑器显示全球定制设计细节。简单的说:将从它的开发商。你的团队需要了解什么需要建立。填补空白,使其响应,或猜测在任何给定的场景发生了什么,这不是他们的工作。我不能夸大这足以 - 我经历了那么多的设计师设计和考虑产品的20%,而不是思考。除了演练,用户流量和原型,我说之前,我还想对所有的UI组件创建详细的规格、功能和品牌。当你有一个大的团队,我觉得这些都是很重要的,所以每个人都在同一个页面上,用一个中心点(的)参考。规格的目标是覆盖所有的情况,从侧翻状态、错误、积极/消极的状态等,也包括PX值和尺寸(我甚至包括基本的CSS)。促进/鼓励像素完美的建立。以身作则,并设置栏高。你的设计中包含的细节越详细,开发者的问题就越少,你花的时间管理的时间越少。所以你可以专注于设计,测试和改进产品。同时,花时间去制作这些“用户界面”,这是一件很好的事情,它更容易在未来更新产品(设计)。有没有需要更新成百上千的模型,你刚刚更新的规格。下面是几个例子,这些styleguides规格:039040041042043044045市场营销与品牌。个月,现在,随着产品(编辑)的设计和建造,我重新集中我的注意力营销,入职和品牌。这个产品是什么?你是怎么开始使用它的?它需要一个声音。身份。名字。当我第一次加入了Behance,这个项目是有点开玩笑地称为“序列2”内部。PROSITE产品送达的时间,但其继任者已经成长为一个不同的野兽。此外他们与Behance,他们非常不同的产品,没有1:1的关系。这不是一个重新设计/发射。我们从地面上建造一个令人兴奋的新产品,而软件。这是传达 - 重要,开头的名字。我回到了我的素描本,又通过写下这一切的产品没有关联词练习,还什么语言每一个同类产品在市场上被使用。所有这些不停地回到“投资组合”的自然进展。因此,经过一番思考,我得出结论:“为什么不呢?!” - 这不正是它在锡说。它是专为创建一个投资组合而设计的网站创建者/编辑。这个名字的简单性和大胆性很好地结合了产品的设计和价值。因此我们称之为“组合”,很快就成了'砖组合',以配合使用的产品。046营销网站的主页以Tanya最佳照片品牌。投资组合有其自身的特征和个性。投资组合不是企业的产品(所以说)。白色标签。这是你的,让你自己。它是友好的,简单的和可接近的。品牌、营销网站,入职,文案和消息在(产品)的用户体验都试图传达这种通过语言的使用、排版、网格、图像和颜色。047其他方案包括轻松的消息和幽默的意象。项目照片的双 - 亚力山大Esslinger响应式设计。回到我以前的设计:网页设计,就像产品设计,应该有同样的关注细节。在这种情况下,营销网站是响应的当然重要,但它不是开发人员的工作,以了解如何在不同的屏幕大小的网站响应。

W design values every chance to work with you.