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

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

新手提升UI設(shè)計(jì)水平的小技巧

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

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


01 字母間距


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



02 Light，Thin and Hair Font Styles


您需要謹(jǐn)慎使用這些樣式。如果您要制作一種最終會(huì)在屏幕上看到的產(chǎn)品，那么最好不要選擇''thin''和''hair style''的字體，因?yàn)樗鼈兒茈y閱讀，并且可能在某些屏幕上造成半像素?fù)p壞的效果。



03 行高（Line Height）


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



04 文本和標(biāo)題層次結(jié)構(gòu)（Text and Headings Hierarchy）


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



05 文字對(duì)比（Text Contrast）


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



06 擺脫多余的框架和線(xiàn)條


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



07 邊距


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



08 屏幕邊緣空白


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



09 陰影


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



10 圖標(biāo)規(guī)范

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



11 避免使用怪異的布局

請(qǐng)使用常規(guī)的順序排列元素（圖像，標(biāo)題，文本和日期），否則可能會(huì)影響用戶(hù)的閱讀體驗(yàn)。



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

熱門(mén)課程推薦

熱門(mén)資訊

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

獲取驗(yàn)證碼
x

同學(xué)您好！

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