火星網校
UI設計中的字體配色方案，你值得擁有
發(fā)布時間：2024-01-24 09:52:06 瀏覽量：199次
標題類
標題，顧名思義要讓用戶在短時間內了解界面的大致內容，講究簡潔明了。
給標題類文字配色相對來說比較簡單，選項比較少，我們一般只會使用深灰色或者企業(yè)色。因為標題雖然很重要，但是也不能過于搶眼。
而根據重要性程度我們可以把標題分為不同的等級，一般來說，層級越低的標題顏色越淺。深淺的搭配可以給你的界面帶來意想不到的效果。
例如，微信中的好友列表和聊天界面
我們可以看下使用同樣的配色的效果，感受一下不同。
我不太建議給標題使用企業(yè)色，因為你要調整企業(yè)色的飽和度來區(qū)分不同的等級，個人覺得這樣不太合理。
此外如果標題體系過于繁雜，僅從顏色深淺已經無法讓用戶從視覺上進行識別。我們還可以用字號來幫助完成區(qū)分，事實上現在大多數產品都是通過字號的不同來完成等級區(qū)分的。
正文類
正文類文字是給用戶提供詳細說明和解釋的，正文類文字要比標題類要淺一些。一是因為用戶對于正文都不太感興趣，很少去讀，沒必要使用配色吸引他們的注意力。其二，文字較多，太過花哨的配色會使整個界面顯得凌亂，造成主次不分。
提示類
提示類文字就是要給用戶以引導和提示。文字要足夠的顯眼，如果用戶都注意不到你，還怎么提示呢？
提示類文字一個主要用途就是給用戶展示當前的狀態(tài)。
一般常見的方法就是使用不同的配色來進行區(qū)分，但是這個是適用于產品狀態(tài)較少的情況。如果你的產品狀態(tài)過多，每一個狀態(tài)都配以一款顏色的話，那么整個界面就會顯得很亂。
最常見的狀態(tài)就是成功和失敗，一般來說在用戶心中都默認為綠色和紅色了。當然現在把企業(yè)色作為成功也很常見。這里就會出現一個問題，如果你的產品主色調恰好是紅色，這個時候就可能會引起用戶混淆。
交互類
交互類文字，就是能夠讓用戶完成點擊操作的文字。交互類文字設計的首要目標是讓用戶覺得你的文字是可以點擊的。主要的辦法有三個:
1.使用配色
目前來說用戶覺得帶有顏色的字體都是可以點擊的，比如企業(yè)色。
如果覺得界面中企業(yè)色出現的過于頻繁，還可以使用藍色。藍色在配色領域絕對是萬金油型的，不管你的產品界面主色系是什么，用戶一看到藍色文字就會明白是可以點擊的。
2.icon
文字加icon的組合也可以讓用戶產生點擊的欲望。以知乎為例，左邊的帖子用戶只能看到答者和內容簡介，這里的點贊和評論都是純文字，用戶無法直接進行點贊，但是點擊進去以后，是icon和文字的樣式，這里用戶是可以直接進行點贊，評論，打賞和收藏。
3.行為召喚語句
我們會遇到一些情況，不能使用配色，也不能使用icon樣式。如，登錄界面中，我們希望用戶的注意力在登錄按鈕上，所以下方的“忘記密碼”和“快速注冊”我們要進行弱化。弱化了還能讓用戶認為你是可點擊的嗎？當然可以，只要你的文字行為召喚一點，多使用動詞就可以了。
～此文轉載，如有侵權，請聯系刪除
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個絕佳的UI設計網站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網站,這些網站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
-
3. 移動端UI設計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設計的基本知識
-
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網頁設計、字體...
-
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產生點擊欲望,從而提高點擊率。本文將為你...
-
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現代平面...
-
探索零基礎UI設計培訓的時長與薪資前景。了解數字藝術教育領域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
-
8. 物聯網APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
-
想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內容。
-
10. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
