close

位於日本東京的這家咖啡廳corne café,提供的不只是餐點、咖啡,更特別的是它還提供了「午睡」服務,讓上班族女性可以小憩一下。有點類似膠囊旅館的概念,corne café提供了可以更換的衣物、各種大小、尺寸、高度的枕頭,讓人在舒服放鬆的空間下好好休息。

main01

corne café的網站也同樣展現了溫柔的安心感,單頁式網站的設計從配色、插畫運用、照片呈現等,都透露著女性溫柔、安心、信賴的品牌精神,如何透過設計傳達這樣柔軟的女性概念是我選擇corne café做為這次網站視覺分析的主要原因。

  • 溫柔的配色與柔和的線條,一進網站就感受到女性感

color-01  

corne café使用彩度低、明度高的色彩來表達令人安心的感覺。草綠色、淺灰、淺棕的配色給人穩定的感覺,土黃色(#f5b322)在這裡是重點色,給人明亮清新的感覺。

  • 不規則的導覽列設計  

在NAV的設計上,corne café使用不規則的圓型圖示放在頁面的右方。其實我覺得這個做法不是很理想,一來是不規則的形狀讓使用者無法辨識這是一個導覽列,二來是位置的擺放讓使用者很容易忽略。但由於corne café是單頁式的網站,使用者通常會直接滾下去看其他介紹,稍稍彌補了這個導覽列的不足。

NAV-01
(↑corne café的導覽列,若不特別標明真的不太知道那裡是按鈕呢!)

  • 剛剛好的插畫表現,讓人覺得親切好理解

ill-01  

corne café的網站裡,使用了許多插畫元素。這在許多日本網站都很常見,但如何用的巧妙、不留於俗氣是個挺難的學問。在corne café的網站中,使用單色的線條來呈現,仍然保留手繪的手感讓使用者就算不懂日文還是可以輕鬆的理解網站要傳達的意思。

ill-02  

(↑將提供的服務以插畫圖示來表達,很有親切感)

ill-03
(↑手繪地圖呈現,簡單明瞭)

  • 不規則的照片邊框,讓畫面有跳動的感覺

除了配色、插畫表現,corne café照片的呈現也很特別,是用不規則的呈現方式。(我們懶人包的聖誕特輯也使用了這樣的設計元素!)不同規規矩矩的正方或圓型,這樣的呈現方式讓畫面有跳動的感覺,是在做活動網站時可以參考的方式。

pic-01

pic-02
(↑不規則邊框的呈現生活感的照片,使用者感受更加親近)

單頁式的網站瀏覽、柔和的配色、適當的插畫表現、不規則的照片呈現,都是corne café網站表現親切、女性感的特點,這在我們設計相關類型的活動網頁時可以作為參考的重點。

arrow
arrow
    創作者介紹
    創作者 ariselin0224 的頭像
    ariselin0224

    Ariselin Design

    ariselin0224 發表在 痞客邦 留言(0) 人氣()