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

wkd

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

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

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

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

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

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

 

           #E3000D
 R:227 G:0 G:13   
           #FF790C
 R:255 G:121 B:12 
           #30B613
 R:48 G:182 B:19  

 

           #1051D3
 R:16 G:81 B:211 
           #9B3EB9
 R:155 G:62 B:185 
           #FF5586
 
R:255 G:85 B:134

 

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


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

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

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

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

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

 

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

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

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

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

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

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

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

格率

 

 

 

 

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

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

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

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

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

 

 

 

 

 

 

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


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

標籤:網頁設計網站企劃格率設計

創作者介紹

索尼的紅燈人生

索尼 發表在 痞客邦 PIXNET 留言(2) 人氣()


留言列表 (2)

發表留言
  • macro32
  • 這真的是第一次看到的知識!拜讀了!
  • 呵呵 不會啦 大家一起交流交流

    索尼 於 2009/04/21 19:42 回覆

  • 好玩小遊戲
  • 謝謝你的熱心分享^^
  • 呵呵 不會啦
    該不會 免費小遊戲也是你吧 哈哈哈

    索尼 於 2009/04/21 19:43 回覆

找更多相關文章與討論