如何真正掌握UI設計技巧 怎麼讓UI介面更精緻

2021-10-11 02:42:21 字數 1255 閱讀 3319

如何真正掌握ui設計技巧?怎麼讓ui介面更精緻?ui設計是近年來新興的熱門行業,伴隨著使用者體驗度的提公升,ui設計師迅速得到企業的重視。讓介面更精緻、層次分明是每乙個ui設計工作的基本目標,接下來就給大家分享ui設計中的幾個技巧,讓你的介面更精緻。

1、顏色

在一套設計規範裡往往會給出乙個品牌色、幾個輔助色,黑白灰和彩色是我們常用的顏色,但真正要用的好卻不容易。我們需要注意這幾點:

1)避免使用純黑色。純黑色在自然界中是幾乎不存在,在黑色中加一點點的色彩傾向,會讓介面看著更自然。文字的顏色也不要選用#000,可以用不同的灰色拉開對比來達到把資訊層級區分開來的目的。

2)遵守ui設計裡的631原則。631原則是指主色調:次要顏色:強調顏色=6:3:1。品牌色不要超過整體頁面的30%,色彩比重太多讓介面顯得很躁,很容易造成秩序混亂,因此顏色應該用在主要引導區域或者內容區隔上。

3)漸變色實用小技巧。先確定好乙個顏色,然後開啟色盤,在這個顏色相鄰的左右各取乙個顏色,然後把左側顏色的明度提高一點,把右側顏色的明度降低一點點。你會發現這樣調出來的漸變是最舒服的。

2、字型

1)ui設計師常用的字型有:蘋方、思源黑、蘭亭黑系列、華文黑體等。就還原度來講,如果你的團隊是用一套設計稿同時適配安卓和ios,推薦用蘋方字型去做設計;如果是ios端和安卓端都要做那就推薦ios用蘋方體,安卓用思源黑體。

2)常用的字型大小有:10pt、12pt、14pt、15pt、16pt、18pt。如果文字較多,分級又特複雜,就會涉及到多種字型大小混排,選字時要注意:不同層級的文字字型大小不能太接近、閱讀大段文字盡量選用標準字重的字型、字型字型大小要統一。

3、留白

1)文字1.5倍行間距會給讀者最舒服的閱讀體驗,合適的元素大小讓介面會呼吸。

2)關聯大的元素之間留白小一些,關聯小的元素之間留白大一些。在做複雜介面的時候,可以先用灰塊去處理,按照元素的親密關係來組合介面。

4、陰影

1)垂直偏移陰影效果更自然。現實中的光源不可能在你的眼睛那裡,一般都會在偏上的位置,投影會在物體偏下的位置。

2)用陰影分割比描邊分割更優雅。用投影來做分割能讓介面更微妙,並且不會分散使用者的注意力,讓內容更聚焦。

3)陰影不一定是黑色的,一定要注意環境色對陰影的影響。

想學習掌握更多ui設計技巧,你可以選擇專業學習一下,讓你快速入行ui拿高薪。ui設計師只有了解潮流趨勢才能設計出令客戶滿意的作品,當潮流與紮實的技術相結合,你所設計的作品才更具價值,高薪就會變得很容易。

零基礎怎麼轉行學UI 如何掌握UI互動設計

眾所周知,ui設計是指對軟體的人機互動 操作邏輯 介面美觀的整體設計,由此可見想要成為乙個合格的ui設計師一定要掌握互動設計。值得一提的是ui設計入行門檻低,薪資福利卻很可觀,這吸引了很多人轉行學習,那麼0基礎學ui如何掌握互動設計呢?下面一同來看看吧。什麼是互動?互動,即交流互動,是現在的很多網際...

UI互動設計文件怎麼寫?整理這5個技巧

對於ui設計師而言,與平面設計師最大的區別就是他們所設計出來的作品更具互動性,正因為如此,優秀的ui設計師是企業競相爭搶的物件,薪資更是水漲船高。那麼剛入行不久的ui設計師如何撰寫出合格的互動文件呢?下面,我就給大家分享一些。1 文件封面 互動文件的封面如上圖,通常包括產品的名稱 logo 版本號以...

零基礎該怎麼學UI設計 一般需要掌握哪些軟體

零基礎該怎麼學ui設計?一般需要掌握哪些軟體?有網際網路的地方就有ui設計,更值得一提的是ui設計入行簡單,薪資卻可以媲美程式設計師。但成為高薪ui設計師並不容易,你需要具備紮實的理 底並熟練掌握各種設計工具,有人好奇ui設計要學哪些軟體,下面就為大家分享一下。ui設計要學哪些軟體?ps 主要用於製...