close
網頁設計原則-設計篇http://www.piece2ec.com.tw/news.asp?ID=119 (詳閱)因應一位朋友的邀請，我整理了一些關於 網頁設計 的原則！網頁設計是一種需要多方面專業相互配合的領域，在設計、製作上，都需要有多方的考量。以下以常見的幾個面向來討論網頁設計原則。本篇的設計主要著眼於視覺面，因此並不會提及太多規畫方面的訊息。視覺網頁最售屋網重要的就是在視覺方面的設計，所有的網頁最終都是必須要被看到的。視覺方面，除了要有內容外，整體的編排更是內容呈現的成敗點。因此我們可以歸納出以下幾個重點 :1.層次網站名稱、主標題、副標題、內文、引文等等，必須要有「該有的樣子」。而「該有的樣子」則是由你來定義，通常網站名稱會跟Logo合在一起，主標題會比副標題大，引文可能信用貸款會有框並且以斜體表示之類的。2.區塊頁首、頁尾、目錄、內文、廣告，必須要分明。但分明並非全部都以尖銳的線條分割，在許多地方若能以暗示性的方式（如明暗差別較小的色塊當背景、兩個區塊字體顏色大小不同），在視覺上將會大大加分。像是這個網站雖然很亂，但是各區塊並不會因此混在一起。3.識別認真經營的網站，通常會具備一個識別系統西裝外套。上面通常會放上一個識別符號，可能是一個圖案（Logo），也可能是一組經過認真設計過不同於平常的文字組。像這個網站就是一個非常糟糕的例子，你在看完他後幾乎不會留下任何印象。除了識別符號外，其他內部的元件也必須要依循著類似的風格，標題可能帶有底線，區塊可能帶有圓角，圖片可能會有留白加上框線，像是這個網站。4.風格這項與「花蓮民宿識別」相當類似，但主要著眼於細部項目的配置。網站若是走學術風，則顏色方面就必須以較沉穩的灰冷色系為主，且避免使用太活潑的字體，編排方面也要注意所有項目的對其；若是走公務員風，則要避免黑白或是彩度太低的顏色，且字體最好能用毛筆字體就用毛筆字體，內容能放首頁就放首頁，鏈結越多越好；若是走 科技 風，則最好標題全部換成英房屋出租文，設計時要加上許多像是科技的線條或是 pixel，且字體最好用越看不懂的越好。以上當然是有點誇張，但說明了各種領域都有些既定的形象，若沒有把握做到更好，就乖乖遵守吧！5.編排如同文字編排，網頁的文字編排也是相同的方法。編排的內容最重要的就是字體大小跟行距。字體方面，以清晰為前提之下，最小的中文字在11 pixel，最適合閱讀的住商房屋是12、13、15、18、20 pixel 這幾個大小註1。行距則是一般製作者最容易忽略的地方，因為必須透過CSS控制。一般較適合閱讀的行距大約是字體的125%到200%，但也有特殊的「設計者」喜歡用低於這個尺寸的行距註2。註解註1以OSX系統而言，所有尺寸的字體因為柔邊的關係，都一樣不清楚。XWindow系統則會有柔邊，所以也是一樣都不清楚。而目前佔西服有率最高的Windows系統，在11、12、13、15、15、18、20下，大部分會啟用鋸齒字，而筆畫配置在這幾個尺寸也恰好最協調。網頁是在電腦上，基於 pixel 的媒體，因此用 pixel 才能確保精確定義的大小不至於被修改。註2原因有二，一是這些設計者不會專心看內文。二是他們覺得這樣看起來很酷。轉貼來源：Cassatte`s Blog參考文獻：1.石恩綸（花蓮民宿2000）。女性網路使用者的網站印象與網路使用行為。台北大學企業管例研究所碩士論文，未出版，台北。2.王育民、王怡舜 (1999), 行銷策略導向之旅館業網際網路服務 內容規劃 與設計, 第五屆服務管理研討會, 台北市, .3.林永惟、宋同正 (2008), 商業 平面設計 之設計品質, 商業設計學報, 12(), 19-34.關聯關鍵字網頁設計、網路行銷、關鍵字辦公室出租行銷、網站設計、網站代管、程式設計、SEO關鍵字、廣告設計、網路開店、關鍵字排名台南網頁設計、台北網頁設計、台南網頁設計公司、台北網頁設計公司、seo、關鍵字、關鍵字廣告、關鍵字搜尋、搜尋排序、關鍵字排序
.msgcontent .wsharing ul li { text-indent: 0; }
分享
Facebook
Plurk
YAHOO!
室內裝潢
.msgcontent .wsharing ul li { text-indent: 0; }
分享
Plurk
YAHOO!
室內裝潢
全站熱搜
留言列表
