2014-07-14 分類: 網(wǎng)站建設(shè)
產(chǎn)品設(shè)計(jì)組合
2015年十一月我在視覺藝術(shù)學(xué)院談一談(SVA)紐約市設(shè)計(jì)Adobe的組合,與產(chǎn)品設(shè)計(jì)。你可以在這里觀看談話。我本來(lái)寫這篇文章的準(zhǔn)備,但已經(jīng)擴(kuò)展到這里出版。它的目的是介紹產(chǎn)品,分享洞察設(shè)計(jì)的過程中,掃描我的素描本和一些規(guī)格/設(shè)計(jì)從幕后。我希望你覺得有趣。
一個(gè)小小的介紹。
你好,我是安得烈。我是領(lǐng)導(dǎo)產(chǎn)品設(shè)計(jì)師和創(chuàng)意總監(jiān)的組合。我要與你分享我自己和一個(gè)偉大的開發(fā)團(tuán)隊(duì)在Behance(Adobe)一直在過去的這一年。
什么是產(chǎn)品組合?
基本上它是一個(gè)產(chǎn)品,可以讓你快速簡(jiǎn)單的創(chuàng)建一個(gè)網(wǎng)站來(lái)展示你的工作,和定制,以適應(yīng)你的風(fēng)格和需要。這不是一個(gè)新的概念,有幾十個(gè)產(chǎn)品在那里,這樣做只是。但投資組合有一些關(guān)鍵的差異:
它是專為廣告展示他們的投資組合。這意味著它做你需要它做的,簡(jiǎn)單和快速。
這是免費(fèi)的,所有的磚創(chuàng)意云計(jì)劃。
你可以訪問所有字體Typekit的庫(kù),使用您的網(wǎng)站上。
組合同步Behance。
讓投資組合最獨(dú)特的是,它可以同步Behance。的想法是,你創(chuàng)建一個(gè)組合美麗的定制網(wǎng)站,和同步你的項(xiàng)目,你的Behance簡(jiǎn)介。在那里你可以得到你的一個(gè)創(chuàng)意平臺(tái),數(shù)以百萬(wàn)計(jì)的創(chuàng)意工作寶貴的曝光,人們的招聘廣告!但你不必使用Behance如果你不想?-?可以使用組合對(duì)自己的選擇不同步Behance。選擇是你的。
響應(yīng)布局。
像任何網(wǎng)站的建設(shè)者,你需要一個(gè)起點(diǎn)。所以我們需要設(shè)計(jì)的許多東西是專門為展示創(chuàng)意工作布局,作為你可以輕松地定制和填充項(xiàng)目的基礎(chǔ)。
布局的目的是涵蓋各種風(fēng)格,以適應(yīng)不同的創(chuàng)意領(lǐng)域。它們可以作為一個(gè)現(xiàn)成的解決方案,快速填充你的項(xiàng)目和發(fā)布一個(gè)網(wǎng)站(在幾分鐘內(nèi)),或使用編輯器的功能來(lái)改變結(jié)構(gòu)和外觀,以適應(yīng)你的風(fēng)格。
下面是我們推出的布局。初始布局(為公開測(cè)試和產(chǎn)品發(fā)布)是很簡(jiǎn)單的,重點(diǎn)項(xiàng)目占地、畫廊和項(xiàng)目。產(chǎn)品當(dāng)然會(huì)成長(zhǎng),提供更多的功能像全屏覆蓋圖像,HTML和CSS的編輯,博客整合等的時(shí)間。隨著功能的擴(kuò)展,布局的多樣性和數(shù)量也將作為一個(gè)起點(diǎn)選擇。
布局和他們命名的創(chuàng)意:麗娜、木屑、馬蒂亞斯、初級(jí)學(xué)院,奔馳和托馬斯
我們選擇在Behance的名字創(chuàng)意布局。我們?nèi)雵鷦?chuàng)意的作品借給自己一個(gè)特定的布局,當(dāng)然也是極好的。
我應(yīng)該說(shuō),這些布局是最后一件事是設(shè)計(jì)的(預(yù)測(cè)試),但我與他們一起領(lǐng)導(dǎo)這篇文章,介紹你的產(chǎn)品做,或至少,它的'最終產(chǎn)品'。
該產(chǎn)品(本身)必須使用戶能夠快速和簡(jiǎn)單地編輯他們的網(wǎng)站,使用上面的一個(gè)布局作為起點(diǎn)。用戶界面是很小的?-?它走開,讓你專注于你的網(wǎng)站設(shè)計(jì)。所有的變化,你讓發(fā)生在編輯。
這聽起來(lái)有點(diǎn)老土,但我心里想的三件事,從品牌、營(yíng)銷網(wǎng)站的一切設(shè)計(jì),尤其是編輯:
它應(yīng)該授權(quán)用戶:
輕松編輯任何他們可以看到。
管理和添加內(nèi)容。
響應(yīng)預(yù)覽他們的網(wǎng)站。
發(fā)布和更新一個(gè)網(wǎng)站。
下面是一系列的編輯方案,從產(chǎn)品(編輯):
產(chǎn)品設(shè)計(jì)師的角色。
我自己的角色,作為一個(gè)設(shè)計(jì)師在投資組合上的變化非常顯著,從今年以來(lái),從概念到推出。作為一個(gè)數(shù)字產(chǎn)品的進(jìn)步,你的角色也作為一個(gè)產(chǎn)品設(shè)計(jì)師。因此,回到開始:
PROSITE。
投資組合實(shí)際上是一個(gè)現(xiàn)有Behance進(jìn)化產(chǎn)品(退休)稱為軟件。這是5歲,所以有很多,我們可以從該產(chǎn)品中學(xué)習(xí):什么工作好?什么沒?Behance網(wǎng)絡(luò)。
另外,我們所學(xué)到的創(chuàng)意社區(qū)和展示工作,通過設(shè)計(jì)、策劃(使用?。〣ehance網(wǎng)絡(luò)是非常寶貴的理解如何建立一個(gè)產(chǎn)品組合。
了解你的聽眾是一個(gè)偉大的起點(diǎn)。
所以我花了很多時(shí)間吸收這些知識(shí)Behance已經(jīng)多年,并研究它們的初始設(shè)計(jì)PROSITE的演變。提問。做筆記。素描觀念。
我總是先用鉛筆和素描本。
寫作和素描真的可以幫助我集中,從那里的思想流動(dòng)。有時(shí)候,我只是寫的話,我與產(chǎn)品相關(guān),或列出它需要做什么,只是把它從我的頭。它有助于聯(lián)合國(guó)混亂的思想和重點(diǎn)是什么重要的。
這工作自然演變?yōu)閁I的素描寫生。有時(shí)我會(huì)畫一個(gè)功能,或一個(gè)小的用戶界面細(xì)節(jié),或一個(gè)新的方法,完全的用戶界面。這是一個(gè)純粹的和簡(jiǎn)單的設(shè)計(jì)和探索思想的快速方法。也許最重要的是,你不會(huì)被像素好、字體、顏色、網(wǎng)格、指南等分散注意力。就像你在使用電腦軟件時(shí)一樣。
總有一個(gè)點(diǎn)時(shí),你知道你可以更進(jìn)一步,并真正開始執(zhí)行這些想法。在過去我用Adobe Illustrator或論壇熱帖,線框。但時(shí)間緊這個(gè)項(xiàng)目,所以我就直接到Photoshop。
下面是我的寫生一些掃描。一些涉及到產(chǎn)品(編輯),一些到營(yíng)銷網(wǎng)站和品牌:
概念與原型。
所有這些想法和設(shè)計(jì)是明智的和進(jìn)化的概念、原型和團(tuán)隊(duì)討論。很好的與其他設(shè)計(jì)師和開發(fā)者聊天,甚至可能的目標(biāo)受眾。例如:一個(gè)特定的想法來(lái)自我討論早期(產(chǎn)品)在廣電與外交部的插畫設(shè)計(jì)學(xué)生。一個(gè)全新的視角總是有幫助的,特別是對(duì)于這種復(fù)雜性的產(chǎn)品。
我們的工作很緊張的時(shí)間在這個(gè)項(xiàng)目上。根本沒有時(shí)間去構(gòu)建任何復(fù)雜的原型。但我所做的是創(chuàng)建一系列PDF演練使用Photoshop中的圖層復(fù)合,顯示鼠標(biāo)光標(biāo)在屏幕上移動(dòng),顯示每一次互動(dòng),在產(chǎn)品功能和用戶流量。這允許開發(fā)人員(和其他利益相關(guān)者)的批判和/或了解所有功能和用戶流量?-?所以他們知道什么是必須建立,并確定在UI / UX任何潛在的缺陷,在建造和測(cè)試之前。
設(shè)計(jì)細(xì)節(jié)。
簡(jiǎn)單的說(shuō):將從它的開發(fā)商。你的團(tuán)隊(duì)需要了解什么需要建立。填補(bǔ)空白,使其響應(yīng),或猜測(cè)在任何給定的場(chǎng)景發(fā)生了什么,這不是他們的工作。我不能夸大這足以?-?我經(jīng)歷了那么多的設(shè)計(jì)師設(shè)計(jì)和考慮產(chǎn)品的20%,而不是思考。
除了演練,用戶流量和原型,我說(shuō)之前,我還想對(duì)所有的UI組件創(chuàng)建詳細(xì)的規(guī)格、功能和品牌。當(dāng)你有一個(gè)大的團(tuán)隊(duì),我覺得這些都是很重要的,所以每個(gè)人都在同一個(gè)頁(yè)面上,用一個(gè)中心點(diǎn)(的)參考。規(guī)格的目標(biāo)是覆蓋所有的情況,從側(cè)翻狀態(tài)、錯(cuò)誤、積極/消極的狀態(tài)等,也包括PX值和尺寸(我甚至包括基本的CSS)
市場(chǎng)營(yíng)銷與品牌。
個(gè)月,現(xiàn)在,隨著產(chǎn)品(編輯)的設(shè)計(jì)和建造,我重新集中我的注意力營(yíng)銷,入職和品牌。這個(gè)產(chǎn)品是什么?你是怎么開始使用它的?它需要一個(gè)聲音。身份。
名字。
當(dāng)我第一次加入了Behance,這個(gè)項(xiàng)目是有點(diǎn)開玩笑地稱為“序列2”內(nèi)部。PROSITE產(chǎn)品送達(dá)的時(shí)間,但其繼任者已經(jīng)成長(zhǎng)為一個(gè)不同的野獸。此外他們與Behance,他們非常不同的產(chǎn)品,沒有1:1的關(guān)系。這不是一個(gè)重新設(shè)計(jì)/發(fā)射。我們從地面上建造一個(gè)令人興奮的新產(chǎn)品,而軟件。這是傳達(dá)?-?重要,開頭的名字。
我回到了我的素描本,又通過寫下這一切的產(chǎn)品沒有關(guān)聯(lián)詞練習(xí),還什么語(yǔ)言每一個(gè)同類產(chǎn)品在市場(chǎng)上被使用。所有這些不停地回到“投資組合”的自然進(jìn)展。因此,經(jīng)過一番思考,我得出結(jié)論:“為什么不呢?!”?-?這不正是它在錫說(shuō)。它是專為創(chuàng)建一個(gè)投資組合而設(shè)計(jì)的網(wǎng)站創(chuàng)建者/編輯。這個(gè)名字的簡(jiǎn)單性和大膽性很好地結(jié)合了產(chǎn)品的設(shè)計(jì)和價(jià)值。因此我們稱之為“組合”,很快就成了'磚組合',以配合使用的產(chǎn)品。
創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦:
蚌埠龍子湖網(wǎng)站制作_龍子湖網(wǎng)站制作公司
眉山做網(wǎng)站-品牌網(wǎng)站設(shè)計(jì)
標(biāo)題名稱:產(chǎn)品設(shè)計(jì)組合
當(dāng)前地址:http://www.rwnh.cn/news/20130.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供響應(yīng)式網(wǎng)站、網(wǎng)站收錄、網(wǎng)站導(dǎo)航、動(dòng)態(tài)網(wǎng)站、Google、服務(wù)器托管
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容