亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

今年上半年工作比較忙，所以UI中國一直拖著沒更新，都有點(diǎn)對不住UI中國十佳設(shè)計(jì)師這個(gè)稱號了。從這個(gè)月開始，咱們UI中國的文章繼續(xù)更新，大家可以保持關(guān)注噠。

前幾天有同學(xué)問我，說覺得自己的作品總是不夠干凈好看，被總監(jiān)覺得丑，問我有沒有什么辦法可以改改的。

其實(shí)作品不高級，無非還是表現(xiàn)層那幾點(diǎn)沒有掌握好，掌握方法就能提升的很快。

*文末有作品集包裝源文件可以下載哦~

第一步_先提升審美 

收藏 概念設(shè)計(jì)

Design experience

平常有可以先去積累收集一些概念設(shè)計(jì)的愛好，這些概念設(shè)計(jì)，通常能給我?guī)硪恍┡渖蛘甙媸綄用娴撵`感。

收藏的多了，或許也會苦惱：為什么概念設(shè)計(jì)這么好看，自己做出來的方案，總是比較low，達(dá)不到那種高質(zhì)量的標(biāo)準(zhǔn)。但其實(shí)會有不少人苦惱：為什么概念設(shè)計(jì)這么好看，我自己做出來的方案，總是比較low，達(dá)不到那種高質(zhì)量的標(biāo)準(zhǔn)。

其實(shí)主要是沒有把概念設(shè)計(jì)中的精華，進(jìn)行理解掌握，導(dǎo)致眼高手低。

第二步_收集設(shè)計(jì)參考

特點(diǎn)提取 歸因分析 

Design experience

我們可以先來盤一盤，這些好看的界面有哪些共同之處，再通過歸因分析，得出哪些設(shè)計(jì)手法，會讓界面設(shè)計(jì)變得好看的原因。同理，去刻意練習(xí)這些設(shè)計(jì)手法，就可以讓我們產(chǎn)出的設(shè)計(jì)，一樣具備美感。

這套邏輯方法，在設(shè)計(jì)的任何領(lǐng)域，幾乎都是通用的。

首先咱得知道什么是好設(shè)計(jì)，也就是說得分辨出哪些設(shè)計(jì)是好看漂亮的。如果實(shí)在不太分辨的出來，可以按照各大設(shè)計(jì)平臺上的人氣進(jìn)行篩選，一般人氣高的點(diǎn)贊多的，都不會太low。

比如下面這些：

1、這組的顏色非常干凈溫和，看了很舒適。

2、而這組作品由于面向的是家居，所以采用了較多的低保和中性色，填充色搭配實(shí)物質(zhì)感，層次感非常好。

3、再下面這組，偏向于數(shù)據(jù)可視化，所以顏色控制合理，信息聚焦。

第三步_歸納好的設(shè)計(jì)特點(diǎn)

視覺表達(dá) 形色字質(zhì)構(gòu) 

Design experience

不難發(fā)現(xiàn)，這些漂亮的界面，還是有很多共同特點(diǎn)的。接下來咱們從形色字質(zhì)構(gòu)，來對這些方案進(jìn)行分析，總結(jié)共性特征。

a.形狀

1）大圖形：多數(shù)以柔軟為主，大量的圓角，可以讓界面變得非常舒緩。

2）小圖標(biāo)：多數(shù)圖標(biāo)以面性為主，線性為輔，結(jié)構(gòu)飽滿，大小整齊一致，同樣搭配使用大量圓角

3）插畫圖形：以流暢的線條，簡約的圖形為主，并未使用大量多余風(fēng)格化手法，而是簡單的幾何圖形穿插。

b.色彩

界面美感度，最重要的就是配色了，配色好看，立馬界面清新脫俗，美感度蹭蹭上升。配色雜亂無章，就會讓人眼花繚亂，瞬間失去欣賞的欲望。

1）主色層次感：頁面主色清晰，圍繞主色用不同明度的次色做襯托。重點(diǎn)信息主色抓住眼球，次級信息用更淺次色，把頁面層級關(guān)系『呼吸感』拉開。

2）色相數(shù)量：除了黑白灰等中性色，其它不同色相顏色通常在三種左右，而且這些顏色會以功能性質(zhì)進(jìn)行結(jié)構(gòu)化的劃分，重色抓眼球，弱顏色作為次要信息輔助。

3）飽和度： 色相多數(shù)以中飽和為主。高飽和度會顯得刺眼讓人視覺疲勞，低飽和度又會讓頁面略臟沒什么亮點(diǎn)。中飽和度顏色最為耐看。

c.字體

字體層面，最主要得建立起來秩序跟層次，讓信息的優(yōu)先層級變得一目了然。主要下面幾點(diǎn)：

1）字號：頁面的字號大小不能超過5種，通?？刂圃?-4種，這樣信息就會整齊沒按么碎。

2）明度：字體的顏色，可以通過明度來進(jìn)行控制，設(shè)置3-4個(gè)梯度

3）字重：重點(diǎn)的信息，可以通過加粗來進(jìn)行展示

d.質(zhì)感

1）質(zhì)感層面，會跟不同方向有關(guān)系，產(chǎn)品界面一般不會帶有很濃厚的質(zhì)感風(fēng)格。扁平化帶來的視覺體感相對平緩，帶來的視覺壓迫較小。

2）如果有漸變，多數(shù)漸變的梯度較弱，為微漸變。這樣帶來的好處，是讓色彩沒那么單一，同時(shí)可以增加頁面的呼吸感。

3） 如果有投影，多數(shù)使用大面積彌散。大面積投影可以模擬自然界物理光源帶來的真實(shí)感，同時(shí)讓界面不同元素的空間層級關(guān)系得以體現(xiàn)。

4） C4D插畫質(zhì)感一般都在部分偏營銷場景。3D風(fēng)格可以建立起頁面的空間感，在營銷界面場景中，可以得到很好地發(fā)揮利用。

e.構(gòu)圖

構(gòu)圖層面，我們可以發(fā)現(xiàn)這些好看的界面，基本都是大柵格、大間距，信息的層級關(guān)系被拉的很開。

1）超大邊距：大邊距可以讓信息更聚焦在屏幕中央，空余留白帶來的體感，仿佛讓自己正在欣賞一本雜志。

2） 視覺重心均衡：如果屏幕左側(cè)有個(gè)大標(biāo)題，那么右側(cè)一定會有個(gè)色塊往下壓一壓。同理右側(cè)如果有重信息，左側(cè)底部也會放同樣的色塊或者大字號壓一壓。

3） 信息相對寬松：一屏帶來的關(guān)鍵樓層只有2-3個(gè)，樓層的信息密度及間距相對都比較寬松。

上面這些信息，便是通過這些優(yōu)秀作品，然后總結(jié)出來的關(guān)鍵因子，接下來，便可以利用這些關(guān)鍵因子，來修改我們的界面，讓界面變得好看。

第四步_方案刻意練習(xí)

刻意練習(xí) 實(shí)際案例 

Design experience

上面分析了那么多特征，如果要徹底把方法吸收，那么就要學(xué)以致用，把總結(jié)的那些特征，用到我們?nèi)粘?shí)際的一些練習(xí)中來。

比如下面的這組界面練習(xí)作品，我們可以按照上面總結(jié)的那5步，對這個(gè)界面進(jìn)行收拾整頓。

a. 第1步

形狀圓角可以嘗試?yán)饋?，多余的信息去掉，圖標(biāo)調(diào)的更為飽滿

b. 第2步 

顏色把雜亂無章的顏色進(jìn)行整頓，控制色相數(shù)量，制定顏色梯度

c. 第3步

 字體規(guī)整字號，讓頁面只有4-5種字號大小，重要的信息加粗。

d. 第4步 

第四步，質(zhì)感增加弱漸變，陰影彌散度增加，不透明度降低?？赡苡型瑢W(xué)不喜歡加漸變跟陰影，其實(shí)都行。只不過加了漸變跟陰影后，界面會更柔和一些。

e. 第5步 

第五步，構(gòu)圖邊距加大，信息層級拉開，有關(guān)聯(lián)的信息拉近，沒有關(guān)聯(lián)的信息拉開。調(diào)整完之后的樣式，差不多就是這樣了。

After-調(diào)整后的

Before-調(diào)整之前的

可以看到，跟之前相比，還是有著很大差別。大家也可以自己去進(jìn)行一些嘗試。

方法總結(jié)

方法論 設(shè)計(jì)經(jīng)驗(yàn) 

Design experience

日常想提升自己某一塊能力或者是提升某個(gè)專業(yè)領(lǐng)域深度時(shí)，一定不能盲目的進(jìn)行嘗試，而是有所策略，有所方法的進(jìn)行練習(xí)。

以今天咱們這篇文章為例，我們可以總結(jié)出一套方法理論，就是在動(dòng)手實(shí)踐之前，可以把一些較好的案例，進(jìn)行歸納匯總，同時(shí)提煉一些關(guān)鍵因子，最后可以得出好案例與關(guān)鍵因子的聯(lián)系性，這個(gè)也是所謂的特征。

最后再把這些關(guān)鍵因子連接到我們自己的作品上，加以修正，這樣我們自己的作品，也會變得優(yōu)秀。

所以建議大家，平時(shí)除了多動(dòng)手，也要多總結(jié)，這樣才能進(jìn)步最快。

作品包裝素材下載 

干貨資源 免費(fèi)下載 

Design experience

文末的最后，分享幾套非常高級的作品包裝源文件（ Sketch、XD ），Mac 跟 Windows 都可以用，提升自己作品的觀賞度。

  資源下載方式：

方法1：點(diǎn)擊文末收藏旁邊的的下載按鈕，根據(jù)操作即可下載

方法2：微信手動(dòng)搜索公眾號『 UX小學(xué) 』，發(fā)送關(guān)鍵詞『 UI中國 』

已超1000+人下載

PS：最近我跟阿里、騰訊的同學(xué)，一起建了一個(gè)一線設(shè)計(jì)師微信交流群，感興趣的同學(xué)，可以添加小哆啦微信號『 Dollam 』，備注『 UI中國粉絲 』加入！

Powered by Froala Editor