資源描述：
《ui網(wǎng)頁設(shè)計小技巧》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、千鋒教育www.qfedu.com精品課程全程面授UI網(wǎng)頁設(shè)計小技巧隨著用戶對UI界面體UI驗的要求越來越高，用人企業(yè)對UI設(shè)計師的能力和水平要求也隨之上升。網(wǎng)頁排版設(shè)計在UI界面設(shè)計中有著丼足輕重的作用，今天小編就和大家分享一下，UI設(shè)計網(wǎng)頁排版設(shè)計的5個小技巧。1.減少不同類型字體的使用使用超過3種丌同的字體讓網(wǎng)站看起來沒有結(jié)構(gòu)丏丌與業(yè)。記住，太多的尺寸類型和風(fēng)格也可能破壞任何布局。一般來說，將字體數(shù)量限制在最小限度（兩個很充足，通常一個就足夠了），并粘貼相同的字體到整個網(wǎng)站。如果使用多個字體，請確保字體系基于字符寬度
2、互相補充。以下面的字體組合為例。Georgia和Verdana（左）的組合具有相似的價值，配對的很和諧。比較不Baskerville和Impact（右）的配對，其中大大加重的Impact使不其對應(yīng)的襯線字體沒有光彩。2.使用標準字體千鋒教育-中國IT職業(yè)教育領(lǐng)先品牌千鋒教育www.qfedu.com精品課程全程面授字體的嵌入服務(wù)（如GoogleWebFonts或Typekit)）可以為你的設(shè)計提供新鮮的和意想丌到的許多有趣的字體。它們也非常容易使用。實際上，這種方法有一個很嚴重的問題：因為用戶更熟悉標準字體，因此可以更快地
3、讀取它們。除非你的網(wǎng)站對于自定義字體（如對品牌宣傳或創(chuàng)建沉浸式體驗）非常有吸引力，否則通常最好使用系統(tǒng)字體。最安全的方法是用一個系統(tǒng)的字體：Arial，Calibri，Trebuchet等。記住，好的排版可以吸引讀者到內(nèi)容中去，而丌是排版本身。1.限制行的長度每行擁有適當?shù)淖址麛?shù)量是讓文本具有可讀性的關(guān)鍵。它丌是你的設(shè)計，決定你的文本的寬度，它應(yīng)該是一個可讀性的問題?？紤]BaymardInstitute關(guān)于可讀性和行的長度的建議：對于移勱設(shè)備，應(yīng)該每行30-40個字符。以下是在移勱設(shè)備上查看的兩個網(wǎng)站的示例。第一個是使用每
4、行50-75個字符（打印和桌面的每行最佳字符數(shù)），而第二個使是用最佳的30-40個字符。在網(wǎng)頁設(shè)計中，可以通過使用em或像素限制文本的寬度來實現(xiàn)每行最佳數(shù)量的字符。2.選擇一個能在各種尺寸中工作的字體用戶會從具有丌同屏幕尺寸和分辨率的設(shè)備訪問你的網(wǎng)站。大多數(shù)用戶界面需要各種大小的文本元素（按鈕復(fù)制，字段標簽，章節(jié)標題等）。選擇一個能夠在多種尺寸和重量上運行良好的字體以保持每個尺寸的可讀性和可用性是非常重要。千鋒教育-中國IT職業(yè)教育領(lǐng)先品牌千鋒教育www.qfedu.com精品課程全程面授1.使用可區(qū)分字母的字體許多字體讓
5、相似的字形很容易混淆，特別是不“i”和“L”，以及在字母間距較小的空間中，例如當“r”和“n”看起來像“M”。因此，在選擇你的排版時，請務(wù)必在丌同的文本環(huán)境中檢查你的排版，以確保丌會為用戶造成問題。千鋒教育的UI交互設(shè)計課程大綱涉及web頁面構(gòu)成、定位效果也頁面布局、頁面文字效果等web前端課程的學(xué)習(xí)。通過大量的企業(yè)實例，UI學(xué)員進行自主的與題頁的設(shè)計，老師手把手的進行點評和修改，使UI設(shè)計學(xué)員深入了解web端界面設(shè)計規(guī)范。讓學(xué)員理論知識不實戰(zhàn)技能兼?zhèn)?。原文地址：https://uxplanet.org/10-tips-o
6、n-typography-in-web-design-13a378f4aa0d原文作者：NickBabich譯者：SKYUI千鋒教育-中國IT職業(yè)教育領(lǐng)先品牌
