火星網校
提升UI設計，你需要這幾個小技巧
發(fā)布時間：2024-02-28 15:04:23 瀏覽量：231次
今天與大家分享的內容主要關注的是：交互界面UI設計的基礎原則。一共有11條原則，短小精悍，看完念念不忘。
01 字母間距
每次您使用完全由大寫字母組成的文本時，請不要忘記設置字母間距。這樣可以防止字符彼此粘連，并使文本更具可讀性。
02 Light，Thin and Hair Font Styles
您需要謹慎使用這些樣式。如果您要制作一種最終會在屏幕上看到的產品，那么最好不要選擇''thin''和''hair style''的字體，因為它們很難閱讀，并且可能在某些屏幕上造成半像素損壞的效果。
03 行高（Line Height）
在排版時候最好不要將行高設置保留為自動值。通常，您必須稍微增加一點行高以提高文本的可讀性。對于大型文本塊尤其如此：例如網站或移動應用程序的博客，文章等。
04 文本和標題層次結構（Text and Headings Hierarchy）
粗體文本應用于突出顯示文本的重要部分。這不僅包含標題，鏈接和按鈕，有時還包括文本的強調部分。如果將粗體用于整個文本，將不清楚在哪里查找以及更重要的內容。在設計過程中，我們必須正確地強調重點內容。
05 文字對比（Text Contrast）
在設計過程中，文本的顏色十分重要。它應該具有足夠的對比度，以便在任何類型的設備平臺上上都可以方便地讀取文本。這對于經常使用淺灰色的輸入字段中的占位符（placeholders）尤其重要。
06 擺脫多余的框架和線條
除了使用線框對模塊進行區(qū)分，我們仍然可以使用其他的辦法來區(qū)別不同的文字和語義模塊：例如陰影或間距。
07 邊距
邊距有助于幫助用戶區(qū)分不同模塊之間的內容。在下面的案例中，右側的卡片中，文字緊緊地排列成了一個文字模塊的整體，與圖片保持清晰的距離，有助于用戶進行閱讀。
08 屏幕邊緣空白
如果您處理海報，橫幅或卡片，請注意邊緣的空白。如果以經典方式（從左上角到右下角）布置內容，我們可以調整邊距，使上邊距比左邊距更大。這叢視覺上將優(yōu)化用戶體驗。
09 陰影
物體下方的陰影絕對不能為黑色。避免在項目中出現(xiàn)“臟污”，不自然的陰影。
10 圖標規(guī)范
如果您正在為網站或應用程序處理一組圖標，請確保所有圖標都有一致的規(guī)范。這意味著相等的筆觸寬度，相等的邊框半徑。圖標應具有一致的樣式。
11 避免使用怪異的布局
請使用常規(guī)的順序排列元素（圖像，標題，文本和日期），否則可能會影響用戶的閱讀體驗。
看完以上設計原則，是不是覺得都很簡單呢？其實每個規(guī)則都有其例外，在某些情況下，我們應該反其道而行之。但是在大多數(shù)情況下，這些技巧將有助于改進您的設計。
熱門課程推薦
熱門資訊
-
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)推薦理由: 這本書是日本現(xiàn)代平面...
-
探索零基礎UI設計培訓的時長與薪資前景。了解數(shù)字藝術教育領域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
-
8. 物聯(lián)網APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
-
想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內容。
-
10. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
