發(fā)布時間:2024-06-20 18:53:22 瀏覽量:183次
今天這篇文章,石家莊ui培訓班的小編為大家分享一些UI設計師提升界面設計的小技巧。
1. 讓重要的文字更加突出
當文字需要分清層次結構時,單純使文字變大來強調通常不能解決問題。文字的層次結構不只是小和大的關系,它需要文字在大小、字重和顏色三個方面進行正確的組合,形成對比,對比度越大越好。

石家莊ui培訓
2. 不要使用多種復雜的顏色值
不要在你的顏色選擇器上下移動,只是為了選擇一些深色色值,這樣做會讓你的工作變得復雜。我們都知道使用黑色文字顏色(#000)會給讀者眼睛造成疲勞,因此我們的替代方案是用比較暗的顏色。使用不同透明度的黑色作為解決方案,而不是去用復雜的十六進制顏色值。
3. 用數(shù)學方法理解顏色
我們大多數(shù)人都會喜歡合適的顏色組合,每當我們看到一個精彩的配色時,我們都會問自己:“他們是怎么做到的?”直到我了解到,理解色彩不僅僅是對那些從一開始就有設計天賦的人,在色相,飽和度,亮度(HSB)上做簡單的加減法也會達到一些神奇的效果(我們將使用HSB代替RGB)。你可以輕易的就擺脫單調的白色背景,把它變成像畢加索的作品一樣。
4. 使用留白對內(nèi)容進行分組
除了在兩個組之間添加一行表示分離以外,使用更大的留白是一個更好的方案。就像臨近原則所說的那樣:彼此靠近或接近的對象會被看成是一個組的內(nèi)容。
5.使用顏色分隔行
在設計時,做列表界面可能會很無聊,因為只需要不斷復制組件即可完成。但是在用戶看來,閱讀這些列表就會很困難,特別是如果在一行與另一行之間沒有很大區(qū)別的時候。因此除了使用線,添加顏色背景對可讀性來說也會有很大幫助,對于設計師來說也更有有成就感。
6. 漸變遮罩代替文字的投影
特別是在背景是動態(tài)的,設計標題并在圖片上添加文本就變得非常具有挑戰(zhàn)性。通常,帶有動態(tài)圖片背景的文字,常見解決方案是添加投影,但它無助于用戶的可讀性。它在字母和單詞周圍增加了更多的視覺混亂,因為它把字母間的留白給填補了。對于一些人來說,黑白顏色疊加是解決這類問題的有效方法。但是最近,我發(fā)現(xiàn)了使用漸變遮罩的新方法。這樣做比在圖片上增加黑色背景或者減少其透明度要容易的多。而且,只是一部分圖片有一些灰度,另一些部分依然保持自然。文本的位置會變得更暗,這樣可以提升文字的可讀性。
7. 行的寬度
大多數(shù)設計師通常會把每一行做的很長來適應網(wǎng)頁寬度。但這樣會給用戶帶來視覺壓力,每一行45-65個字符是最理想的。如果你為了達到理想效果縮短了行的長度,導致右側有一個非常大的留白空間,不要懷疑你做的初衷,將文本內(nèi)容進行居中,就可以消除右側的空白。
8. 將設計組件化
設計不一致的地方在于它并沒有基于規(guī)范。當你意識到這個問題時,你可能已經(jīng)設計了5種不同的卡片,10個不同的按鈕,5個不同的標題樣式等。在開始為特定的內(nèi)容設計界面之前,嘗試回頭看看以前的一些設計,因為很可能會看到可以復用的樣式。我們可以把文章的卡片內(nèi)容復用在藝術圖片卡片上,而不是重新設計一個新的樣式。這樣可以節(jié)省設計師的時間,并保持界面統(tǒng)一。
9. 使用品牌顏色作為強調
我們通常認為,品牌色彩必須占據(jù)界面顏色的很大一部分。我們很難在干凈簡約的設計中向客戶展示大面積的霓虹黃色,橙色,和粉紅色品牌顏色。那么到底怎么做呢?只是需要將它們用來作為強調色即可。
想要了解更多關于UI設計培訓、游戲設計、動畫培訓等數(shù)字藝術類專業(yè)課程?點擊咨詢
火星時代教育,專注數(shù)字藝術教育30年,提供游戲設計培訓、動畫培訓、原畫培訓、AI音樂創(chuàng)作培訓等課程,成為學員成就數(shù)字藝術夢想的首選。
熱門資訊
1. 10個免費學習UI設計的網(wǎng)站 提升你的設計能力
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網(wǎng)站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網(wǎng)頁設計、字體...
2. iPhone6的UI設計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設計的尺寸規(guī)范嗎?這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范,包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
3. 移動端UI設計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設計的基本知識
4. 12個絕佳的UI設計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
6. 史上最全,平面設計UI設計必備的77個國內(nèi)外素材、設計資源網(wǎng)站
ui設計社區(qū),大神太多了。3、behance: https://www.behance.net/ ,著名設計... 對于品牌設計師來說,除了圖案素材收集之外,還有一個很重要的,就是設計故...
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
8. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
想了解武漢UI設計培訓班的費用是多少嗎?不知道學UI設計要花多少錢?不妨看看這篇文章,了解UI設計培訓班的學費價格以及學習內(nèi)容。
探索零基礎UI設計培訓的時長與薪資前景。了解數(shù)字藝術教育領域的專業(yè)課程,以及培訓后的職業(yè)發(fā)展機會。
最新文章
同學您好!