編者按:越來(lái)越多的國(guó)內(nèi)設(shè)計(jì)師開(kāi)始轉(zhuǎn)戰(zhàn)Behance,在社區(qū)中展示自己的設(shè)計(jì)案例的全部細(xì)節(jié),那么在這個(gè)高手云集的設(shè)計(jì)社區(qū)當(dāng)中,應(yīng)當(dāng)怎么做才看起來(lái)像是經(jīng)常在Behance中經(jīng)常發(fā)作品的設(shè)計(jì)師呢?今天UI設(shè)計(jì)師 Ale? Ne?et?il 分享了他的幾點(diǎn)經(jīng)驗(yàn)。
在Behance 的社區(qū)中摸爬滾打了3年之后,我開(kāi)始覺(jué)得是時(shí)候給社區(qū)一點(diǎn)貢獻(xiàn)和反哺了,用我的經(jīng)驗(yàn)和知識(shí)給新加入的設(shè)計(jì)師一些引導(dǎo),所以,今天我來(lái)聊聊如何在Behance 做好案例展示。
接下來(lái)的這些建議都是我在完成15個(gè)項(xiàng)目之后,總結(jié)的經(jīng)驗(yàn),希望它們能讓你快速上手。
1、好的案例展示需要時(shí)間打磨
不要指望一晚上就搞定一個(gè)項(xiàng)目,總想多快好省不現(xiàn)實(shí)。我自己曾經(jīng)有過(guò)這樣的嘗試,但最終還是以失敗而告終。太多的想法在腦子中盤(pán)旋,使得我常常在內(nèi)容的選取中迷失,并且最終也沒(méi)有完成。熬夜加班思考如何入手,最終效果應(yīng)當(dāng)如何,并不合理。步步為營(yíng)逐步推進(jìn)才是合理的選擇。只有這樣,你才不會(huì)害怕后面的大步推進(jìn)。
如果你真的想正確地展示你的設(shè)計(jì)項(xiàng)目,那么你應(yīng)當(dāng)更審慎、跟負(fù)責(zé)一些:不要為了快速地炫耀某些東西而做案例展示。這種倉(cāng)促的行為會(huì)讓你錯(cuò)過(guò)許多東西:我常常會(huì)為了對(duì)比而將項(xiàng)目整個(gè)重新做一遍,你明白我的意思:
·從研究和靈感入手
·選取用于展示或者高亮的內(nèi)容
·在紙上畫(huà)出布局和結(jié)構(gòu)草圖
·制作線(xiàn)框圖
·完成整個(gè)設(shè)計(jì),包括它應(yīng)有的視覺(jué)設(shè)計(jì)
·規(guī)劃產(chǎn)品的發(fā)布流程(在你的社交圈子內(nèi)發(fā)布產(chǎn)品)
·將產(chǎn)品價(jià)值最大化(附加博客文章,添加之前未使用的部分)
2、結(jié)合不同媒體
許多設(shè)計(jì)師只是將最終的設(shè)計(jì)結(jié)果呈現(xiàn)在頁(yè)面上,但是這還不夠。將你全部的設(shè)計(jì)過(guò)程都結(jié)合起來(lái),講述你的設(shè)計(jì)項(xiàng)目的故事,豈不是更好?從最初的構(gòu)思和草稿到最終的完成,制作成視頻,GIF動(dòng)畫(huà),附上未使用的設(shè)計(jì)方案,內(nèi)部的文檔,用研的報(bào)告,研究的數(shù)據(jù),設(shè)計(jì)時(shí)候的照片——將那些可能會(huì)對(duì)其他設(shè)計(jì)師有借鑒和學(xué)習(xí)作用的內(nèi)容都呈現(xiàn)出來(lái)。
我喜歡將不同的媒體納入到我的案例展示中來(lái),這不僅可以讓整個(gè)項(xiàng)目展示的布局更加多彩豐富,而且能讓其他的訪(fǎng)客看到其中最有價(jià)值的部分,讓它們能真正觸發(fā)他們的靈感。
“每個(gè)人都非常好奇,想知道這個(gè)東西是怎么設(shè)計(jì)出來(lái)的。把真相和細(xì)節(jié)解剖給他們看吧。讓他們的下一個(gè)項(xiàng)目從這里獲得靈感。”
3、突出最有趣的部分
別把每個(gè)項(xiàng)目當(dāng)中都差不多的界面(登錄頁(yè)面、設(shè)置界面等)放在最顯眼的位置,其實(shí)它們并沒(méi)有那么有價(jià)值。將那些真正獨(dú)一無(wú)二的設(shè)計(jì)和你真正花費(fèi)時(shí)間精力的部分突出展示,讓那些讓人喜歡或者具有傳播性的好設(shè)計(jì)高亮出來(lái)。
那些爛大街的圖片總讓人看了覺(jué)得難受,它們永遠(yuǎn)都是不花心思的明證。如果你有時(shí)間有精力不妨自己制作一些獨(dú)一無(wú)二的圖片或者效果,確保質(zhì)量的前提下,讓它們成為項(xiàng)目最有趣的部分之一。
4、不要指望別人去細(xì)讀
Behance 中永遠(yuǎn)都是設(shè)計(jì)作品占據(jù)主流,所以別在你的展示頁(yè)面中加入長(zhǎng)篇大論的文字內(nèi)容。也許你覺(jué)得你的設(shè)計(jì)過(guò)程很重要,或者某些部分有必要進(jìn)行解釋?zhuān)莿e忘了,Behance 平臺(tái)本身的特性,決定了它并不是承載這些內(nèi)容的好地方。也許你和團(tuán)隊(duì)的博客才是最合適長(zhǎng)篇大論的地方。
在Behance上展示設(shè)計(jì)的細(xì)節(jié),在博客當(dāng)中講述設(shè)計(jì)的故事,在合適的地方做對(duì)的事情。
根據(jù)我的觀察,其他設(shè)計(jì)師在Behance上瀏覽項(xiàng)目的時(shí)候,標(biāo)題占據(jù)一兩行的項(xiàng)目還成,超過(guò)3行空間的,他們會(huì)直接翻頁(yè)看后面的設(shè)計(jì)細(xì)節(jié)。他們只想直接看設(shè)計(jì)。
當(dāng)然,如果你非要展示一些特定的細(xì)節(jié)和內(nèi)容,不妨制作成視頻,在案例展示末尾附上視頻,它非常適合那些喜歡探究的設(shè)計(jì)師。
5、別出心裁
實(shí)際上,幾乎所有的布局都被人用過(guò),從某種意義上來(lái)說(shuō),我們一直在重復(fù)前人的工作。實(shí)際上我花費(fèi)了大量的時(shí)間來(lái)試圖在排版布局上有所突破,甚至我的設(shè)計(jì)項(xiàng)目絕大多數(shù)的精力都耗費(fèi)在這個(gè)上面了,然而并沒(méi)有真正找到“未被用過(guò)”的布局。
所以,我換了一個(gè)方向:
當(dāng)我在設(shè)計(jì)移動(dòng)端APP的時(shí)候,盡量從非移動(dòng)端的設(shè)計(jì)案例中尋求啟發(fā)和靈感。我想避免重復(fù)自己或者別人,在不同類(lèi)型的案例和設(shè)計(jì)歷程中尋求不一樣的可能性。看平面設(shè)計(jì)師、動(dòng)效設(shè)計(jì)師和工業(yè)設(shè)計(jì)師做案例展示真的很不一樣,相當(dāng)贊。
我當(dāng)然明白它們和我的設(shè)計(jì)項(xiàng)目不一樣!但是我更關(guān)注這些不同的形式、布局,它們的呈現(xiàn)方式完全不同,但是依然值得學(xué)習(xí)借鑒。
6、選擇最佳縮略圖
每個(gè)項(xiàng)目在Feed 列表中展示的時(shí)候,都會(huì)有個(gè)縮略圖。所以,要吸引用戶(hù)點(diǎn)擊你的項(xiàng)目,理應(yīng)選擇整個(gè)項(xiàng)目中最好的圖片作為縮略圖。
看看你自己關(guān)注的用戶(hù)的作品列表吧,哪些項(xiàng)目最令你難忘?為什么?是否有什么特別的地方?仔細(xì)想想,你也想讓自己的案例成為別人列表中令人駐足的那一個(gè)吧?
與此同時(shí),如果你能將你所有的案例展示的縮略圖都保持某種一致性設(shè)計(jì),可以讓你的個(gè)人頁(yè)面看起來(lái)相當(dāng)帶感。所以,你可以采取這樣的處理方式:作品發(fā)布的前兩周采用醒目的縮略圖,之后替換為統(tǒng)一一致的設(shè)計(jì),讓你的個(gè)人頁(yè)面顯得一致而漂亮。
7、成為精選
我的方式很簡(jiǎn)單:設(shè)計(jì)一些大家從未見(jiàn)過(guò)的東西,用有趣而不一樣的設(shè)計(jì)來(lái)吸引其他設(shè)計(jì)師。我相信和其他作品截然不同的設(shè)計(jì)總能讓他們注意到,并且獲得靈感。
你的最終目的是在諸多設(shè)計(jì)案例中脫穎而出,如果你的設(shè)計(jì)能被你的好友和粉絲注意到,那么它通常意味著還能傳播的更遠(yuǎn),被更多的人注意到。
我從未主動(dòng)去聯(lián)系策展人或者編輯,但是如果你的作品有了足夠的關(guān)注度的話(huà),一定會(huì)被對(duì)的人注意到。成為某個(gè)系列的精選集,或者被推薦到首頁(yè),都能讓你的作品擁有更大的價(jià)值,對(duì)你對(duì)別人而言都是如此。
8、分割項(xiàng)目并充分利用
發(fā)布了新的案例或者項(xiàng)目之后,合理的推廣也相當(dāng)有必要。當(dāng)然, 我們之前也聊過(guò),將整個(gè)項(xiàng)目分割為恰當(dāng)?shù)膮^(qū)塊,并結(jié)合不同的媒體來(lái)呈現(xiàn)。而我更喜歡將已經(jīng)發(fā)布的的大項(xiàng)目劃分為小項(xiàng)目,并進(jìn)行單獨(dú)分享。這樣的好處是可以充分結(jié)合不同的平臺(tái)和現(xiàn)有資源最大化利用。我會(huì)這樣運(yùn)用各種服務(wù)和渠道:
·Dribbble:選取特定的細(xì)節(jié)設(shè)計(jì)、UI元素和界面來(lái)進(jìn)行分享;
·Instagram:草圖、設(shè)計(jì)過(guò)程中的照片
·Medium/博客:項(xiàng)目背后的故事,設(shè)計(jì)過(guò)程的描述
·Vimeo/YouTube:最終視頻,過(guò)程視頻等
·Pinterest:轉(zhuǎn)發(fā)來(lái)自Dribbble、Behance和Vimeo的內(nèi)容
·UpLabs:轉(zhuǎn)發(fā)來(lái)自Dribbble的內(nèi)容
【技多不壓身的設(shè)計(jì)師才有高薪資!】
- 平面設(shè)計(jì):《超贊!設(shè)計(jì)師完全自學(xué)指南》
- 交互設(shè)計(jì):《交互設(shè)計(jì)師修煉指南!教你從零開(kāi)始成為優(yōu)秀交互設(shè)計(jì)師》
- UI設(shè)計(jì):《超實(shí)用新手指南!零基礎(chǔ)如何自學(xué)UI設(shè)計(jì)?》
- 前端開(kāi)發(fā):《天貓高手來(lái)教你!零基礎(chǔ)如何系統(tǒng)地學(xué)習(xí)前端開(kāi)發(fā)?》
- 摳圖技巧:《從菜鳥(niǎo)到高手!PHOTOSHOP摳圖全方位攻略》
- 配色方案:《色彩搭配速成!3個(gè)實(shí)用方法幫你全面搞定配色》
- DPI指南:《基礎(chǔ)知識(shí)學(xué)起來(lái)!為設(shè)計(jì)師量身打造的DPI指南》
- 交互設(shè)計(jì)自學(xué)路徑圖:《零基礎(chǔ)入門(mén)!給非科班生的自學(xué)路徑圖之交互設(shè)計(jì)篇》
原文地址:medium
原文作者:Ale? Ne?et?il
優(yōu)設(shè)譯文:@陳子木
本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯,請(qǐng)尊重版權(quán)和譯者成果,轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接,違者必究。謝謝各位編輯同仁配合。
【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái),專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū):史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計(jì)微博:擁有粉絲量104萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評(píng)論!每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后,在評(píng)論區(qū)留言,系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今,是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái),提供獎(jiǎng)品贊助 聯(lián)系我們
AI輔助海報(bào)設(shè)計(jì)101例
已累計(jì)誕生 737 位幸運(yùn)星
發(fā)表評(píng)論
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓