产品设计组合

2015年十一月我在视觉艺术学院谈一谈（SVA）纽约市设计Adobe的组合，与产品设计。你可以在这里观看谈话。我本来写这篇文章的准备，但已经扩展到这里出版。它的目的是介绍产品，分享洞察设计的过程中，扫描我的素描本和一些规格/设计从幕后。我希望你觉得有趣。

一个小小的介绍。
你好，我是安得烈。我是领导产品设计师和创意总监的组合。我要与你分享我自己和一个伟大的开发团队在Behance（Adobe）一直在过去的这一年。

什么是产品组合？
基本上它是一个产品，可以让你快速简单的创建一个网站来展示你的工作，和定制，以适应你的风格和需要。这不是一个新的概念，有几十个产品在那里，这样做只是。但投资组合有一些关键的差异：
它是专为广告展示他们的投资组合。这意味着它做你需要它做的，简单和快速。
这是免费的，所有的砖创意云计划。
你可以访问所有字体Typekit的库，使用您的网站上。

组合同步Behance。
让投资组合最独特的是，它可以同步Behance。的想法是，你创建一个组合美丽的定制网站，和同步你的项目，你的Behance简介。在那里你可以得到你的一个创意平台，数以百万计的创意工作宝贵的曝光，人们的招聘广告！但你不必使用Behance如果你不想?-?可以使用组合对自己的选择不同步Behance。选择是你的。

响应布局。
像任何网站的建设者，你需要一个起点。所以我们需要设计的许多东西是专门为展示创意工作布局，作为你可以轻松地定制和填充项目的基础。
布局的目的是涵盖各种风格，以适应不同的创意领域。它们可以作为一个现成的解决方案，快速填充你的项目和发布一个网站（在几分钟内），或使用编辑器的功能来改变结构和外观，以适应你的风格。

下面是我们推出的布局。初始布局（为公开测试和产品发布）是很简单的，重点项目占地、画廊和项目。产品当然会成长，提供更多的功能像全屏覆盖图像，HTML和CSS的编辑，博客整合等的时间。随着功能的扩展，布局的多样性和数量也将作为一个起点选择。

布局和他们命名的创意：丽娜、木屑、马蒂亚斯、初级学院，奔驰和托马斯
我们选择在Behance的名字创意布局。我们入围创意的作品借给自己一个特定的布局，当然也是极好的。
我应该说，这些布局是最后一件事是设计的（预测试），但我与他们一起领导这篇文章，介绍你的产品做，或至少，它的'最终产品'。

该产品（本身）必须使用户能够快速和简单地编辑他们的网站，使用上面的一个布局作为起点。用户界面是很小的?-?它走开，让你专注于你的网站设计。所有的变化，你让发生在编辑。
这听起来有点老土，但我心里想的三件事，从品牌、营销网站的一切设计，尤其是编辑：

它应该授权用户：
轻松编辑任何他们可以看到。
管理和添加内容。
响应预览他们的网站。
发布和更新一个网站。
下面是一系列的编辑方案，从产品（编辑）：

产品设计师的角色。
我自己的角色，作为一个设计师在投资组合上的变化非常显着，从今年以来，从概念到推出。作为一个数字产品的进步，你的角色也作为一个产品设计师。因此，回到开始：

PROSITE。
投资组合实际上是一个现有Behance进化产品（退休）称为软件。这是5岁，所以有很多，我们可以从该产品中学习：什么工作好？什么没？Behance网络。

另外，我们所学到的创意社区和展示工作，通过设计、策划（使用！）Behance网络是非常宝贵的理解如何建立一个产品组合。
了解你的听众是一个伟大的起点。
所以我花了很多时间吸收这些知识Behance已经多年，并研究它们的初始设计PROSITE的演变。提问。做笔记。素描观念。

我总是先用铅笔和素描本。
写作和素描真的可以帮助我集中，从那里的思想流动。有时候，我只是写的话，我与产品相关，或列出它需要做什么，只是把它从我的头。它有助于联合国混乱的思想和重点是什么重要的。
这工作自然演变为UI的素描写生。有时我会画一个功能，或一个小的用户界面细节，或一个新的方法，完全的用户界面。这是一个纯粹的和简单的设计和探索思想的快速方法。也许最重要的是，你不会被像素完美、字体、颜色、网格、指南等分散注意力。就像你在使用电脑软件时一样。
总有一个点时，你知道你可以更进一步，并真正开始执行这些想法。在过去我用Adobe Illustrator或论坛热帖，线框。但时间紧这个项目，所以我就直接到Photoshop。
下面是我的写生一些扫描。一些涉及到产品（编辑），一些到营销网站和品牌：

概念与原型。
所有这些想法和设计是明智的和进化的概念、原型和团队讨论。很好的与其他设计师和开发者聊天，甚至可能的目标受众。例如：一个特定的想法来自我讨论早期（产品）在广电与外交部的插画设计学生。一个全新的视角总是有帮助的，特别是对于这种复杂性的产品。
我们的工作很紧张的时间在这个项目上。根本没有时间去构建任何复杂的原型。但我所做的是创建一系列PDF演练使用Photoshop中的图层复合，显示鼠标光标在屏幕上移动，显示每一次互动，在产品功能和用户流量。这允许开发人员（和其他利益相关者）的批判和/或了解所有功能和用户流量?-?所以他们知道什么是必须建立，并确定在UI / UX任何潜在的缺陷，在建造和测试之前。

设计细节。
简单的说：将从它的开发商。你的团队需要了解什么需要建立。填补空白，使其响应，或猜测在任何给定的场景发生了什么，这不是他们的工作。我不能夸大这足以?-?我经历了那么多的设计师设计和考虑产品的20%，而不是思考。
除了演练，用户流量和原型，我说之前，我还想对所有的UI组件创建详细的规格、功能和品牌。当你有一个大的团队，我觉得这些都是很重要的，所以每个人都在同一个页面上，用一个中心点（的）参考。规格的目标是覆盖所有的情况，从侧翻状态、错误、积极/消极的状态等，也包括PX值和尺寸（我甚至包括基本的CSS）

市场营销与品牌。
个月，现在，随着产品（编辑）的设计和建造，我重新集中我的注意力营销，入职和品牌。这个产品是什么？你是怎么开始使用它的？它需要一个声音。身份。
名字。
当我第一次加入了Behance，这个项目是有点开玩笑地称为“序列2”内部。PROSITE产品送达的时间，但其继任者已经成长为一个不同的野兽。此外他们与Behance，他们非常不同的产品，没有1:1的关系。这不是一个重新设计/发射。我们从地面上建造一个令人兴奋的新产品，而软件。这是传达?-?重要，开头的名字。
我回到了我的素描本，又通过写下这一切的产品没有关联词练习，还什么语言每一个同类产品在市场上被使用。所有这些不停地回到“投资组合”的自然进展。因此，经过一番思考，我得出结论：“为什么不呢？！”?-?这不正是它在锡说。它是专为创建一个投资组合而设计的网站创建者/编辑。这个名字的简单性和大胆性很好地结合了产品的设计和价值。因此我们称之为“组合”，很快就成了'砖组合'，以配合使用的产品。

牧羊人设计文章推荐：

商业网站建设
安防网站建设