2012年3月3日 星期六

Department of labor 版型

http://www.labor.ny.gov/home/
版型畫線

色調:暗紅、深藍、淺灰、白
中規中舉的色調、給人有忠實、安心、信賴感的感覺
背景:淡淡的藍灰由下往上慢慢刷白,不會使版型覺得空白

版面配置:

首頁
上面Menu,大大的下拉選單,收滿了很多功能,功能列之中又能整齊的排列,運用間隔空隙和字型粗細來呈現。
形象功能圖片欄位整齊排列,合起來一樣寬,公告在中間一小塊用色不同,特別凸顯他的不同之處,最後Footer包含了site map,所以很大一塊,分左右兩邊,右邊則整齊的方上連絡資訊看起來格外舒適…
特色處,形象功能圖片欄位在滑入的時候會變成關鍵的顏色,會將全彩的部份改變成其它色系,還不錯的地方

內頁
利用jQuery做版面收合的動作,自然呈現出乾淨俐落的感覺,或是利用tab做切換動作,把多個版的功能合成一個又不會太擁擠,真是一舉兩得。


沒有留言:

張貼留言