亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

新手提升UI設計水平的小技巧

發(fā)布時間：2024-03-03 13:04:14 瀏覽量：127次

今天與大家分享的內(nèi)容主要關注的是：交互界面UI設計的基礎原則。一共有11條原則，短小精悍，看完念念不忘。


01 字母間距


每次您使用完全由大寫字母組成的文本時，請不要忘記設置字母間距。這樣可以防止字符彼此粘連，并使文本更具可讀性。



02 Light，Thin and Hair Font Styles


您需要謹慎使用這些樣式。如果您要制作一種最終會在屏幕上看到的產(chǎn)品，那么最好不要選擇''thin''和''hair style''的字體，因為它們很難閱讀，并且可能在某些屏幕上造成半像素損壞的效果。



03 行高（Line Height）


在排版時候最好不要將行高設置保留為自動值。通常，您必須稍微增加一點行高以提高文本的可讀性。對于大型文本塊尤其如此：例如網(wǎng)站或移動應用程序的博客，文章等。



04 文本和標題層次結構（Text and Headings Hierarchy）


粗體文本應用于突出顯示文本的重要部分。這不僅包含標題，鏈接和按鈕，有時還包括文本的強調(diào)部分。如果將粗體用于整個文本，將不清楚在哪里查找以及更重要的內(nèi)容。在設計過程中，我們必須正確地強調(diào)重點內(nèi)容。



05 文字對比（Text Contrast）


在設計過程中，文本的顏色十分重要。它應該具有足夠的對比度，以便在任何類型的設備平臺上上都可以方便地讀取文本。這對于經(jīng)常使用淺灰色的輸入字段中的占位符（placeholders）尤其重要。



06 擺脫多余的框架和線條


除了使用線框對模塊進行區(qū)分，我們?nèi)匀豢梢允褂闷渌霓k法來區(qū)別不同的文字和語義模塊：例如陰影或間距。



07 邊距


邊距有助于幫助用戶區(qū)分不同模塊之間的內(nèi)容。在下面的案例中，右側的卡片中，文字緊緊地排列成了一個文字模塊的整體，與圖片保持清晰的距離，有助于用戶進行閱讀。



08 屏幕邊緣空白


如果您處理海報，橫幅或卡片，請注意邊緣的空白。如果以經(jīng)典方式（從左上角到右下角）布置內(nèi)容，我們可以調(diào)整邊距，使上邊距比左邊距更大。這叢視覺上將優(yōu)化用戶體驗。



09 陰影


物體下方的陰影絕對不能為黑色。避免在項目中出現(xiàn)“臟污”，不自然的陰影。



10 圖標規(guī)范

如果您正在為網(wǎng)站或應用程序處理一組圖標，請確保所有圖標都有一致的規(guī)范。這意味著相等的筆觸寬度，相等的邊框半徑。圖標應具有一致的樣式。



11 避免使用怪異的布局

請使用常規(guī)的順序排列元素（圖像，標題，文本和日期），否則可能會影響用戶的閱讀體驗。



看完以上設計原則，是不是覺得都很簡單呢？其實每個規(guī)則都有其例外，在某些情況下，我們應該反其道而行之。但是在大多數(shù)情況下，這些技巧將有助于改進您的設計。

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定