|
節(jié)奏韻律
網(wǎng)頁(yè)中版式的節(jié)奏感及韻律，來源于排版中的疏密的間隔安排，它就好比音樂作品里的節(jié)拍，也是組織內(nèi)容的一個(gè)重要單元。當(dāng)然在繪畫作品中也是能體現(xiàn)的，只不過繪畫作品和設(shè)計(jì)作品有些類似，都是通過疏密的控制讓對(duì)象形成畫面節(jié)奏的和諧感受。在網(wǎng)頁(yè)中可以通過一系列的重復(fù)和固定的間隔來建立一種視覺和諧的美感，如在一些字體大小，行距、模塊與模塊間的距離等等的制定。
縱向的節(jié)奏在網(wǎng)頁(yè)設(shè)計(jì)中是比較運(yùn)用廣泛且明顯的，如大部分資訊型的站點(diǎn)�？v向節(jié)奏在這方面起到的優(yōu)化網(wǎng)站的作用還是挺大的。什么是網(wǎng)頁(yè)縱向節(jié)奏感？其實(shí)就是為網(wǎng)站設(shè)定一個(gè)縱向的單元高度，就好比我們的記事本那樣，每一頁(yè)都是布滿了固定高度的線。如果文字正好處于單元高度上，那版面就能獲得連貫的縱向平衡和節(jié)奏感。很顯然，按縱向垂直節(jié)奏排列的設(shè)計(jì)更加容易掃描或閱讀，因?yàn)樗箖?nèi)容的“出現(xiàn)”更加有規(guī)律。這個(gè)方法不僅適用在局部的文字內(nèi)容區(qū)，對(duì)于整個(gè)頁(yè)面的內(nèi)容排布也是有用的，當(dāng)然在包含復(fù)雜元素的頁(yè)面中，如包含多種尺寸的圖片、標(biāo)題、文字格式的時(shí)候，就需要對(duì)單元高度的設(shè)定做更多的考慮。不過根據(jù)以往個(gè)人的設(shè)計(jì)經(jīng)歷，這種精準(zhǔn)的節(jié)奏方法因受限于各種情況的影響而不總是可以完全實(shí)現(xiàn)，尤其是在設(shè)計(jì)復(fù)雜頁(yè)面的時(shí)候。盡管如此，我個(gè)人認(rèn)為這個(gè)方法還是值得設(shè)計(jì)師們?nèi)パ芯孔非蟮摹?/p>
體現(xiàn)層級(jí)
實(shí)際上，任何一個(gè)版面或界面都存在著不同層級(jí)關(guān)系、不同組織結(jié)構(gòu)的內(nèi)容和元素，而且內(nèi)容版面層級(jí)的設(shè)計(jì)規(guī)劃和視覺層次的設(shè)計(jì)規(guī)劃其實(shí)是一樣的原理，視覺美術(shù)渲染有主次之分，那么版面內(nèi)容的層級(jí)也一樣具有主次之分的，進(jìn)行排版設(shè)計(jì)的時(shí)候，設(shè)計(jì)師應(yīng)該把這種客觀存在的層級(jí)關(guān)系用編排的手段把它還原出來。做好版面層級(jí)區(qū)分的核心作用是，能夠提升文本、圖片等的元素的視覺線索從而獲得更好的界面清晰度，簡(jiǎn)單地說就是使內(nèi)容更容易閱讀了。在設(shè)計(jì)中可以通過字體大小對(duì)比、文字效果、色塊等的方法來處理分級(jí)效果。比如哪些字應(yīng)該大一些，哪些字應(yīng)該小一些；哪些色塊要重一些，哪些淺一些… …
頭疼的事情
一個(gè)版面設(shè)計(jì)完成了，拿去填充內(nèi)容后發(fā)現(xiàn)不好看了，嚴(yán)重時(shí)導(dǎo)致面目全非了，這是為什么？哦！那是因?yàn)榫庉嬋藛T沒有按設(shè)計(jì)師的版面設(shè)定去填充內(nèi)容，這就破壞了頁(yè)面的原有的規(guī)劃了，難怪不好看了。所以，設(shè)計(jì)師還應(yīng)盡量地與編輯人員進(jìn)行溝通，并附帶上設(shè)計(jì)說明書。因?yàn)椴皇敲總�(gè)編輯人員都對(duì)設(shè)計(jì)有所了解，有時(shí)他并不懂得你關(guān)注的問題，所以我們要嚴(yán)格把關(guān)，以免在作品出版后令你捶胸頓足。
小結(jié)
做好排版設(shè)計(jì)也不是一件困難的事情，我們可以通過字體、行距、色塊、對(duì)齊和網(wǎng)格等等的方法來規(guī)劃和控制，我個(gè)人覺得網(wǎng)站版面也是能與用戶形成交流的，作為設(shè)計(jì)者，我們必須讓這種交流保持順暢和愉悅，這樣用戶才會(huì)去喜歡它。
本文鏈接：http://m.95time.cn/design/doc/2010/8125.asp 
出處：網(wǎng)易用戶體驗(yàn)設(shè)計(jì)中心
責(zé)任編輯：bluehearts
上一頁(yè) 版式設(shè)計(jì)心得 [1] 下一頁(yè)
|
第 1 頁(yè) 
第 2 頁(yè) 版式設(shè)計(jì)心得 [2]
