怎么讓設計更高級? 一些不受關注的小細節(jié)設計提升作品高級感的技巧
在做UI界面設計時,有時候看著設計出來的界面總覺得不大好,但又不知道問題出在哪,這里其實考驗的就是設計觀察力。資深設計師之所以強,往往就是強在對設計細節(jié)的把握能力,他們總能找到你所看不到的細節(jié)問題。大的問題往往一眼就能看出來,但設計品質高低往往就藏在這些設計細節(jié)中。觀察力的提升也是來自于平時項目中的經驗積累,為此,彩云圍繞設計細節(jié)計劃出一個系列文章,今天這篇文章是第一期,感興趣的同學保持關注,后續(xù)會有更多設計細節(jié)干貨文章連載更新,保證看完就能用到自己的工作中。
在這篇文章中,我整理了一些小的設計技巧,來幫助你快速改進自己的設計。有時只需要一些小的調整,就能快速提高設計的品質。

當你在設計一個高效、美觀的UI界面時,有時只需要一些小的調整,就能快速提高設計的品質。有時候僅僅是簡單的調整就能設計出讓客戶、用戶和你自己真正滿意的界面。
在這篇文章中,我整理了一些小的設計技巧,來幫助你快速改進自己的設計,提高用戶體驗。
適當使用文本裝飾元素

有些人會拿極簡設計出來說事,認為不應該加多余的文字干擾 ,界面上的內容都應該遵循有意義這個原則,這沒有問題。但有時候增加文本的目的只是簡單的為了“裝飾”,這樣是可以的。我們不希望所有的設計都變得平平無奇。
純粹出于裝飾原因而加入一些比較特別的元素也完全沒問題,它可以不遵循可訪問性標準,比如顏色對比度特別淺,看不清都沒關系。只要這些元素不影響用戶體驗就可以。
UI界面中的不同元素要有區(qū)分度

按鈕、通知(文字鏈接)是用戶界面中兩個獨立又重要的元素。如果可以的話,一定要確保用戶在瀏覽你的網(wǎng)站或應用時能夠快速且輕松地將它們區(qū)分開來。
按鈕,在大多數(shù)情況下都是最重要的,所以在界面中一定要確保是最突出,并且很容易區(qū)分其他元素(例如:文本鏈接)。
使用更自然的投影

設計過程中我們通常都會用到投影。投影的恰當使用,可以有效提高視覺品質。在設計界面時,避免使用比較重的投影,降低不透明度,讓界面看著更加自然。
使用讓視覺更加清晰的字體

在設計中,字體適當都使用大寫也是很不錯的。它可以幫助你在設計中實現(xiàn)元素之間的多樣性和對比度,提高視覺的整體效果。但要確保選擇是合適的字體,行高和字重粗細,確保給用戶呈現(xiàn)的內容清晰度。
面包屑導航設計要便于用戶理解

導航的設計無處不在,通常會應用在內容比較多的網(wǎng)站上,但有時很難理解它所表達的意思。如果將字體顏色和粗細稍微調整下, 就可以讓用戶快速確定自己所在站點中的位置,以及他們可能需要去的其他地方。
例如:如果他們通過搜索跳轉到某個站點的某個位置,這就特別有用。像上圖中的設計一樣,始終讓導航鏈接中的最后一項讓它在視覺上與其他有明顯區(qū)別,這樣用戶更加容易理解。
少用過高飽和度的顏色

高飽和度的顏色(明亮的藍色、紅色、綠色等)在網(wǎng)站上是挺有視覺沖擊力,并能吸引用戶的注意的。但是如果過度使用它們可能會讓用戶的眼睛感到疲勞,尤其是結合文本內容一起使用的時候。
盡量少地使用高飽和的顏色,你可以嘗試把飽和度降低,增加顏色中的灰度來使顏色變淡,這樣不僅能避免用戶視覺疲勞,還能更加突出重點內容,讓用戶閱讀起來更加方便且不被視覺干擾。
使用用戶熟悉便于識別的圖標

在設計中使用圖標時,最好使用用戶熟悉并便于識別的圖標,讓用戶能快速理解使用它能做什么。使用不能傳達正確含義的圖標,只會變成視覺噪音,引起用戶混淆,成為用戶的認知障礙。
使用親密性原則來表達元素之間的關系

版式設計四大基本原則:對比,重復,對齊,親密性,其中親密性原則是把畫面中相關元素進行分類,建立某種視覺上的關聯(lián),實現(xiàn)頁面整體結構清晰度,加快用戶在瀏覽網(wǎng)站或應用時的認知。
使用4pt基線網(wǎng)格+8pt網(wǎng)格來做字體排版

進行文字排版時,將 4pt 基礎網(wǎng)格 與 8pt 網(wǎng)格 一起使用可以為設計帶來更加和諧的垂直節(jié)奏。
你只需要使用 4 的倍數(shù)(16、20、24、28 等)的行高值將字體與 4 的基線網(wǎng)格對齊。為什么是 4? 好吧,就我個人而言,我發(fā)現(xiàn)在處理某些文本大小時,過去以 8 的倍數(shù)進行縮放并不是那么通用。
減少標題的行高

冗長的正文需要足夠的行高來增加可讀性,而標題通常要短得多,所以你可以稍微減少間距。
標題的推薦行高通常是文本大小的1 – 1.3倍,標題文字越大,需要的行高就越少。
使用色輪上的鄰近色不容易出錯

鄰近色,是最和諧的配色方案之一,當你在挑選顏色遇到困難時,它能給你很大的幫助。
一組由“主”、“次”、“再次”組成的鄰近色可以幫你快速構建一個簡單的、不會出錯的配色方案。
在設計中最大化信噪比

設計中的清晰度和可用性可以通過“最大化信號”和“最小化噪音”來實現(xiàn),這反過來又產生了高信噪比。
相關文章
抽象風格描邊拼接插畫的繪制技巧分享給大家,描邊插畫的種類有很多,有矢量潮流、美國街頭的、清新萌系的,我這次給大家講解的描邊插畫是傾向于圖形抽象組合的風格,描邊拼2018-05-14
本文給腳本之家的平面設計學習者分享顏色搭配技巧:色彩就是這么簡單粗暴,記住:在相同飽和度、明度情況下,改變色相就是最粗暴的配色方案(當然,當你對顏色的敏感程度較2017-06-17
在做平面設計的時候,顏色搭配很重要,該怎么掌握色彩搭配技巧呢?下面我們就繞著「色相」這一變量展開,主要和大家一起分享有關色彩研究的專業(yè)術語、以及心理現(xiàn)象,需要的2017-05-24
近日,很多網(wǎng)友咨詢小編banner如何制作?今天腳本之家小編就給大家?guī)韇anner設計經驗技巧分享,包括banner是什么?banner的作用?以及banner如何去做?感興趣的朋友快來看2017-05-23
攝影與平面設計看似是兩個并無關聯(lián)的個體,關系并不密切。然而人們卻往往把兩者不可分割的聯(lián)系在一起,甚至認為攝影是從屬于設計的,是其下的一個環(huán)節(jié)或者組成部分,下面為2017-04-28
現(xiàn)在人們對于高清圖片需求逐漸增加,網(wǎng)站建設如果圖片使用不當,很容易讓網(wǎng)站出現(xiàn)瑕疵。因此,在網(wǎng)站中運用技巧設計網(wǎng)站選擇圖片就需要謹慎。那么,網(wǎng)頁設計中圖片設計技巧2017-04-24
在字體設計中,很多設計項目都需要嚴謹仔細,設計師必須去認真的推敲嘗試每一個筆畫的變化方式,去選擇最合適的表現(xiàn)方法,今天小編為大家分享設計師必須知道的9類字體設計技巧2017-04-21
如何讓一張普通的圖片變得更加有力量?如何有意識地引導讀者的眼睛去到圖片的某一區(qū)域? 如何更加有效地傳達你的對象,下面小編就為大家詳細介紹視覺聚焦和視覺引導八個技巧2017-04-20
每個人、每天、在各種場合都會接觸到字體。字體設計與排版,其實已經超出了設計師的范疇,無論是寫商務郵件,做展示報告,還是發(fā)布博客,我們每個人其實都或多或少會接觸到2017-04-19
近年來,在背景圖上添加文本的方式變得越來越流行,融入文本在圖片中滲入情感。在早期,圖像不得不做得很小以適應明顯低速的帶寬,隨著網(wǎng)速和顯示屏的快速提升,我們可以在2017-04-18











