人生風險顧問 Sony

www.wkd.co.jp     株式会社ワークデザイン WKD | JP 日本

WDK是一間多元化的公司，服務項目包含了網頁設計/網站、支援系統、電影、廣告DM、

甚至到人力派遣、工人派遣等，服務範圍相當廣泛。

而派遣業在日本算是相當的普遍，WKD的網站更是利用色彩的特色調性，包含紅色的「熱情積極」、

橙橘色的「朝氣親切」、綠色的「年輕希望」、藍色的「冷靜智慧」、紫色的「成熟洗練」

與粉紅色的「純真柔和」，建立鮮豔明顯、互相協調的感覺，

內容的設計上沒有太多的文字，首頁進來的第一印象就緊緊抓住瀏覽者的心。

---------------------------------------------------------------------------------------------------------------------------------

在產業日趨發達，資訊傳達也開始加速的時代，瑞士的勃洛克曼(Josef Muller-Brockmann)與盧德(Emil Ruder)等人，

為資訊傳達奠定了以單位組合建構版面的技術："格率"，格率的德文為Raster systeme。

其中Raster字義與英文的Scree(螢幕)相同，從中可以窺見其視野已超越了僅在紙上整理文字，

進而期待建立一種以各種可利用的整理方是將資訊做最妥善的傳達。

由於格率從誕生開始，就試圖涵蓋所有領域的"溝通"，因此在現代的網頁設計等媒體中，依然不失其存在價值。

格率通常用於分割版面以刊載資訊，其方法是以縱向與橫向輔助線組成的網格(grid)將整體畫面作分割，

再將文字與圖像配置其中，使用這種技法時，由於要規劃出符合內容的格律，因此第一部就是先求出最小的單位基準值。

在編排印刷品時，這個單位就是內文文字的級數。

不過，若為每個文字都拉出網格，那只會徒增作業上的困難，並造成變更文字級數的障礙。

因此在規劃格率時，應先以一行內文所包含的字數與級數為基準，經過適當的字距調整後所得出的行寬，

就是比最小單位字寬大一級的"單位格(unit)寬度"，在以單位格寬度為基準，為整個版面作分割就可以了。

根據格率所規劃的版型如下圖所示：

 以最小單位(例如文字)的尺寸導出每一單位格的寬度

 再以行高作基準，決定版面的高度。

 接下來在測出整個頁面的中心點等標的，

 在對角線上取得視覺要素的輕重平衡，

 以立配置文字以為的各種要素。

以上就是格率的應用方式與簡介，在排版編輯上能提供設計師一個參考的設計考量。

---------------------------------------------------------------------------------------------------------------------------------

標籤：網頁設計、網站企劃、格率、設計