由於蔬活食堂站前館開幕

多了一家分店

於是蔬活食堂的網頁要小改版

呼~

實際做下來真的很不簡單呢!

 

一開始建宏和stan開會提出舊版網頁需要更改的部分

 

1.網頁上面的logo不明顯

2.首頁太弱

3.菜單用Tab方式區分分店呈現

 

(tab是像分頁那樣   如果是點擊分店進下一頁

會很多層   更新會很痛苦)

等等等

開會聽著討論 內心覺得好厲害~~

不愧是長期經驗累積


 

一開始要先參考很多網站

找和蔬活食堂的tone調相似的

頁首就改試了很多版

 

最後選了接近原版的

logo換全綠

字換小 換橫的 英文算是裝飾 所以改手寫字 照片很不豐富換圖

 

改完真的差很多!!

還有footer

  

看似簡單的footer

但其實有很多細節要注意

我常常被說作品很粗糙但卻不知怪在哪

感謝阿亞娜的指導!!

 

他帶著我去看很多日本的網站

放大看細節

告訴我網站設計有三個大重點

 

1.Trend趨勢

現在的趨勢因為行動設備的流行

走向平面簡單化

 

apple的ios是很好的例子

走向簡單平面化

所以陰影什麼的最好是不要加

盡量簡單平面

2.Tone風格

風格是你要將這個網站走向什麼風格

像是蔬活食堂是優雅簡單

去參考網站去觀察字體 字距 配色等等等

都是很重要的觀察

 

 

 

3.Blance平衡

去平衡以上兩者

去強調你想要什麼風格

像是手繪3:7優雅等等

去平衡

或是簡單不能太簡單

像是這個網站

  

他的邊緣  他的背景

 

都有細節!!!真的是一堆的魔鬼都藏在細節裡

所以他的整體網站好好看都是有原因的!


 

回來看我的footer...

字體看起來很粗俗

陰影 標題看起來跟內文一樣沒有區隔等等

邊緣可以加點細節

 

    

真的差有夠多

 

以前都囫圇的找網站

謝謝阿亞娜待我去認識那些細節裡的魔鬼

 

 

文章標籤
全站熱搜
創作者介紹
創作者 YC 的頭像
YC

設計新手訓練中

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