產(chǎn)品設(shè)計組合

2015年十一月我在視覺藝術(shù)學(xué)院談一談（SVA）紐約市設(shè)計Adobe的組合，與產(chǎn)品設(shè)計。你可以在這里觀看談話。我本來寫這篇文章的準(zhǔn)備，但已經(jīng)擴展到這里出版。它的目的是介紹產(chǎn)品，分享洞察設(shè)計的過程中，掃描我的素描本和一些規(guī)格/設(shè)計從幕后。我希望你覺得有趣。

一個小小的介紹。
你好，我是安得烈。我是領(lǐng)導(dǎo)產(chǎn)品設(shè)計師和創(chuàng)意總監(jiān)的組合。我要與你分享我自己和一個偉大的開發(fā)團(tuán)隊在Behance（Adobe）一直在過去的這一年。

什么是產(chǎn)品組合？
基本上它是一個產(chǎn)品，可以讓你快速簡單的創(chuàng)建一個網(wǎng)站來展示你的工作，和定制，以適應(yīng)你的風(fēng)格和需要。這不是一個新的概念，有幾十個產(chǎn)品在那里，這樣做只是。但投資組合有一些關(guān)鍵的差異：
它是專為廣告展示他們的投資組合。這意味著它做你需要它做的，簡單和快速。
這是免費的，所有的磚創(chuàng)意云計劃。
你可以訪問所有字體Typekit的庫，使用您的網(wǎng)站上。

組合同步Behance。
讓投資組合最獨特的是，它可以同步Behance。的想法是，你創(chuàng)建一個組合美麗的定制網(wǎng)站，和同步你的項目，你的Behance簡介。在那里你可以得到你的一個創(chuàng)意平臺，數(shù)以百萬計的創(chuàng)意工作寶貴的曝光，人們的招聘廣告！但你不必使用Behance如果你不想?-?可以使用組合對自己的選擇不同步Behance。選擇是你的。

響應(yīng)布局。
像任何網(wǎng)站的建設(shè)者，你需要一個起點。所以我們需要設(shè)計的許多東西是專門為展示創(chuàng)意工作布局，作為你可以輕松地定制和填充項目的基礎(chǔ)。
布局的目的是涵蓋各種風(fēng)格，以適應(yīng)不同的創(chuàng)意領(lǐng)域。它們可以作為一個現(xiàn)成的解決方案，快速填充你的項目和發(fā)布一個網(wǎng)站（在幾分鐘內(nèi)），或使用編輯器的功能來改變結(jié)構(gòu)和外觀，以適應(yīng)你的風(fēng)格。

下面是我們推出的布局。初始布局（為公開測試和產(chǎn)品發(fā)布）是很簡單的，重點項目占地、畫廊和項目。產(chǎn)品當(dāng)然會成長，提供更多的功能像全屏覆蓋圖像，HTML和CSS的編輯，博客整合等的時間。隨著功能的擴展，布局的多樣性和數(shù)量也將作為一個起點選擇。

布局和他們命名的創(chuàng)意：麗娜、木屑、馬蒂亞斯、初級學(xué)院，奔馳和托馬斯
我們選擇在Behance的名字創(chuàng)意布局。我們?nèi)雵鷦?chuàng)意的作品借給自己一個特定的布局，當(dāng)然也是極好的。
我應(yīng)該說，這些布局是最后一件事是設(shè)計的（預(yù)測試），但我與他們一起領(lǐng)導(dǎo)這篇文章，介紹你的產(chǎn)品做，或至少，它的'最終產(chǎn)品'。

該產(chǎn)品（本身）必須使用戶能夠快速和簡單地編輯他們的網(wǎng)站，使用上面的一個布局作為起點。用戶界面是很小的?-?它走開，讓你專注于你的網(wǎng)站設(shè)計。所有的變化，你讓發(fā)生在編輯。
這聽起來有點老土，但我心里想的三件事，從品牌、營銷網(wǎng)站的一切設(shè)計，尤其是編輯：

它應(yīng)該授權(quán)用戶：
輕松編輯任何他們可以看到。
管理和添加內(nèi)容。
響應(yīng)預(yù)覽他們的網(wǎng)站。
發(fā)布和更新一個網(wǎng)站。
下面是一系列的編輯方案，從產(chǎn)品（編輯）：

產(chǎn)品設(shè)計師的角色。
我自己的角色，作為一個設(shè)計師在投資組合上的變化非常顯著，從今年以來，從概念到推出。作為一個數(shù)字產(chǎn)品的進(jìn)步，你的角色也作為一個產(chǎn)品設(shè)計師。因此，回到開始：

PROSITE。
投資組合實際上是一個現(xiàn)有Behance進(jìn)化產(chǎn)品（退休）稱為軟件。這是5歲，所以有很多，我們可以從該產(chǎn)品中學(xué)習(xí)：什么工作好？什么沒？Behance網(wǎng)絡(luò)。

另外，我們所學(xué)到的創(chuàng)意社區(qū)和展示工作，通過設(shè)計、策劃（使用！）Behance網(wǎng)絡(luò)是非常寶貴的理解如何建立一個產(chǎn)品組合。
了解你的聽眾是一個偉大的起點。
所以我花了很多時間吸收這些知識Behance已經(jīng)多年，并研究它們的初始設(shè)計PROSITE的演變。提問。做筆記。素描觀念。

我總是先用鉛筆和素描本。
寫作和素描真的可以幫助我集中，從那里的思想流動。有時候，我只是寫的話，我與產(chǎn)品相關(guān)，或列出它需要做什么，只是把它從我的頭。它有助于聯(lián)合國混亂的思想和重點是什么重要的。
這工作自然演變?yōu)閁I的素描寫生。有時我會畫一個功能，或一個小的用戶界面細(xì)節(jié)，或一個新的方法，完全的用戶界面。這是一個純粹的和簡單的設(shè)計和探索思想的快速方法。也許最重要的是，你不會被像素完美、字體、顏色、網(wǎng)格、指南等分散注意力。就像你在使用電腦軟件時一樣。
總有一個點時，你知道你可以更進(jìn)一步，并真正開始執(zhí)行這些想法。在過去我用Adobe Illustrator或論壇熱帖，線框。但時間緊這個項目，所以我就直接到Photoshop。
下面是我的寫生一些掃描。一些涉及到產(chǎn)品（編輯），一些到營銷網(wǎng)站和品牌：

概念與原型。
所有這些想法和設(shè)計是明智的和進(jìn)化的概念、原型和團(tuán)隊討論。很好的與其他設(shè)計師和開發(fā)者聊天，甚至可能的目標(biāo)受眾。例如：一個特定的想法來自我討論早期（產(chǎn)品）在廣電與外交部的插畫設(shè)計學(xué)生。一個全新的視角總是有幫助的，特別是對于這種復(fù)雜性的產(chǎn)品。
我們的工作很緊張的時間在這個項目上。根本沒有時間去構(gòu)建任何復(fù)雜的原型。但我所做的是創(chuàng)建一系列PDF演練使用Photoshop中的圖層復(fù)合，顯示鼠標(biāo)光標(biāo)在屏幕上移動，顯示每一次互動，在產(chǎn)品功能和用戶流量。這允許開發(fā)人員（和其他利益相關(guān)者）的批判和/或了解所有功能和用戶流量?-?所以他們知道什么是必須建立，并確定在UI / UX任何潛在的缺陷，在建造和測試之前。

設(shè)計細(xì)節(jié)。
簡單的說：將從它的開發(fā)商。你的團(tuán)隊需要了解什么需要建立。填補空白，使其響應(yīng)，或猜測在任何給定的場景發(fā)生了什么，這不是他們的工作。我不能夸大這足以?-?我經(jīng)歷了那么多的設(shè)計師設(shè)計和考慮產(chǎn)品的20%，而不是思考。
除了演練，用戶流量和原型，我說之前，我還想對所有的UI組件創(chuàng)建詳細(xì)的規(guī)格、功能和品牌。當(dāng)你有一個大的團(tuán)隊，我覺得這些都是很重要的，所以每個人都在同一個頁面上，用一個中心點（的）參考。規(guī)格的目標(biāo)是覆蓋所有的情況，從側(cè)翻狀態(tài)、錯誤、積極/消極的狀態(tài)等，也包括PX值和尺寸（我甚至包括基本的CSS）

市場營銷與品牌。
個月，現(xiàn)在，隨著產(chǎn)品（編輯）的設(shè)計和建造，我重新集中我的注意力營銷，入職和品牌。這個產(chǎn)品是什么？你是怎么開始使用它的？它需要一個聲音。身份。
名字。
當(dāng)我第一次加入了Behance，這個項目是有點開玩笑地稱為“序列2”內(nèi)部。PROSITE產(chǎn)品送達(dá)的時間，但其繼任者已經(jīng)成長為一個不同的野獸。此外他們與Behance，他們非常不同的產(chǎn)品，沒有1:1的關(guān)系。這不是一個重新設(shè)計/發(fā)射。我們從地面上建造一個令人興奮的新產(chǎn)品，而軟件。這是傳達(dá)?-?重要，開頭的名字。
我回到了我的素描本，又通過寫下這一切的產(chǎn)品沒有關(guān)聯(lián)詞練習(xí)，還什么語言每一個同類產(chǎn)品在市場上被使用。所有這些不停地回到“投資組合”的自然進(jìn)展。因此，經(jīng)過一番思考，我得出結(jié)論：“為什么不呢？！”?-?這不正是它在錫說。它是專為創(chuàng)建一個投資組合而設(shè)計的網(wǎng)站創(chuàng)建者/編輯。這個名字的簡單性和大膽性很好地結(jié)合了產(chǎn)品的設(shè)計和價值。因此我們稱之為“組合”，很快就成了'磚組合'，以配合使用的產(chǎn)品。

牧羊人設(shè)計文章推薦：

商業(yè)網(wǎng)站建設(shè)
安防網(wǎng)站建設(shè)