Change History

基本資料

1.網址：http://www.bietekopfhandundherz.de/index.html
2.名稱：BIETE KOPF HAND &HEARZ
3.類型：德國 設計工作室
4.族群：上班族、設計族群
5.網站性質：鄉村創意工作室

[img]http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/301076_245804772125127_100000868180746_712633_2369325_n.jpg[/img]

分析
1.色系：黑、白、灰、
2.輔助色：黃、紅、粉
3.風格：清晰、簡單、剪貼風格
色彩簡單，以黑灰白色系為主，
圖片安排 & 文字編排 呈現剪貼的感覺很有趣


3.編排分析
ˇ中間的動態圖片呈現剪貼的風格
ˇ主要標題在於圖片的下方
排版方式都以置中的方式呈現
主標題滑鼠移過程現粉色

利用陰影的分隔線來區隔上下兩個區塊

ˇ小標題在於最下方
文字置左的方式做編排


[img]http://a6.sphotos.ak.fbcdn.net/hphotos-ak-ash4/296321_245804785458459_100000868180746_712634_4751104_n.jpg[/img]

4.字體
主標題：英文字體
標題&主標題：黑、白、灰

5.整體分析
整體感覺呈現出些許的剪貼風格
舒服、一目了然、簡單

色彩部分以黑、白、灰為主
利用黃色、粉色來點綴整個網站

按鈕ˇ分為四大類，滑鼠移入呈現粉色按鈕
網站內容ˇ像是blog，簡單一目了然，
頂端的top logo 與首頁相對應
Blog內容的照片，點選，照片會有放大效果
其他分類內容ˇ圖片與編排，風格有趣，色彩簡單

[img]http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/301436_245804738791797_100000868180746_712631_8058236_n.jpg[/img]

[img]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/298796_245804795458458_100000868180746_712635_1378154_n.jpg[/img][img]http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/301436_245804738791797_100000868180746_712631_8058236_n.jpg[/img]

按鈕ˇ分為四大類，滑鼠移入呈現粉色按鈕
網站內容ˇ像是blog，簡單一目了然，
頂端的top logo 與首頁相對應
Blog內容的照片，點選，照片會有放大效果


[img]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/298796_245804795458458_100000868180746_712635_1378154_n.jpg[/img]


另一個設計工作網站：http://www.sunlei.name/aboutme/aboutme.htm

基本資料

1.網址：http://www.bietekopfhandundherz.de/index.html
2.名稱：BIETE KOPF HAND &HEARZ
3.類型：德國 設計工作室
4.族群：上班族、設計族群
5.網站性質：鄉村創意工作室

[img]http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/301076_245804772125127_100000868180746_712633_2369325_n.jpg[/img]

分析
1.色系：黑、白、灰、
2.輔助色：黃、紅、粉
3.風格：清晰、簡單、剪貼風格
色彩簡單，以黑灰白色系為主，
圖片安排 & 文字編排 呈現剪貼的感覺很有趣


3.編排分析
ˇ中間的動態圖片呈現剪貼的風格
ˇ主要標題在於圖片的下方
排版方式都以置中的方式呈現
主標題滑鼠移過程現粉色

利用陰影的分隔線來區隔上下兩個區塊

ˇ小標題在於最下方
文字置左的方式做編排


[img]http://a6.sphotos.ak.fbcdn.net/hphotos-ak-ash4/296321_245804785458459_100000868180746_712634_4751104_n.jpg[/img]

4.字體
主標題：英文字體
標題&主標題：黑、白、灰

5.整體分析
整體感覺呈現出些許的剪貼風格
舒服、一目了然、簡單

色彩部分以黑、白、灰為主
利用黃色、粉色來點綴整個網站

按鈕ˇ分為四大類，滑鼠移入呈現粉色按鈕
網站內容ˇ像是blog，簡單一目了然，
頂端的top logo 與首頁相對應
Blog內容的照片，點選，照片會有放大效果
其他分類內容ˇ圖片與編排，風格有趣，色彩簡單

[img]http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/301436_245804738791797_100000868180746_712631_8058236_n.jpg[/img]
[img]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/298796_245804795458458_100000868180746_712635_1378154_n.jpg[/img]
[img]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/298796_245804795458458_100000868180746_712635_1378154_n.jpg[/img][img]http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/301436_245804738791797_100000868180746_712631_8058236_n.jpg[/img]

按鈕ˇ分為四大類，滑鼠移入呈現粉色按鈕
網站內容ˇ像是blog，簡單一目了然，
頂端的top logo 與首頁相對應
Blog內容的照片，點選，照片會有放大效果


[img]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/298796_245804795458458_100000868180746_712635_1378154_n.jpg[/img]


另一個設計工作網站：http://www.sunlei.name/aboutme/aboutme.htm

基本資料

1.網址：http://www.bietekopfhandundherz.de/index.html
2.名稱：BIETE KOPF HAND &HEARZ
3.類型：德國 設計工作室
4.族群：上班族、設計族群
5.網站性質：鄉村創意工作室

[img]http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/301076_245804772125127_100000868180746_712633_2369325_n.jpg[/img]

分析
1.色系：黑、白、灰、
2.輔助色：黃、紅、粉
3.風格：清晰、簡單、剪貼風格
色彩簡單，以黑灰白色系為主，
圖片安排 & 文字編排 呈現剪貼的感覺很有趣


3.編排分析
ˇ中間的動態圖片呈現剪貼的風格
ˇ主要標題在於圖片的下方
排版方式都以置中的方式呈現
主標題滑鼠移過程現粉色

利用陰影的分隔線來區隔上下兩個區塊

ˇ小標題在於最下方
文字置左的方式做編排


[img]http://a6.sphotos.ak.fbcdn.net/hphotos-ak-ash4/296321_245804785458459_100000868180746_712634_4751104_n.jpg[/img]

4.字體
主標題：英文字體
標題&主標題：黑、白、灰

5.整體分析
整體感覺呈現出些許的剪貼風格
舒服、一目了然、簡單

色彩部分以黑、白、灰為主
利用黃色、粉色來點綴整個網站

按鈕ˇ分為四大類，滑鼠移入呈現粉色按鈕
網站內容ˇ像是blog，簡單一目了然，
頂端的top logo 與首頁相對應
Blog內容的照片，點選，照片會有放大效果
其他分類內容ˇ圖片與編排，風格有趣，色彩簡單

[img]http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/301436_245804738791797_100000868180746_712631_8058236_n.jpg[/img]
[img]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/298796_245804795458458_100000868180746_712635_1378154_n.jpg[/img]
[img]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/298796_245804795458458_100000868180746_712635_1378154_n.jpg[/img][img]http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/301436_245804738791797_100000868180746_712631_8058236_n.jpg[/img]

按鈕ˇ分為四大類，滑鼠移入呈現粉色按鈕
網站內容ˇ像是blog，簡單一目了然，
頂端的top logo 與首頁相對應
Blog內容的照片，點選，照片會有放大效果


[img]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/298796_245804795458458_100000868180746_712635_1378154_n.jpg[/img]


另一個設計工作網站：http://www.sunlei.name/aboutme/aboutme.htm