2014-10-30 藍(lán)藍(lán)設(shè)計(jì)的小編
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來源:http://www.58img.com/design/1761
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
文字可以是優(yōu)美的、簡(jiǎn)單的、狂放的、有趣的、激動(dòng)人心的,還有很多其他種類。它能激起情緒,幫助用戶理解你所要傳達(dá)的訊息。字體有很多種,但有一點(diǎn)是共通的——它必須具有可讀性。
這是一個(gè)時(shí)常被遺忘的因素。設(shè)計(jì)師們往太狹小的空間填入太多信息,或是選用了外觀勝過可讀性的字體。但重點(diǎn)是:如果字體無法閱讀,你的設(shè)計(jì)就無法完全生效。
盡管有些聳人聽聞,但它幾乎是普適規(guī)律。你會(huì)問:“作為藝術(shù)元素的那些字體怎么說?” 不可閱讀的字體在這類設(shè)計(jì)中確實(shí)能發(fā)揮作用,但是,僅限于與可讀的文字搭配使用。
什么使得文字能夠閱讀呢?它實(shí)際上是很多因素共同作用的結(jié)果,包括行長(zhǎng)度、行距、字體樣式、外邊距和內(nèi)邊距,還有顏色和對(duì)比度。每一個(gè)元素,都影響著屏幕閱讀的難易程度。這每一種元素,都是設(shè)計(jì)師能夠操控的。記住,本文中談?wù)摰倪@些元素,是指網(wǎng)站主體部分的文字,此處文字的可讀性可以說是首要考慮因素。(別處文字的標(biāo)準(zhǔn)相對(duì)寬松許多,只要主體部分高度可讀。)
那如何創(chuàng)造最易讀的文字?如果是正文文字,有一些基本準(zhǔn)則規(guī)定每行的字?jǐn)?shù)——每種設(shè)備不同—— 有助于打造最佳的可讀性。
從何開始呢?最佳行長(zhǎng)度有助于幫你確定文字段落的大小??梢赃@樣:確定正文部分的寬度——通??梢约俣ǚ殖勺烂妗⑵桨?、手機(jī)三種尺寸。然后調(diào)整文字大小到理想的單行字?jǐn)?shù)。
雖然還有其他因素在起作用,這些準(zhǔn)則是很好的入手點(diǎn)。
如果你想找個(gè)工具來簡(jiǎn)化所有這些工作,試試黃金比例文字計(jì)數(shù)器 。
要打造可讀的排版,正文以外的文字也大有關(guān)聯(lián)。使用標(biāo)題、無序列表、段落間的額外間距和顏色,也能提升整體可讀性(標(biāo)題則有助于瀏覽整個(gè)網(wǎng)站)。
考慮使用如下元素增進(jìn)文字層級(jí),創(chuàng)造更完整、更易讀的網(wǎng)頁設(shè)計(jì)。記得要把這些元素“設(shè)計(jì)”成獨(dú)特的字體、字號(hào)和顏色,并要在正文中保持協(xié)調(diào)。
既然你已經(jīng)有了好點(diǎn)子,決定下個(gè)設(shè)計(jì)項(xiàng)目中要使用什么字體和樣式,你確定能以一種完全可讀的方式將它們組合起來嗎?下面是一列清單,供你規(guī)劃字體的設(shè)計(jì)。
可讀性是設(shè)計(jì)中至關(guān)重要的組成部分。如果無法閱讀和理解頁面上的內(nèi)容,對(duì)于用戶而言,它就完全不相關(guān)也不重要。如何在設(shè)計(jì)項(xiàng)目中規(guī)劃可讀性?你有沒有其他通往成功的技巧?在評(píng)論中與我們分享吧。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com