獵學(xué)網(wǎng)為大家分享上海UI設(shè)計(jì)：UI設(shè)計(jì)如何搞定構(gòu)圖，大家可隨時(shí)關(guān)注獵學(xué)網(wǎng)平面設(shè)計(jì)培訓(xùn)頻道，我們將第一時(shí)間公布相關(guān)培訓(xùn)信息。

想成為一個(gè)合格的UI設(shè)計(jì)師，光會(huì)畫圖標(biāo)可不行，此外你還要學(xué)會(huì)如何用設(shè)計(jì)語言解構(gòu)畫面，這可是設(shè)計(jì)師的必備職業(yè)能力呦！

“人家設(shè)計(jì)得真好！”可是好在什么地方呢，卻說不出來。這是阻擋你成為優(yōu)秀設(shè)計(jì)師的一大障礙。設(shè)計(jì)是我們的本行，不會(huì)用設(shè)計(jì)語言來解構(gòu)畫面，是說不過去的。移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)發(fā)展到今天，有很多傳統(tǒng)的設(shè)計(jì)規(guī)律可以遵循，也提出了新的挑戰(zhàn)。因?yàn)槭殖衷O(shè)備屏幕較小，如何在有限的頁面內(nèi)呈現(xiàn)或引導(dǎo)有效信息，又不顯得雜亂臃腫，考驗(yàn)著設(shè)計(jì)師的能力。為什么有的主題或App界面就那么舒服，那么清新，那么有情懷？里面蘊(yùn)含著哪些最基礎(chǔ)的版式設(shè)計(jì)理念，讓我們一塊梳理梳理，給初入U(xiǎn)I設(shè)計(jì)的同學(xué)做個(gè)參考。

構(gòu)圖版式三板斧

問題一：為什么要講版式設(shè)計(jì)？有必要么？

就以我剛?cè)胄蠻I設(shè)計(jì)失敗經(jīng)歷為鑒吧，那時(shí)候，一拿到需求就馬上開始設(shè)計(jì)，根本就不管什么版式，結(jié)果設(shè)計(jì)出來方案總是很別扭，顯得特別亂，往往被扣 上“風(fēng)格不統(tǒng)一”“用戶體驗(yàn)差”的帽子。最開始我也是說服不了自己，覺得別人不理解自己的作品。現(xiàn)在想想確實(shí)當(dāng)時(shí)存在問題。UI設(shè)計(jì)必然離不開設(shè)計(jì)師的天馬行空，但是它畢竟是要面向大眾市場(chǎng)，做成全世界只有自己能理解的孤品有什么意義呢，UI里的“用戶體驗(yàn)”又體現(xiàn)在什么地方呢？而這樣的設(shè)計(jì)又反過來阻礙了你的設(shè)計(jì)生涯，長期的失敗設(shè)計(jì)很容易帶來挫敗感和麻木感。尤其是作為初入行的UI設(shè)計(jì)師，更有必要學(xué)習(xí)一些版式設(shè)計(jì)思路。所謂創(chuàng)新，也仍然需要在了解已有的好設(shè)計(jì)基礎(chǔ)之上進(jìn)行，這里說這些不是讓你生搬硬套，是讓你站在前人的肩膀上看得更遠(yuǎn)。

問題二：為什么一開始就要構(gòu)圖呢？

設(shè)計(jì)和繪畫一樣，對(duì)需求和內(nèi)容進(jìn)行分析，采用適當(dāng)?shù)臉?gòu)圖可以化繁為簡(jiǎn)，提高設(shè)計(jì)效率。在嘗試比較多種構(gòu)圖后，設(shè)計(jì)師的思路會(huì)更加明確。期間耗費(fèi)的時(shí)間成本最低，可以反復(fù)進(jìn)行調(diào)整，直到找到最為合適的構(gòu)圖方式再往下進(jìn)行細(xì)化，添加元素，豐富畫面。一個(gè)項(xiàng)目給設(shè)計(jì)師的時(shí)間是有限的，我們核心重點(diǎn)在于弄清楚產(chǎn)品的功能核心和賣點(diǎn)，把它們凸顯出來，最終讓用戶獲得更為舒服的體驗(yàn)。而雜亂無章的堆積 會(huì)顯得非常的糟糕，甚至有時(shí)候，用戶會(huì)因?yàn)檎也坏阶约合胍臇|西而馬上流失，留下非常不好的印象。通過前期構(gòu)圖，可以節(jié)省時(shí)間，讓設(shè)計(jì)更有條理。

問題三：構(gòu)圖，會(huì)限制設(shè)計(jì)的創(chuàng)造力嗎？

不會(huì)的。設(shè)計(jì)的痛苦莫過于“沒有思路”和“漫無邊際”，這兩者都源于需求分析不夠，同時(shí)也與事先沒有做好構(gòu)圖工作有關(guān)。構(gòu)圖為設(shè)計(jì)提供了明確的嘗試方向，甚至通過不同的構(gòu)圖可以產(chǎn)生的交互效應(yīng)，達(dá)到意想不到的效果。限制創(chuàng)造力的問題不要擔(dān)心，因?yàn)闃?gòu)圖只是一個(gè)框架，同類型的構(gòu)圖完全可以做出不一樣的風(fēng)格。雖然設(shè)計(jì)構(gòu)圖結(jié)構(gòu)相同，但設(shè)計(jì)的表現(xiàn)方式和元素不同，仍然能夠塑造出不同的設(shè)計(jì)趕腳。靈活運(yùn)用構(gòu)圖和布局更能讓你把設(shè)計(jì)集中在元素和產(chǎn)品特色上。

以上就是有關(guān)上海UI設(shè)計(jì)：UI設(shè)計(jì)如何搞定構(gòu)圖的介紹，更多的(平面設(shè)計(jì)培訓(xùn)課程、平面設(shè)計(jì)培訓(xùn)機(jī)構(gòu))，敬請(qǐng)關(guān)注獵學(xué)網(wǎng)平面設(shè)計(jì)培訓(xùn)頁面!

溫馨提示
獵學(xué)網(wǎng)鄭重承諾，本網(wǎng)站(獵學(xué)網(wǎng))以誠信、高效、安全、擔(dān)保的產(chǎn)品理念，作為“學(xué)習(xí)+服務(wù)”的第三方平臺(tái)，致力于打造良好的口碑服務(wù)平臺(tái)。站內(nèi)收錄的中專、大專、自考、成考、專升本、網(wǎng)絡(luò)教育等機(jī)構(gòu)，都經(jīng)過獵學(xué)網(wǎng)核實(shí)認(rèn)證!如果廣大考生有提升學(xué)歷的需求，敬請(qǐng)關(guān)注獵學(xué)網(wǎng)，歡迎通過了解!