雷火电竞首页-中国电竞赛事及体育赛事平台

聯系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

高級ui設計師要具備哪些能力?怎樣提升ui設計的高級感?

Time: 2019-12-23


現在高級ui設計已經成為企業不可缺少的內容之一了,因為它能夠很好的展示企業的形象,那么高級ui設計師要具備哪些能力?怎樣提升ui設計的高級感呢?今天就給大家介紹下。


幾個小技巧讓你提升UI設計的高級感:

一、使用色彩和字重來創造層次結構,而不是單純的大小對比

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

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

  1.主要內容采用深色(諸如標題,但是不要用純黑);

  2.次要內容采用灰色(比如文章發表日期);

  3.輔助性內容采用淺灰色(比如頁腳中的版權聲明);

  類似的,在UI設計的時候,通常兩種不同的字重足以營造出優秀的層次感:

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

  對于需要強調的文字采用較重的字重(600到700,具體取決于字體)

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


1.jpg

(圖片來自網絡)


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

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

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

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

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

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

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

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

  當背景是圖像或者圖案的時候,半透明的文本會影響可讀性,這個時候最好是基于背景主色調來挑選相應的文本色。

  3、陰影設計

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

  4、盡量少使用 Borders


2-1.png

(圖片來自網絡)


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

  雖然 Border 是分隔兩個元素的好辦法,但是它不是唯一的方法,使用過多會讓整個布局的設計感降低,甚至會造成混亂。

  所以你可以嘗試下面的辦法來規避:

  1、使用 box shadow

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

  2、實用不同的背景色來區分

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

  3、增加額外的留白

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

  4、不要讓小圖標無端地放大

  當你在設計著陸頁的時候,可能會突出產品的功能,這個時候你需要一些大圖標來作為視覺錨點,這個時候你可能會去 Font Awesome 或者 Zondicons 這樣的網站找幾個免費的矢量圖標,然后放大到符合你需求的尺寸。

  它們都是矢量圖標,照說是可以無損放大的。但是一個通常只有16×16 的圖標放大三四倍,它固然無損,但是在視覺上就顯得頗為不專業了:缺乏細節,總感覺過于矮胖。


2-2.jpg

(圖片來自網絡)


  高級ui設計師應該具備哪些能力

  高級設計師:以產品為核心設計,視覺引導。能夠優化操作流程。能夠制定產品全套視覺規范。有影響力,能夠引領潮流

  簡單的說:不管是什么層次的設計師,(學習、溝通、創新、思維、軟件技術、實踐)等能力都是必不可少的。

  高級ui設計要具備的能力

  1、美術功底, 光影 結構 構圖 配色需要掌握

  2、邏輯思維良好

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

  4、良好的溝通能力協作能力

  5、作品項目經驗

  6、一定的職場經驗


2-3.png

(圖片來自網絡)


不同級別ui設計師的區別有哪些

  一、初級ui設計師

  初級ui設計師的主要工作是以協助為主,學習能力強,在制作過程中要慢慢培養自己的產品和交互意識,了解設計中基礎規范,保質保量,需要的配圖,切圖,icon等,嚴格按照規范要求設計界面,需要把自己遇到的問題總結并及時向同事進行請教,給自己做好職業方面以及技能提升方面的規劃。

  二、中級ui設計師

  處于中等級別的ui設計師,要能根據ui設計規范將設計落實到每一個頁面,保持頁面風格的統一,需要有較強的理解能力和溝通能力以及執行能力。在整體規范下,對頁面進行合理布局,并且有獨特的見解,善于思考,能配合上級設計師對方案進行進一步的優化。

  三、高級ui設計師

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


  通過以上的內容,大家已經了解了高級ui設計師要具備的能力了,在選擇高級ui設計師的時候,就可以從這些內容中去判斷,這樣才能找到優秀的高級ui設計師。


合作咨詢

上海(總部)

上海市浦東新區郭守敬路498號22號樓
021-61057328
[email protected]

辦公地址地圖

北京

北京市東城區后永康17號A座
010-64015620
[email protected]

辦公地址地圖

成都

四川省成都市錦江區東大街牛王廟段100號
028-62790929
[email protected]

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開