2017-4-28 資深UI設(shè)計(jì)者
前陣子有不少人反饋:呆總,我平時(shí)看了不少圖,但是做項(xiàng)目的時(shí)候沒辦法用上,怎么辦呀?
這類問題我一般只會(huì)用一句話回答:看得多沒用的,要多想多做。(雖然是至理名言)
但是我覺得這樣回答太敷衍了,所以寫了這篇文章來告訴大家如何在工作中復(fù)用自己找到的好圖,以及平時(shí)要怎么去做,即所謂的“如何在工作中找到設(shè)計(jì)靈感”。
相信很多人在日常的工作中都會(huì)為尋找設(shè)計(jì)靈感而犯愁,想通過查看更多更好案例總結(jié)出最好的方案將公司的項(xiàng)目做得出彩,然而?無從下手。
我自己也是,平常會(huì)去刷 Pinterest、花瓣、Dribbble、Behance 等平臺(tái),將好的創(chuàng)意和設(shè)計(jì)方案保存下來以備日后用。但是,很少人能真正理解這些保存的圖片或素材,大部分人僅僅是覺得好看,然后就存了,而沒有去分析當(dāng)中真正的含義。
積累很重要,分析更重要。
下面我從兩個(gè)方面來說說靈感來源:個(gè)人創(chuàng)意設(shè)計(jì);商業(yè)產(chǎn)品設(shè)計(jì)。
個(gè)人創(chuàng)意是自發(fā)的一種行為,好比 Dribbble、Behance等一些視覺平臺(tái),有很多個(gè)人主觀創(chuàng)意類的作品。這類作品想要去找靈感復(fù)用到作品中,其實(shí)很簡單。
我隨便舉一些例子:
1. 個(gè)人屬性
星座(12)
生肖(12)
地域(中國 23 個(gè)省,4 個(gè)直轄市)
年齡(不同年齡的不同狀態(tài))
職業(yè)(趣味形象,如程序猿)
2. 世界環(huán)境
時(shí)間(節(jié)氣、季節(jié)、節(jié)日)
習(xí)俗(民族、國家的不同習(xí)俗)
3. 情感
4. 熱點(diǎn)
還有許多,我就不一一舉例了。在我們做個(gè)人創(chuàng)意設(shè)計(jì)時(shí),不僅可以參考別人的圖來延伸出自己的想法,還能通過這些來找出自己想要?jiǎng)?chuàng)意的點(diǎn)。這也是為什么很多人說“做好看的圖沒用,做出符合公司產(chǎn)品需求的才有用”的原因(當(dāng)然我不同意這個(gè)觀點(diǎn))。
今天的重點(diǎn)其實(shí)是這塊。商業(yè)產(chǎn)品的設(shè)計(jì)都有一個(gè)具象的有待解決的問題,不像個(gè)人創(chuàng)意那樣可以天馬行空的進(jìn)行,更多的是需要考慮用戶是否能夠容易理解和接受。
下面從兩個(gè)點(diǎn)出發(fā),來講解下如何在商業(yè)產(chǎn)品設(shè)計(jì)中獲取靈感。
第一個(gè)簡單的例子:彈框。 通常 iOS 會(huì)有自帶的彈框組件,而很多 App 都會(huì)設(shè)計(jì)一個(gè)新的彈框樣式,如下圖:
為什么有自帶的組件不用,而去自己設(shè)計(jì)彈框呢?這不用我說了,重點(diǎn)是如何設(shè)計(jì)一個(gè)好的彈框,這才是我們今天主題有關(guān)的內(nèi)容。我平時(shí)也會(huì)有收集整理素材與圖片的習(xí)慣,光是彈框類的就有 200+ 的頁面。
所以在找尋找靈感時(shí),我要怎么去做呢?首要目標(biāo)是:要找到設(shè)計(jì)目的。
彈框不是讓我們純粹的去點(diǎn)擊,它還有一個(gè)引導(dǎo)的作用,我們?cè)O(shè)計(jì)的界面,是會(huì)左右用戶的想法的。因此,將原本的彈框通過設(shè)計(jì)進(jìn)行了加強(qiáng),再通過更豐富的文案和配圖來告訴用戶彈框的用處,降低用戶的警惕感,提升?戶使用產(chǎn)品的意愿度。(畢竟彈框是會(huì)破壞用戶心流的一種屬性)
找到你所設(shè)計(jì)的彈框的最終目的,如:我要設(shè)計(jì)一個(gè)讓用戶快速跳過此步驟的彈框,那你要做的就是通過你所收集的頁面,去找到合理的可參考的部分,即所謂的靈感,再進(jìn)行設(shè)計(jì),如此而已。
胡亂的找圖片獲取靈感,其實(shí)是很低效的,任何事情都有目的性,作圖時(shí)不要一拿到需求就立馬找參考,應(yīng)該分析自己的產(chǎn)品要走什么方向,題材是什么,以及最后的目的是什么,只有這樣你才知道要找什么圖片獲取什么樣的靈感。
第二個(gè)簡單的例子:搜索。 上面說的是一個(gè)單頁面,下面來說一個(gè)功能點(diǎn)。
比如我們需要為產(chǎn)品設(shè)計(jì)一個(gè)關(guān)鍵詞輸入后的結(jié)果呈現(xiàn)頁,這個(gè)呈現(xiàn)頁面的差異會(huì)決定后面的其他一系列操作,帶著這個(gè)需求我們?nèi)ナ占玫姆桨浮S捎谶@個(gè)需求點(diǎn)的復(fù)雜性,導(dǎo)致我們很難有一個(gè)合理的出發(fā)點(diǎn)。我要做什么樣的頁面?這是困擾我們的最大問題。
第一類,分小類,在用戶沒決定之前,讓我們幫助用戶做決定,如關(guān)鍵詞搜索圖片;
第二類,記錄熱門搜索,以此幫助用戶做選擇,如關(guān)鍵詞搜索食物;
第三類,對(duì)某大類做指向性選擇,如關(guān)鍵詞搜索具象事物。等等
其實(shí)這跟第一點(diǎn)一樣,都是告訴我們要找到設(shè)計(jì)目的再去找好的方案獲取靈感。所有這些設(shè)計(jì)的背后,都是由其產(chǎn)品業(yè)務(wù)屬性以及它們當(dāng)前場(chǎng)景的目的所影響而造成的,只有從這個(gè)角度出發(fā),我們才能搞清楚究竟設(shè)計(jì)為何是這個(gè)樣子的,以及我們要找什么樣的靈感或者說我們的靈感從何而來。
說完這些,大家應(yīng)該真正明白:對(duì)于這些所謂的設(shè)計(jì)靈感,并不是說利用那些收集的設(shè)計(jì)表皮去套用到?己的產(chǎn)品設(shè)計(jì)中,我們更多的還是需要去思考這些產(chǎn)品是為何做出這樣的設(shè)計(jì)決策。
人是如何進(jìn)步的?不就是發(fā)現(xiàn)問題解決問題,再從這個(gè)過程中學(xué)到相應(yīng)的知識(shí)么?單純的解決表面問題并不能讓我們得到成長。
其實(shí)今天要告訴大家的不是說怎么借鑒好的設(shè)計(jì)或者如何獲取靈感,畢竟市場(chǎng)上好設(shè)計(jì)這么多,難道每個(gè)都去借鑒,到最后變成所謂的抄襲?我們應(yīng)該站在自己產(chǎn)品的角度,去吸收好設(shè)計(jì)的核心點(diǎn),然后找到真正解決問題的方法,而不是純粹的“借鑒”。
藍(lán)藍(lán)設(shè)計(jì)( m.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.miumiuwan.com