現(xiàn)在高級(jí)ui設(shè)計(jì)已經(jīng)成為企業(yè)不可缺少的內(nèi)容之一了，因?yàn)樗軌蚝芎玫恼故酒髽I(yè)的形象，那么高級(jí)ui設(shè)計(jì)師要具備哪些能力？怎樣提升ui設(shè)計(jì)的高級(jí)感呢？今天就給大家介紹下。

幾個(gè)小技巧讓你提升UI設(shè)計(jì)的高級(jí)感：

一、使用色彩和字重來(lái)創(chuàng)造層次結(jié)構(gòu)，而不是單純的大小對(duì)比

　　在對(duì)UI 文本進(jìn)行樣式控制的時(shí)候，最常見(jiàn)的錯(cuò)誤莫過(guò)于過(guò)度依賴(lài)字體大小差異來(lái)營(yíng)造對(duì)比。單純實(shí)用字體大小對(duì)比，所營(yíng)造的對(duì)比并不夠，嘗試結(jié)合色彩和字重來(lái)營(yíng)造更好的對(duì)比效果。

　　如果可以的話，你甚至可以采用兩到三種顏色：

　　1.主要內(nèi)容采用深色(諸如標(biāo)題，但是不要用純黑)；

　　2.次要內(nèi)容采用灰色(比如文章發(fā)表日期)；

　　3.輔助性?xún)?nèi)容采用淺灰色(比如頁(yè)腳中的版權(quán)聲明)；

　　類(lèi)似的，在UI設(shè)計(jì)的時(shí)候，通常兩種不同的字重足以營(yíng)造出優(yōu)秀的層次感：

　　大多數(shù)的文本采用正常的字重(400到500，具體取決于字體)

　　對(duì)于需要強(qiáng)調(diào)的文字采用較重的字重(600到700，具體取決于字體)

　　應(yīng)當(dāng)盡量不要讓正文部分字重低于400，因?yàn)檫@一部分字體字體本身尺寸已經(jīng)較小，低于400會(huì)使得可讀性不佳。如果你依然需要降低字重，那么不妨讓字體色彩更淺一點(diǎn)，或者替換成其他識(shí)別度較強(qiáng)、字重相對(duì)較小的字體。

（圖片來(lái)自網(wǎng)絡(luò)）

　　二、不要在有色背景上實(shí)用灰色的文本

　　在白色背景下，將黑色的文本改成灰色，是不錯(cuò)的淡化其視覺(jué)效果的做法，但是在彩色背景下這么做，則是另外一回事。

　　實(shí)際上，讓白色背景下文本由黑變灰實(shí)際上是達(dá)到降低對(duì)比度的效果。

　　但是在彩色背景下，想要降低對(duì)比度是應(yīng)該讓文本逐步接近背景色，而不是改為灰色。

　　想要降低和背景色之間的對(duì)比，通常有以下4種方法：

　　1、降低白色文本的不透明度

　　降低不透明度，能夠讓背景的顏色透過(guò)來(lái)一些，以一種不沖突的方式降低前景文字和背景之間的對(duì)比度。

　　2、基于背景色手工挑選文本的顏色

　　當(dāng)背景是圖像或者圖案的時(shí)候，半透明的文本會(huì)影響可讀性，這個(gè)時(shí)候最好是基于背景主色調(diào)來(lái)挑選相應(yīng)的文本色。

　　3、陰影設(shè)計(jì)

　　相比于采用大范圍的擴(kuò)散模糊陰影，使用微妙的垂直偏移陰影效果更明顯，更自然，它模擬了最常見(jiàn)的光源特征，光線從上往下照下來(lái)所營(yíng)造的陰影效果。

　　4、盡量少使用 Borders

（圖片來(lái)自網(wǎng)絡(luò)）

　　盒子模型是網(wǎng)頁(yè)前端最常用到的工具。當(dāng)你需要在兩個(gè)元素之間創(chuàng)建分隔的時(shí)候，盡量避免實(shí)用兩者的邊界直接接觸。

　　雖然 Border 是分隔兩個(gè)元素的好辦法，但是它不是唯一的方法，使用過(guò)多會(huì)讓整個(gè)布局的設(shè)計(jì)感降低，甚至?xí)斐苫靵y。

　　所以你可以嘗試下面的辦法來(lái)規(guī)避：

　　1、使用 box shadow

　　box shadow 同樣可以營(yíng)造出邊界感，而且更加微妙，并不會(huì)顯得突兀，不會(huì)分散用戶(hù)的注意力。

　　2、實(shí)用不同的背景色來(lái)區(qū)分

　　通常，相鄰的元素背景只需要有微妙的差別就能夠讓人對(duì)他們進(jìn)行區(qū)分。所以，你所需要做的就是在不同的區(qū)塊采用不同的背景色，并且嘗試刪除邊框，因?yàn)槟愀静恍枰?/span>

　　3、增加額外的留白

　　創(chuàng)建元素之間的分離效果，并不一定要通過(guò)線框來(lái)表現(xiàn)，只要增加留白，讓它們分隔開(kāi)就行了。通過(guò)留白和間距來(lái)實(shí)現(xiàn)元素分組是UI設(shè)計(jì)中的常用手法。

　　4、不要讓小圖標(biāo)無(wú)端地放大

　　當(dāng)你在設(shè)計(jì)著陸頁(yè)的時(shí)候，可能會(huì)突出產(chǎn)品的功能，這個(gè)時(shí)候你需要一些大圖標(biāo)來(lái)作為視覺(jué)錨點(diǎn)，這個(gè)時(shí)候你可能會(huì)去 Font Awesome 或者 Zondicons 這樣的網(wǎng)站找?guī)讉€(gè)免費(fèi)的矢量圖標(biāo)，然后放大到符合你需求的尺寸。

　　它們都是矢量圖標(biāo)，照說(shuō)是可以無(wú)損放大的。但是一個(gè)通常只有16×16 的圖標(biāo)放大三四倍，它固然無(wú)損，但是在視覺(jué)上就顯得頗為不專(zhuān)業(yè)了：缺乏細(xì)節(jié)，總感覺(jué)過(guò)于矮胖。

（圖片來(lái)自網(wǎng)絡(luò)）

　　高級(jí)ui設(shè)計(jì)師應(yīng)該具備哪些能力

　　高級(jí)設(shè)計(jì)師：以產(chǎn)品為核心設(shè)計(jì)，視覺(jué)引導(dǎo)。能夠優(yōu)化操作流程。能夠制定產(chǎn)品全套視覺(jué)規(guī)范。有影響力，能夠引領(lǐng)潮流

　　簡(jiǎn)單的說(shuō)：不管是什么層次的設(shè)計(jì)師，(學(xué)習(xí)、溝通、創(chuàng)新、思維、軟件技術(shù)、實(shí)踐)等能力都是必不可少的。

　　高級(jí)ui設(shè)計(jì)要具備的能力

　　1、美術(shù)功底， 光影 結(jié)構(gòu) 構(gòu)圖 配色需要掌握

　　2、邏輯思維良好

　　3、掌握主流軟件操作和前端編程語(yǔ)言

　　4、良好的溝通能力協(xié)作能力

　　5、作品項(xiàng)目經(jīng)驗(yàn)

　　6、一定的職場(chǎng)經(jīng)驗(yàn)

（圖片來(lái)自網(wǎng)絡(luò)）

不同級(jí)別ui設(shè)計(jì)師的區(qū)別有哪些

　　一、初級(jí)ui設(shè)計(jì)師

　　初級(jí)ui設(shè)計(jì)師的主要工作是以協(xié)助為主，學(xué)習(xí)能力強(qiáng)，在制作過(guò)程中要慢慢培養(yǎng)自己的產(chǎn)品和交互意識(shí)，了解設(shè)計(jì)中基礎(chǔ)規(guī)范，保質(zhì)保量，需要的配圖，切圖，icon等，嚴(yán)格按照規(guī)范要求設(shè)計(jì)界面，需要把自己遇到的問(wèn)題總結(jié)并及時(shí)向同事進(jìn)行請(qǐng)教，給自己做好職業(yè)方面以及技能提升方面的規(guī)劃。

　　二、中級(jí)ui設(shè)計(jì)師

　　處于中等級(jí)別的ui設(shè)計(jì)師，要能根據(jù)ui設(shè)計(jì)規(guī)范將設(shè)計(jì)落實(shí)到每一個(gè)頁(yè)面，保持頁(yè)面風(fēng)格的統(tǒng)一，需要有較強(qiáng)的理解能力和溝通能力以及執(zhí)行能力。在整體規(guī)范下，對(duì)頁(yè)面進(jìn)行合理布局，并且有獨(dú)特的見(jiàn)解，善于思考，能配合上級(jí)設(shè)計(jì)師對(duì)方案進(jìn)行進(jìn)一步的優(yōu)化。

　　三、高級(jí)ui設(shè)計(jì)師

　　高級(jí)ui設(shè)計(jì)師需要從一個(gè)產(chǎn)品初級(jí)就參與其中，分析思路，制定規(guī)范，和產(chǎn)品經(jīng)理、交互設(shè)計(jì)師一起討論，同時(shí)梳理好自己的流程，交待給下面的設(shè)計(jì)的分工，要敢于在穩(wěn)重求創(chuàng)新，而不是一味的追求視覺(jué)，相信這個(gè)階段的ui設(shè)計(jì)師都知道這點(diǎn)。在其他設(shè)計(jì)師遇到困難時(shí)能助其突破瓶頸，給予幫助和指點(diǎn)，自己要善于在平穩(wěn)中找突破，并且善于分享自己的經(jīng)驗(yàn)。

　　通過(guò)以上的內(nèi)容，大家已經(jīng)了解了高級(jí)ui設(shè)計(jì)師要具備的能力了，在選擇高級(jí)ui設(shè)計(jì)師的時(shí)候，就可以從這些內(nèi)容中去判斷，這樣才能找到優(yōu)秀的高級(jí)ui設(shè)計(jì)師。