平面設計入門:平面設計原則(13)

網頁設計技巧
文/羅蘋‧威廉斯   譯/ 張妤菁
font print 人氣: 7
【字號】    
   標籤: tags:

優良的網頁設計有兩個最重要的特點:重複與清晰。做到這兩點,瀏覽網頁者永遠不需要費神思量該如何使用網站的瀏覽機制,也不會懷疑自己現在是在網站的哪個位置:是還在同一個網站,抑或已經瀏覽至別的網站了?

重複

在你的網站中,每一頁都要重複某種視覺項目。這不但能讓瀏覽網頁的人知道他們還在你的網站裡,也讓網頁保有一致性、連貫性與任何優質設計具有的搶眼特色。

讓瀏覽網頁者一進入你的網頁內容,可以在同樣的位置找到瀏覽的連結設計;讓它們維持同樣的次序,並以同樣的圖案標示。如此一來,不僅會讓他們覺得你的網站很容易瀏覽,也賦予整個網站的網頁一種統一風格。

易讀性

最難閱讀文章的環境之一就是螢幕,不論是電視、錄影機或電腦都一樣。所以,我們要在網頁內容上做些修改,讓人能愈輕鬆閱讀愈好。

網頁每行的長度必須比平面印刷品上的段落短,內文不應該橫跨整個網頁的篇幅。換言之,你應該將內文編排在表格中,或至少利用整段縮排設計(block indent),使內文左右兩邊都有縮排,不至於從螢幕最左緣一直排到最右緣。不過,也不應矯枉過正,讓每行的長度短到文句不斷因為換行而被打斷。

以英文為例,如果你要用某特定字體來編排網頁的內文──常見的有Helvetica 、Arial 、Times 或Times Roman 字體(如果沒有,請跳過本段說明)──請在Helvetica 前加上Genevay 字體,在Times 前加上New York 字體。這麼做可以讓使這些字體排成的內容,在麥金塔電腦上顯得更清楚、更容易閱讀。

若你使用的是麥金塔電腦,預設字體請以New York 取代Times, 你會發現瀏覽網頁輕鬆多了。等到要列印網頁時,再改回Times 。最近幾年升級的電腦作業系統都有Verdana 字體,非常適合在網站內文中使用。

摘自:《寫給大家的平面設計書》三言社出版提供@(http://www.dajiyuan.com)

如果您有新聞線索或資料給大紀元,請進入安全投稿爆料平台。
related article
  • 設計傳單、摺頁文宣、通訊刊物或其他印刷品時,你很清楚哪些資料間有合理的關係,也知道要突顯哪些資料、哪些不必。請將資料歸類成圖表,以傳達訊息。
  • 你可能已將相近原則運用在作品中,但或許尚未充分發揮,因此效果不夠鮮明。仔細觀察下面的例子,注意版面上各個項目,想想哪些項目應該歸類在一起。

  • 有時你會覺得,在一個版面上可同時採用齊右與齊左兩種編排方式,但是,你必須確定內文可以用某種方式對齊!讓我們以編排形式不同的詩集封面來做說明。

  • 如果你的對齊效果很強烈,你可以刻意打破這種對齊方式,成品看來就會像是經過精心設計的結果。秘訣:對齊方式要有所突破時,千萬不要扭扭捏捏。放手去大膽設計,否則就不要嘗試。膽小扭捏只會使作品顯得不上不下。

  • 你是否要設計一份好幾頁的出版品?重複是統合頁面的要素。讀者打開文件時,優良的版面設計應該馬上就能呈現第七頁與第十二頁為同一份出版品的感覺。本頁與下一頁的例子屬於同一份出版品,你能指出所有的重複項目嗎?

  • 如果你的桌上有兩份「通訊刊物」(請見本頁與右頁的例子),你會先拿哪一份來看?兩份的基本編排方式相同,也都很美觀、乾淨,內容也一樣,只有一種差別:右頁的例子中有較多的對比設計。
  • 沒錯,對比很少是唯一一個需要強調的原則,不過,你經常會發現,只要用了對比技巧,其他原則也會依序出現。舉例來說,你的對比項目有時也能作為重複項目。

  • 下面以俄爾網路咖啡公司經理俄爾.瑞茲的名片為例,說明三種不良的版面編排方式。

  • 將版面項目排成一直線!名片上每個項目應該與其他任一項目對齊。
  • 設計新鮮人的摺頁文宣與通訊刊物作品有很多共同的問題,例如:缺乏對比與對齊效果、使用太多Helvetica 或Arial 字體。以下簡單說明,設計原則該如何運用於你目前的摺頁文宣作品中。
評論