激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

五個(gè)常見的UI設(shè)計(jì)坑你踩過幾次?

發(fā)布時(shí)間：2023-12-21 09:31:51 瀏覽量：219次

　　UI設(shè)計(jì)的強(qiáng)大之處在于，它可能意味著非常成功的應(yīng)用程序與無法產(chǎn)生影響的應(yīng)用程序之間的差異，或者更心塞的是，這給用戶留下了難忘的印象！在設(shè)計(jì)高質(zhì)量用戶界面時(shí)，所有小細(xì)節(jié)都至關(guān)重要。這就是今天胡老師要分享五個(gè)常見的UI設(shè)計(jì)坑及免掉坑指南或完全避免它們的原因。如果您剛剛開始設(shè)計(jì)生涯，那么意識(shí)到這些錯(cuò)誤將是無價(jià)的。

　　事不宜遲，趕快來學(xué)習(xí)吧。

　　1. UI元素中毫無意義的不一致

　　為確保應(yīng)用程序流暢簡(jiǎn)潔，請(qǐng)避免使用太多不同樣式。這將向您的用戶發(fā)送混合信號(hào)!關(guān)鍵是要隨時(shí)重復(fù)模式和元素。外觀一致的設(shè)計(jì)在贏得與訪客的信任和創(chuàng)造愉悅的體驗(yàn)方面大有幫助。另外，它將幫助您的用戶更快地了解您的應(yīng)用程序。

　　為避免不一致，請(qǐng)注意以下元素：

　　一致地使用調(diào)色板來處理按鈕，文本，鏈接，頁眉，頁腳，懸停狀態(tài)等元素。

　　標(biāo)題，段落，鏈接等的一致字體樣式。

　　對(duì)應(yīng)用程序中的形狀使用圓角或正方形角：圖標(biāo)，卡片，按鈕等。

　　一致的線條粗細(xì)：用于圖標(biāo)，分隔線和您使用的任何其他線條。

　　每個(gè)以任何方式偏離的元素都必須有這樣做的理由。

　　2. 使用默認(rèn)的陰影


　　涉及陰影時(shí)，少即是多。我總是建議不要過度使用它們，否則您將得到一個(gè)非常繁忙，嘈雜的設(shè)計(jì)。但是，如果必須使用它們，請(qǐng)遵循以下提示：

　　不要使用默認(rèn)的陰影，它是可以調(diào)整的。

　　使其非常微妙。不要將黑色用于陰影，因?yàn)樗欠浅４植诘念伾?，而?yīng)使用較暗的背景顏色;這看起來會(huì)更自然。

　　3. 主按鈕和輔助按鈕之間幾乎沒有區(qū)別

　　使用應(yīng)用程序時(shí)，您將執(zhí)行用戶可以完成的許多操作。重要的是視覺上要注意主要?jiǎng)幼?。所有的?dǎo)航都是通過按鈕進(jìn)行的?，因此您必須使用戶能夠通過使其粗體和醒目來方便地識(shí)別主要按鈕。次要?jiǎng)幼鲬?yīng)該不太顯眼，但如果用戶正在尋找它們，則仍應(yīng)可見。

　　以下是區(qū)分主按鈕和輔助按鈕的方法：

　　主按鈕和輔助按鈕使用不同的視覺重量。視覺重量最強(qiáng)的按鈕將獲得更多關(guān)注。

　　因此，請(qǐng)使用強(qiáng)烈的顏色，粗體文本和大小為主要按鈕賦予視覺效果。對(duì)次要?jiǎng)幼鲃t相反。

　　4. 缺乏文本層次

　　文本是信息內(nèi)容的主要單位，這正是為什么它必須始終清晰易讀和有條理的原因。格式正確的文本有助于用戶感知信息。

　　作為設(shè)計(jì)師，我們的工作是以最易消化和最全面的方式進(jìn)行組織。這里有一些事情要記住：

　　每個(gè)樣式標(biāo)題之間要有足夠的對(duì)比：使用大小，重量和顏色來分隔每個(gè)樣式。

　　為了使信息層次結(jié)構(gòu)清晰可見，請(qǐng)始終以大標(biāo)題開頭，該標(biāo)題應(yīng)該是頁面中最突出的元素。子標(biāo)題和其他文本應(yīng)該小得多，依此類推。

　　使用足夠的間距和字距調(diào)整。

　　清楚地分隔文本塊，使用少量空間連接相關(guān)信息，并使用大量空間在視覺上分隔不同的信息塊。

　　5. 不良肖像

　　有時(shí)，圖標(biāo)似乎是設(shè)計(jì)中“最簡(jiǎn)單”的部分。一些設(shè)計(jì)師甚至將它們視為“額外的”裝飾元素，而實(shí)際上它們也是現(xiàn)代界面的基本組成部分。尤其是在圖標(biāo)等同于按鈕的移動(dòng)設(shè)備上(只需看一下Snapchat)，您會(huì)發(fā)現(xiàn)界面主要由圖標(biāo)組成。

　　這就是為什么選擇正確的“符號(hào)”以清楚地傳達(dá)元素的含義，并在整個(gè)應(yīng)用程序中保持圖標(biāo)的樣式一致非常重要。

　　當(dāng)涉及圖像時(shí)，請(qǐng)遵循以下提示：

　　使用vectors / SVG作為圖標(biāo)。這是確保您的圖標(biāo)在任何設(shè)備或分辨率下都清晰可見的最簡(jiǎn)單方法。

　　使用一致的樣式：首先，應(yīng)概述或填充所有圖標(biāo)。此外，請(qǐng)確保一致的線寬和拐角半徑。

　　確保圖標(biāo)信息清晰。


相關(guān)推薦：

UI設(shè)計(jì)入門指南

UI設(shè)計(jì)師到底有多重要？

UI設(shè)計(jì)師需要會(huì)交互設(shè)計(jì)嗎

UI設(shè)計(jì)中如何做響應(yīng)式設(shè)計(jì)與自適應(yīng)設(shè)計(jì)

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定