火星網(wǎng)校
五個常見的UI設計坑你踩過幾次?
發(fā)布時間：2023-12-21 09:31:51 瀏覽量：219次
UI設計的強大之處在于，它可能意味著非常成功的應用程序與無法產(chǎn)生影響的應用程序之間的差異，或者更心塞的是，這給用戶留下了難忘的印象！在設計高質量用戶界面時，所有小細節(jié)都至關重要。這就是今天胡老師要分享五個常見的UI設計坑及免掉坑指南或完全避免它們的原因。如果您剛剛開始設計生涯，那么意識到這些錯誤將是無價的。
事不宜遲，趕快來學習吧。
1. UI元素中毫無意義的不一致
為確保應用程序流暢簡潔，請避免使用太多不同樣式。這將向您的用戶發(fā)送混合信號!關鍵是要隨時重復模式和元素。外觀一致的設計在贏得與訪客的信任和創(chuàng)造愉悅的體驗方面大有幫助。另外，它將幫助您的用戶更快地了解您的應用程序。
為避免不一致，請注意以下元素：
一致地使用調色板來處理按鈕，文本，鏈接，頁眉，頁腳，懸停狀態(tài)等元素。
標題，段落，鏈接等的一致字體樣式。
對應用程序中的形狀使用圓角或正方形角：圖標，卡片，按鈕等。
一致的線條粗細：用于圖標，分隔線和您使用的任何其他線條。
每個以任何方式偏離的元素都必須有這樣做的理由。
2. 使用默認的陰影
涉及陰影時，少即是多。我總是建議不要過度使用它們，否則您將得到一個非常繁忙，嘈雜的設計。但是，如果必須使用它們，請遵循以下提示：
不要使用默認的陰影，它是可以調整的。
使其非常微妙。不要將黑色用于陰影，因為它是非常粗糙的顏色，而應使用較暗的背景顏色;這看起來會更自然。
3. 主按鈕和輔助按鈕之間幾乎沒有區(qū)別
使用應用程序時，您將執(zhí)行用戶可以完成的許多操作。重要的是視覺上要注意主要動作。所有的導航都是通過按鈕進行的?，因此您必須使用戶能夠通過使其粗體和醒目來方便地識別主要按鈕。次要動作應該不太顯眼，但如果用戶正在尋找它們，則仍應可見。
以下是區(qū)分主按鈕和輔助按鈕的方法：
主按鈕和輔助按鈕使用不同的視覺重量。視覺重量最強的按鈕將獲得更多關注。
因此，請使用強烈的顏色，粗體文本和大小為主要按鈕賦予視覺效果。對次要動作則相反。
4. 缺乏文本層次
文本是信息內容的主要單位，這正是為什么它必須始終清晰易讀和有條理的原因。格式正確的文本有助于用戶感知信息。
作為設計師，我們的工作是以最易消化和最全面的方式進行組織。這里有一些事情要記?。?br class="sysbr">
每個樣式標題之間要有足夠的對比：使用大小，重量和顏色來分隔每個樣式。
為了使信息層次結構清晰可見，請始終以大標題開頭，該標題應該是頁面中最突出的元素。子標題和其他文本應該小得多，依此類推。
使用足夠的間距和字距調整。
清楚地分隔文本塊，使用少量空間連接相關信息，并使用大量空間在視覺上分隔不同的信息塊。
5. 不良肖像
有時，圖標似乎是設計中“最簡單”的部分。一些設計師甚至將它們視為“額外的”裝飾元素，而實際上它們也是現(xiàn)代界面的基本組成部分。尤其是在圖標等同于按鈕的移動設備上(只需看一下Snapchat)，您會發(fā)現(xiàn)界面主要由圖標組成。
這就是為什么選擇正確的“符號”以清楚地傳達元素的含義，并在整個應用程序中保持圖標的樣式一致非常重要。
當涉及圖像時，請遵循以下提示：
使用vectors / SVG作為圖標。這是確保您的圖標在任何設備或分辨率下都清晰可見的最簡單方法。
使用一致的樣式：首先，應概述或填充所有圖標。此外，請確保一致的線寬和拐角半徑。
確保圖標信息清晰。
相關推薦：
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個絕佳的UI設計網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
-
3. 移動端UI設計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設計的基本知識
-
4. 10個免費學習UI設計的網(wǎng)站 提升你的設計能力
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網(wǎng)站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網(wǎng)頁設計、字體...
-
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
-
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
探索零基礎UI設計培訓的時長與薪資前景。了解數(shù)字藝術教育領域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
-
8. 物聯(lián)網(wǎng)APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
-
想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內容。
-
10. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
