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

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

「交互設(shè)計(jì)」UI設(shè)計(jì)字體排版實(shí)用技巧

發(fā)布時(shí)間：2024-01-24 12:45:15 瀏覽量：232次

做了這么久的設(shè)計(jì)師，如果有人把設(shè)計(jì)師稱作“作圖的”，小編一定會毫不猶豫地沖上去和他大打一架，然后大聲喊著：設(shè)計(jì)師才不是“作圖的”的呢！



設(shè)計(jì)師是排版的…

老實(shí)說，作為一個(gè)交互設(shè)計(jì)師，特別是負(fù)責(zé)ui界面的設(shè)計(jì)，每天最多思考學(xué)習(xí)的就是怎么排版才會更加好看。網(wǎng)絡(luò)上超過95%的信息是書面文字語言，文字排版就成了重中之重。好的文字排版可以讓用戶的閱讀行為更加輕松，而糟糕的文字排版只會讓用戶感到厭煩，優(yōu)化文字排版就是優(yōu)化用戶界面的重要工作。


知道文字排版這事兒多么重要了吧，本著人道主義互助的精神，小編拿出來珍藏多年壓箱底的10條武功秘籍，哦不對，排版秘籍，和你嘮嘮該這么給網(wǎng)頁做文字排版，讓你設(shè)計(jì)的界面也能有好的可讀性！


-01-千萬不要用各種各樣的字體


使用超過3種不同的字體來設(shè)計(jì)你的交互界面，就會使得他們看起來沒有秩序感，也顯得不夠?qū)I(yè)。同樣，太多的字體大小和樣式也會破壞布局。盡可能地將字體種類數(shù)目限制到最低，一個(gè)字體通常是足夠的，最多，也就是使用兩個(gè)字體。



如果你選擇使用兩個(gè)字體，請記得選擇兩個(gè)可以相互配合協(xié)調(diào)的字體，具有同樣的視覺風(fēng)格，不要讓其中一個(gè)搶了另一個(gè)字體的風(fēng)頭。



-02-嘗試使用標(biāo)準(zhǔn)字體


設(shè)計(jì)工具里為我們設(shè)計(jì)師提供了很多有趣的字體，這些字體也許給我們的設(shè)計(jì)結(jié)果帶來許多新鮮有趣、意想不到的設(shè)計(jì)變化，但這些趣味的字體也許會給你的設(shè)計(jì)帶來錯(cuò)誤的影響。過于花哨的字體會分散用戶的閱讀注意力，用戶更多地會思考設(shè)計(jì)師使用的字體，而不是專心閱讀文字信息。所以，如果除非是你的品牌或者交互產(chǎn)品有目的地、迫切地需要一個(gè)自定義字體，你還是最好堅(jiān)持使用這些安全的系統(tǒng)標(biāo)準(zhǔn)字體吧。用好的文字排版、閱讀體驗(yàn)吸引讀者關(guān)注內(nèi)容，而不是用炫技式的文字字體來呈現(xiàn)。



-03-控制好每一行的長度


你之前可能沒有想到，一行文本的長度、字符數(shù)量是文本可讀性的關(guān)鍵。即使你在其他部分的設(shè)計(jì)再巧妙，如果限制了文本的寬度，也會影響到你的設(shè)計(jì)可讀性。如果一行太短，眼睛不得不頻繁地?fù)Q行，打亂了使用者的閱讀節(jié)奏，如果一行太長，就會增加用戶的閱讀疲憊感，使得用戶很難專注。如下圖，一行60個(gè)字符左右的閱讀量剛剛好，如果是在移動設(shè)備當(dāng)中，30-40個(gè)字母就好了。



-04-選擇各種尺寸的字體


大多數(shù)用戶界面都會有各種各樣的文本元素，按鈕、正文、標(biāo)簽、標(biāo)題，這么多的文本元素，要給它們賦予不同的文字尺寸大小，會更好地幫助用戶閱讀文本信息，找到信息的主次關(guān)系。



既然如此，你要選擇一種可以在不同大小和字重下都具有可讀性和可用性的字體，這十分重要！你要保證你選擇的這個(gè)字體，即使在很小的情況也能清晰分明，像草書、花體手寫體就不要選擇了：它們雖然很漂亮，但真的很難閱讀?。?/span>

-05-使用字母好區(qū)分的字體


講真的，有些字體里的字母真的不好區(qū)分，特別是下圖當(dāng)中i和l，真的很難區(qū)分?。?/span>



因此，在選擇字體類型的時(shí)候，作為設(shè)計(jì)者你應(yīng)該在不同的文本字母中檢查你選擇的這個(gè)字體是不是合適，這樣才會確保這個(gè)字體不會給你的用戶造成閱讀困難。


-06-避免所有字母使用大寫


全大寫的拼寫會給人一種極強(qiáng)的視覺沖擊，如果不涉及上下文內(nèi)容的閱讀，單單是強(qiáng)調(diào)一詞或者一句，效果是很好的?？墒窃诖蠖挝淖之?dāng)中，與小寫字體相比，全大寫的字體會大大影響用戶的閱讀速度。



-07-控制好行與行之間的間距

事實(shí)證明，在段落之間，正確使用空白空間可以提高20%的閱讀理解能力，幫助用戶快速吸收理解文字信息，剝離無關(guān)緊要的信息。而這個(gè)空白空間，就是指的兩行文本之間的間距，也就是行距。通常，我們會采用字母高度的30%作為行與行之間的空白間距。



-08-確保你的文字有足夠的顏色對比度

記住，不要把你的文本和背景使用相同相似的顏色。顏色對比更鮮明，文本越可見，用戶閱讀速度就越快。如果你做好了選好了顏色，最好放在大多數(shù)設(shè)備上，與真實(shí)用戶一起進(jìn)行測試。測試中發(fā)現(xiàn)了問題，會好過實(shí)際應(yīng)用當(dāng)中出現(xiàn)了問題。




-09-避免使用紅色或者綠色的文字

紅配綠，很鮮艷是不？恭喜色覺正常的你，可是你的一部分色盲癥用戶就沒這個(gè)感受了。色盲是個(gè)很常見的現(xiàn)象，特別是在男性當(dāng)中，8%的男性是色盲，尤其是紅綠色盲者，這是最常見的色盲種類。所以，作為設(shè)計(jì)師，你應(yīng)該避免用紅色和綠色來傳達(dá)信息。如果有可能，不止是避免紅綠色，建議你使用顏色以外的區(qū)分方法來強(qiáng)調(diào)重要的信息。


-10-避免使用閃爍的文本

blingbling閃爍的文字是不是看起來很酷炫？可是它可不是文字效果里的好選擇。閃爍的文字內(nèi)容可能會引起一部分敏感特殊用戶群的癲癇發(fā)作。就算你的用戶沒有癲癇癥，閃爍的內(nèi)容也可能會讓他們感到煩躁惱火，或者是分散他們的閱讀注意力。



好了，未來的交互設(shè)計(jì)師們，小編這份秘籍，你一定要收好哦！希望，會給你未來的設(shè)計(jì)探索，提供幫助。

熱門課程推薦

熱門資訊

請綁定手機(jī)號

獲取驗(yàn)證碼
x

同學(xué)您好！

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