現(xiàn)在高級ui設(shè)計已經(jīng)成為企業(yè)不可缺少的內(nèi)容之一了，因為它能夠很好的展示企業(yè)的形象，那么高級ui設(shè)計師要具備哪些能力？怎樣提升ui設(shè)計的高級感呢？今天就給大家介紹下。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　降低不透明度，能夠讓背景的顏色透過來一些，以一種不沖突的方式降低前景文字和背景之間的對比度。

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

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

　　3、陰影設(shè)計

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

　　4、盡量少使用 Borders

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

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

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

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

　　1、使用 box shadow

　　box shadow 同樣可以營造出邊界感，而且更加微妙，并不會顯得突兀，不會分散用戶的注意力。

　　2、實用不同的背景色來區(qū)分

　　通常，相鄰的元素背景只需要有微妙的差別就能夠讓人對他們進(jìn)行區(qū)分。所以，你所需要做的就是在不同的區(qū)塊采用不同的背景色，并且嘗試刪除邊框，因為你根本不需要它。

　　3、增加額外的留白

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

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

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

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

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

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

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

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

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

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

　　2、邏輯思維良好

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

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

　　5、作品項目經(jīng)驗

　　6、一定的職場經(jīng)驗

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

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

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

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

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

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

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

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

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