旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國(guó)統(tǒng)一咨詢熱線:010-5367 2995
首頁(yè) > 熱門文章 > UI設(shè)計(jì) > UI設(shè)計(jì)中常用的創(chuàng)意方法

UI設(shè)計(jì)中常用的創(chuàng)意方法

時(shí)間:2020-09-14來(lái)源:www.5wd995.cn點(diǎn)擊量:作者:Gella
時(shí)間:2020-09-14點(diǎn)擊量:作者:Gella

  想不到好的創(chuàng)意,是我們?cè)O(shè)計(jì)師經(jīng)常遇到的一個(gè)痛點(diǎn)。那是相當(dāng)?shù)耐?有沒(méi)有什么好的思考路徑給大家參考一下呢?今天AAA教育郭老師就把自己經(jīng)常用到的幾個(gè)創(chuàng)意小方法交給大家。
 

  攤牌了!
 

  大綱如下:
 

  1.圖形聯(lián)想
 

  2.提核創(chuàng)作
 

  3.形式嫁接
 

  1.圖形聯(lián)想
 

  這個(gè)方法就是在你想不出創(chuàng)意的時(shí)候,直接把關(guān)鍵詞進(jìn)行圖形延展,利用想出的圖形與載體進(jìn)行融合創(chuàng)作。
 

  舉個(gè)例子,比如我們?cè)谧鲂詣e選擇的時(shí)候,一般來(lái)說(shuō)我們做的就是單選框:

 



 

  但這是比較普通的做法,如何加點(diǎn)創(chuàng)意呢?
 

  此時(shí)我們就可以進(jìn)行圖形聯(lián)想,說(shuō)到性別,我猜大家應(yīng)該都可以想到下面這個(gè)符號(hào)吧:

 



 

  那如果這個(gè)符號(hào)與開(kāi)關(guān)進(jìn)行結(jié)合,是否可以產(chǎn)出一些不一樣的設(shè)計(jì)呢?
 

  當(dāng)然可以,比如下面這個(gè)例子:

 



 

  再舉個(gè)例子,當(dāng)我們拿到一個(gè)彈幕交互稿的時(shí)候:

 



 

  就可以從彈幕這個(gè)關(guān)鍵詞出發(fā):

 



 

  聯(lián)想到屏幕,再到電視。
 

  那最后出來(lái)的形式,就可以是彈幕與電視的結(jié)合:

 



 

  圖形聯(lián)想只是一種形式的聯(lián)想,具體用什么風(fēng)格,還是需要大家根據(jù)大家各自的產(chǎn)品屬性來(lái)進(jìn)行融合。
 

  2.提核創(chuàng)作
 

  這個(gè)方法屬于站在巨人的肩膀上來(lái)進(jìn)行創(chuàng)作,找一些好的作品,提煉它的關(guān)鍵核心點(diǎn),然后融入自己的基因,進(jìn)行二次創(chuàng)作。
 

  比如下面這組谷歌圖標(biāo):

 



 

  我可以從里面提取兩個(gè)核心因素:組合、融白

 



 

  組合:就是每個(gè)圖標(biāo)都是由多個(gè)元素組合而成,看起來(lái)會(huì)比較豐富。
 

  融白:圖標(biāo)融入大量無(wú)彩色,例如白色和淺灰色,讓整體更有呼吸感。
 

  基于這兩個(gè)核心關(guān)鍵點(diǎn),我又融入了自己的兩個(gè)基因:簡(jiǎn)潔與可愛(ài)。
 

  簡(jiǎn)潔:因?yàn)槲覀兊氖褂脠?chǎng)景的app,區(qū)域比較小,如果圖標(biāo)過(guò)于復(fù)雜,會(huì)影響識(shí)別度。
 

  可愛(ài):因?yàn)槲覀兪莿?dòng)漫產(chǎn)品,可愛(ài)是我們的一個(gè)大基調(diào)。

 



 

  當(dāng)把這四個(gè)關(guān)鍵核心點(diǎn)抓準(zhǔn)之后,就產(chǎn)生了下面這組圖標(biāo):

 



 

  這就是基于巨人肩膀上的二次創(chuàng)作,大家可以多多嘗試。
 

  3.形式嫁接
 

  對(duì)于形式,其實(shí)我們不一定非要在設(shè)計(jì)作品上吸取靈感,這樣會(huì)比較局限,我們可以多觀察觀察生活,一些流行的綜藝、表情包、短視頻都是可以的,舉幾個(gè)例子吧。

 



 

  這個(gè)短視頻去年有一陣挺火的,在娛樂(lè)的同時(shí),我們需要發(fā)散的就是這種搖頭的形式,是否可以與我們的設(shè)計(jì)相互結(jié)合。
 

  比如我們是否可以利用的產(chǎn)品的相關(guān)IP形象,結(jié)合這個(gè)搖頭的形式?
 

  答案當(dāng)然是可以嘗試的,最后我們的執(zhí)行效果如下:

 



 

  再比如生活中,我們經(jīng)常會(huì)斗表情包,斗圖的同時(shí),是否可以將一些表情包與設(shè)計(jì)相互結(jié)合呢?
 

  我們?cè)?.0改版的時(shí)候,下劃線的笑臉,就是來(lái)自于一個(gè)表情包的靈感:

 



 

  再比如,中國(guó)好聲音綜藝這種轉(zhuǎn)身過(guò)來(lái)就是我要你,否則就是不要你:

 



 

  那是否可以用在設(shè)計(jì)中呢:
 

  比如我們小說(shuō)模塊選擇背景色的時(shí)候,選中的狀態(tài)就是吉祥物黑字轉(zhuǎn)過(guò)來(lái),正面對(duì)你,非選中就是側(cè)身對(duì)你:

 



 

  這幾點(diǎn)都是屬于形式嫁接,嫁接的載體一定是有共性的,比如都是有頭部和脖子的,這樣才可以扭脖子嘛。
 

  生活,娛樂(lè)都可以給我們靈感,但需要我們善于發(fā)現(xiàn)和思考。
 

  以上就是目前我的一些想創(chuàng)意的小方法,都是我做過(guò)的實(shí)際落地的項(xiàng)目。
 

  只要平時(shí)多思考,多嘗試,一定會(huì)有很大收獲的,方法已經(jīng)分享給大家了,剩下就看大家怎么用啦!
 

  咱就長(zhǎng)點(diǎn)心,比啥都強(qiáng)!
 

  因此,您現(xiàn)在已經(jīng)了解了與UI設(shè)計(jì)師的工作相關(guān)的主要技能。如果您想了解更多信息,請(qǐng)?jiān)L問(wèn)AAA教育,包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章。



 

預(yù)約申請(qǐng)免費(fèi)試聽(tīng)課

填寫下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽(tīng)!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動(dòng)者教育科技有限公司版權(quán)所有
備案號(hào):京ICP備12034770號(hào)

?2007-2022/ www.5wd995.cn 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào): 京ICP備12034770號(hào) 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號(hào)

網(wǎng)站地圖