2019-5-21 資深UI設(shè)計(jì)者
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
信息時(shí)代,每個(gè)人都需要具備基本的「搜索」技能,尤其是設(shè)計(jì)師,你有沒(méi)有靈感枯竭不知所措的時(shí)候呢?今天我們召集了7位優(yōu)秀設(shè)計(jì)師,對(duì)他們的設(shè)計(jì)靈感來(lái)源進(jìn)行揭秘,希望這一期的輕訪(fǎng)談能夠讓你輕松Get設(shè)計(jì)大佬的搜索技巧!
優(yōu)設(shè)輕訪(fǎng)談第八期,我們的話(huà)題是——不信息時(shí)代,能與我們分享一下你的搜索技巧么?平時(shí)的素材積累是如何進(jìn)行的?
Dribbble:https://dribbble.com/creativemints
實(shí)際上,現(xiàn)在尋找靈感或資源變得非常容易。去Pinterest,你會(huì)獲取到任何你能想到的靈感!查看stock網(wǎng)站,獲取所有你需要的資源!
△ AGE / Online courses
盡管如此,我仍然建議從外部世界獲得靈感——請(qǐng)幾天假,去一個(gè)新的城鎮(zhèn)或國(guó)家旅行,逛逛博物館,你會(huì)發(fā)現(xiàn)真實(shí)生活會(huì)成為你最重要的靈感來(lái)源。
Dribbble: https://dribbble.com/glebich
是的,你是對(duì)的,搜索技巧對(duì)產(chǎn)品設(shè)計(jì)師來(lái)說(shuō)是必不可少的。我在一家公司做了很長(zhǎng)時(shí)間的分析師和研究部門(mén)工作,在那里我負(fù)責(zé)用戶(hù)體驗(yàn),這些經(jīng)歷幫助我理解如何搜索有意義的數(shù)據(jù)和信息,并使用它來(lái)定義一個(gè)產(chǎn)品的關(guān)鍵指標(biāo)。
但是搜索不僅僅是關(guān)于用戶(hù)分析和信息,也是關(guān)于設(shè)計(jì)語(yǔ)言——理解什么是可能的。最好的設(shè)計(jì)只有當(dāng)你跨越了可能和不可能之間的界限時(shí)才會(huì)出現(xiàn)。這種平衡基本上是一種新的設(shè)計(jì)語(yǔ)言或產(chǎn)品的品牌。
我使用Pinterest進(jìn)行圖像搜索。這個(gè)網(wǎng)站幫助我創(chuàng)建情緒板,并找到一些更具體更具象的東西,Dribbble的作品幫助我研究UI布局。然而,我不會(huì)使用Dribbble來(lái)作為我的色彩搭配靈感庫(kù)。
對(duì)于顏色,我使用自己的靈感素材庫(kù),在我的職業(yè)生涯中,我花了大量的時(shí)間從互聯(lián)網(wǎng)上搜集素材,并進(jìn)行創(chuàng)作和整理。我也有自己的平面設(shè)計(jì)素材庫(kù),我創(chuàng)建并管理這些素材庫(kù)大約有10年了。我?guī)缀趺刻於荚诓蹲降脑O(shè)計(jì)靈感素材。問(wèn)題不僅在于你如何搜索,還在于你如何將這個(gè)搜索結(jié)果應(yīng)用到你的工作中。
△ Water waves simulation for 3d icon
那如何應(yīng)用呢?例如,當(dāng)我看到好的設(shè)計(jì)時(shí),我將視覺(jué)圖像結(jié)構(gòu)分離開(kāi)來(lái)——有時(shí)我在情緒板中添加新圖像僅僅是因?yàn)槲蚁矚g形狀,有時(shí)是因?yàn)槲蚁矚g顏色,有時(shí)是因?yàn)閳D形效果等。在將該引用添加到庫(kù)之前,設(shè)計(jì)人員需要了解在何處可以使用以及如何使用。對(duì)于設(shè)計(jì)師來(lái)說(shuō),搜索絕對(duì)是一項(xiàng)必不可少的技能,我通過(guò)創(chuàng)建情緒板促進(jìn)了我的搜索。
我們相信靈感無(wú)處不在,當(dāng)然也會(huì)取決于我們進(jìn)行的項(xiàng)目類(lèi)型。
我們?cè)诨ヂ?lián)網(wǎng)上會(huì)搜索很多,比如Behance和Dribbble。然而,我們周?chē)灿泻芏囔`感。
△ Cellebrite Pictograms
例如,如果進(jìn)行的是一個(gè)品牌項(xiàng)目,那么我們周?chē)淖匀画h(huán)境就是我們獲得靈感之所在。顏色、動(dòng)效、形狀和所有這些的組合使一切都在一個(gè)愉快的和諧場(chǎng)景中工作,這就是我們努力傳遞的。
對(duì)于UI/UX項(xiàng)目、網(wǎng)站和App設(shè)計(jì),我們也是這樣做的,但我們主要目的是理解用戶(hù)的最終目標(biāo)和每個(gè)行動(dòng)背后的動(dòng)機(jī)。我們不僅在數(shù)字世界中研究類(lèi)似的解決方案,在現(xiàn)實(shí)世界中也會(huì)尋找類(lèi)似的解決方案。
Dribbble:https://dribbble.com/phamduyminh
我不在本地存儲(chǔ)靈感資源,因?yàn)橄胍奖銥g覽必須對(duì)其進(jìn)行分類(lèi),而這對(duì)于本地存儲(chǔ)來(lái)說(shuō)比較困難,所以我非常依賴(lài)于在線(xiàn)資源,它們有很好的搜索引擎,所以,為什么不呢?
基于不同的目的,我更喜歡從多種來(lái)源獲得靈感:
說(shuō)到尋找靈感,我認(rèn)為有兩種人:使用Dribbble的人和使用Behance的人。Dribbble更像快餐,在這里你可以迅速的飽腹,Behance更像一家高檔餐廳,你可以在那里度過(guò)整個(gè)晚上。
我個(gè)人喜歡吃快餐。我喜歡每天早上上班前查看Dribbble,當(dāng)我發(fā)現(xiàn)好東西的時(shí)候,我就把它存起來(lái)以后用。
△ Promo Website Animation for Pocket Multilingual Assistant
如果你正在尋找真正的案例,而不僅僅是概念稿,你可以在Awwwards上找到一些主流的東西,也可以在這里找到一些更奇怪的東西。
哦,還有Pinterest,它的優(yōu)勢(shì)是推薦你可能喜歡的東西。我經(jīng)常用它來(lái)做情緒板和尋找參考素材。
如果是插畫(huà)資料,沒(méi)有比Dribbble和Behance更好的地方了。只要滾動(dòng)鼠標(biāo),所有的好東西和你喜歡的藝術(shù)家都會(huì)一步添加到你喜歡的作品中,簡(jiǎn)單!
△ Tempers Flare
Pinterest有利于發(fā)現(xiàn)新的想法、主題、不尋常的元素和靈感。每天瀏覽這些平臺(tái)也會(huì)讓你培養(yǎng)出一雙訓(xùn)練有素的眼睛,這對(duì)提高你自己作品的質(zhì)量和風(fēng)格至關(guān)重要?!?
Dribbble: https://dribbble.com/febinraj
我每天都想更新!我認(rèn)為這是件大事。因?yàn)檫@個(gè)世界瞬息萬(wàn)變。
△ Evening From Kerala
通常,我的主要搜索源是Behance和Dribbble,同時(shí)我從其他來(lái)源獲取了更多的數(shù)據(jù),比如文章,博客。
Behance: www.behance.net/yihsuanli
信息時(shí)代,每個(gè)人都必備一個(gè)「搜索」技能,尤其是設(shè)計(jì)師,很多人在接單后,可能會(huì)第一時(shí)間在網(wǎng)絡(luò)中或者日常的資料擴(kuò)中搜索素材、參考、靈感等。
我還記得剛開(kāi)始接觸設(shè)計(jì)時(shí)因?yàn)闆](méi)有太多經(jīng)驗(yàn),常常因?yàn)橘Y料整理太久,壓縮了執(zhí)行時(shí)間,最后反而虎頭蛇尾的完成作品。雖然創(chuàng)作作品時(shí)資料搜集、調(diào)查很重要,但其實(shí)整體過(guò)程有更有效率的方法。其實(shí)收集資料也是需要練習(xí)的,通過(guò)經(jīng)驗(yàn)累積,可以漸漸增加效率與快速找到最精準(zhǔn)的訊息,避免漫無(wú)目的搜尋。
△ ZENWATER
Work hard 不如 Work smart, 有了較有系統(tǒng)的資料搜尋方式后,可以將時(shí)間留給創(chuàng)作和嘗試。隨著經(jīng)驗(yàn)累積,我開(kāi)始養(yǎng)成了一些小技巧幫助自己更有效率的搜集資料,大家可以酌量參考:
1. 先用樹(shù)狀圖整理出關(guān)鍵字
在開(kāi)始找資料前我會(huì)先把設(shè)計(jì)關(guān)鍵字整理出來(lái),先從Google或百度等網(wǎng)站去搜尋相關(guān)的話(huà)題或圖片,以此方式讓思考可以更突破。例如,我要做一張音樂(lè)會(huì)的海報(bào),開(kāi)始前,我會(huì)先寫(xiě)下關(guān)鍵字,例如:樂(lè)器、鋼琴、音樂(lè)、琴鍵、流動(dòng)、彈奏….,接著利用這些關(guān)鍵字進(jìn)行中英文查詢(xún),隨著找到越來(lái)越多資料,可以從其中找到更多可能性的延伸。這個(gè)階段搜尋目的是從抽象方向出發(fā),避免找到與別人相似的元素。一個(gè)一個(gè)關(guān)鍵字搜尋后,就可以把其中好的圖片整理再一起,收斂成更明確的設(shè)計(jì)方向。
2. 擅用IG的#hashtag功能
除了使用搜尋網(wǎng)站尋找資料,我覺(jué)得IG(instagram )也是一個(gè)不錯(cuò)的選擇。我會(huì)用IG 的hushtag去找大家對(duì)于某一個(gè)單字不同的想像,例如找#music,在其中除了可以找到音樂(lè)相關(guān)的畫(huà)面,有時(shí)候也可以找到不同場(chǎng)域里的音樂(lè)元素。除了找靈感外,我也會(huì)利用hushtag搜集的設(shè)計(jì)作品,例如找#logo#graphicdesign時(shí),可以看到大家正在進(jìn)行中的作品,或是還未整理好放上Behance的作品。
△ One Team One Goal / IBM Taiwan Sport Day
3. 以pinterest分類(lèi)整理資料庫(kù)
我平常就有整理pinterest的習(xí)慣,建立資料庫(kù)的習(xí)慣除了為了特定專(zhuān)案外,我也會(huì)以設(shè)計(jì)種類(lèi)分類(lèi)作品,例如以CI、packaging、poster…分類(lèi)。除此之外,以風(fēng)格分類(lèi)的資料庫(kù)也是必要的,例如:東方風(fēng)格、美式、日本風(fēng)格、歐式….。這些平常就累積好的資料庫(kù)能夠讓我搜尋作品資料時(shí),有一個(gè)快速的開(kāi)始。 Pinterest會(huì)依據(jù)風(fēng)格推薦更多的作品給使用者,因此當(dāng)平常有了足夠的累積,尋找資料就會(huì)有效率很多,能夠快速找到很多需要的作品風(fēng)格。
4. Behance搜集不同風(fēng)格的設(shè)計(jì)師
Follow特定設(shè)計(jì)師的IG或是Behance也是我搜集資料的一個(gè)方法。我會(huì)搜集一群在每個(gè)領(lǐng)域最具代表性的設(shè)計(jì)師。在找不到靈感時(shí),我會(huì)不斷瀏覽他們的作品集,試著從他們角度出發(fā),思考如果是他們遇見(jiàn)這個(gè)題目,他們可能怎么發(fā)展。除此之外,他們也是一個(gè)完整的風(fēng)格庫(kù),每個(gè)作品都是該領(lǐng)域的標(biāo)竿,當(dāng)客戶(hù)有特定風(fēng)格的需求時(shí),能夠快速給自己一個(gè)明確的目標(biāo),期許自己能夠達(dá)到他們作品的高度。
藍(lán)藍(lán)設(shè)計(jì)( www.teruid.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.teruid.com