UI設(shè)計新手如何正確且快速的查找設(shè)計素材?

每天社群都有不少問題,咨詢素材或者設(shè)計規(guī)范要到哪里獲取和下載。
雖然理論上靈活使用搜索引擎是可以找到大量的素材,但是這個過程比較麻煩,每次找不同的素材都要花挺多時間做篩選。
所以,自己找素材的能力雖然要具備,但這里我要給你們一個更簡單、直接的方法,就是靈活利用——資源社區(qū),這里以即時設(shè)計為例。

社區(qū)的作用比你們想象的更大,如果你不去挖掘,就不會知道可以幫助你們節(jié)省多少時間。

第一點肯定是常用的各類素材獲取,比如圖標、組件、Mockup 樣機等。比如我們在社區(qū)中搜索樣機,就可以看到有很多樣機的源文件,包括 iPhone 和 Mac 的,針對一些簡單的展示場景是非常高效的。

還有針對運營設(shè)計中,經(jīng)常要使用的一些視覺類素材,也可以搜的到。
比如今天正好還有學(xué)員咨詢的,怎么快速生成科技類的整套 Banner 主圖,就一個下午時間是不是只能用 AI?
先不說用 3D 建??隙ú恍?,AI 直出放項目里更難以實現(xiàn)(細節(jié)不可控)。直接在社區(qū)中就可以找到大量相關(guān)素材,以 2.5D 為主的這類場景,可以直接通過這些素材的拼裝快速完成了(立刻收工?



除了素材外,第二件事就是針對新人的參考和臨摹?;ò?、美葉、Pin 等產(chǎn)品雖然有很多參考元素,但這些參考僅僅是 “靈感” 上的參考,或者用來積累下審美。
而對于新人而言,不是只需要這類參考,還需要更細節(jié)的參數(shù)、圖層、樣式設(shè)置的參考。
換句話說,是需要源文件的。在剛接觸C端或B端的情況下,都建議你們直接從成熟一點的案例源文件中臨摹,直接查看里面的參數(shù)和設(shè)置,避免浪費大量的精力瞎做試錯。



工作里輸出設(shè)計規(guī)范、組件庫很常見,但很多人并不知道設(shè)計規(guī)范應(yīng)該怎么做。如 Ant、TDesign 等官網(wǎng)的形式又不適合自己工作中輸出,因為太重且字太多了,沒有必要。
在社區(qū)中直接搜索設(shè)計規(guī)范,就可以找到很多規(guī)范的源文件,可以直接查看它們是怎么做的。

或者,再發(fā)散一下,就可以直接復(fù)制這些源文件下來,用自己項目的內(nèi)容進行替換,就可以快完成項目規(guī)范文件的制作。

嗯,降本增效……

既然有很多現(xiàn)成的源文件,為什么還要自己做……其實就是針對一些非常初級又來不及做的項目,可以直接搜索相關(guān)的源文件或者組件庫,尤其是B端的設(shè)計,可以大量使用組件庫來組裝,比如表格、圖表等。



相對于一般項目,可視化項目的素材可以說更豐富,更易用,更不會有撞臉的問題…因為項目多數(shù)都花里胡哨,應(yīng)用的范圍小,不會擔(dān)心和別的產(chǎn)品一致。
所以我們搜索可視化的時候這些素材就可以非常簡單的應(yīng)用到自己的項目中去,比如最常見的花哨的按鈕、邊框、標題欄素材。只要確定了大屏的版式規(guī)格,可以非??焖俚慕M裝出一個新的界面,再做下細節(jié)的調(diào)整就可以完成了。

另一方面也包含很多完整的界面源文件,同理,可以直接套用這些源文件替換成自己項目的需求內(nèi)容,來輸出前期的 DEMO。即使最后還要自己重做也沒關(guān)系,這可以幫助我們節(jié)省非常多的時間用于確認方案。
PS:你要一定想只改字就在項目中輸出也不是不行,就是過于劃水了,肯定不是我鼓勵的!


有很多UI設(shè)計師是基本沒有網(wǎng)頁設(shè)計經(jīng)驗,對網(wǎng)站應(yīng)該怎么設(shè)計一竅不通的,更要命的是公司對官網(wǎng)類的需求也給的不清不楚,想要下手就更困難。
社區(qū)中官網(wǎng)類的源文件也有很多,可以好好利用這些源文件到工作流里。比如確認風(fēng)格以后,就選出對應(yīng)的源文件,快速將相關(guān)的內(nèi)容替換成項目需要的內(nèi)容,然后讓老板或者領(lǐng)導(dǎo)校對,這基本只需要兩三個小時的時間。


然后在獲得反饋后,就可以以該設(shè)計為基礎(chǔ)(包含了參數(shù)和設(shè)置信息),重新設(shè)計一遍,即提升了對網(wǎng)頁設(shè)計的認識,又能符合項目的需要。

即時的插件支持目前是國內(nèi)產(chǎn)品中最豐富的,插件社區(qū)里很多插件功能是可以解決日常不少小問題的。舉幾個例子:
按我工作流中進行切圖導(dǎo)出的插件

做一些輕量宣傳圖時進行文字傾斜的工具

給B端表格、列表填充數(shù)據(jù)用的填充工具

每個人的需求不同,所以對插件的要求也不一樣。插件部分是可以好好去關(guān)注和檢索一遍的,建議大家每隔一段時間可以去看看更新了哪些新插件,往往會有新的驚喜。

結(jié)尾
以上就是對即時設(shè)計的資源社區(qū)基本介紹,它可以幫助我們在學(xué)習(xí)和工作場景下提高很多效率,在提到這些要點中,你們大可以先在社區(qū)中查找,找不到了再到外部網(wǎng)站里搜索。
但有要強調(diào)的是,工作學(xué)習(xí)中大量用素材只要場景合適就行,而作品集內(nèi)的作品以及包裝本身,社區(qū)中的內(nèi)容可以參考,但不要真的直接拿來套用并輸出。作品集是要表現(xiàn)個人水平和個性化的輸出結(jié)果,直接套用的做法太敷衍,是無法獲得積極的反饋的。
祝大家職業(yè)中降本增效,做大做強,再創(chuàng)輝煌!
下篇再賤~
新一期B端產(chǎn)品設(shè)計課程招生中,大量的內(nèi)部資源都是學(xué)員專享的,想要提升就來!
課程介紹:今年最后一期|B端產(chǎn)品設(shè)計課開啟招生
