由於蔬活食堂站前館開幕
多了一家分店
於是蔬活食堂的網頁要小改版
呼~
實際做下來真的很不簡單呢!
一開始建宏和stan開會提出舊版網頁需要更改的部分
1.網頁上面的logo不明顯
2.首頁太弱
3.菜單用Tab方式區分分店呈現
(tab是像分頁那樣 如果是點擊分店進下一頁
會很多層 更新會很痛苦)
等等等
開會聽著討論 內心覺得好厲害~~
不愧是長期經驗累積
一開始要先參考很多網站
找和蔬活食堂的tone調相似的
頁首就改試了很多版
最後選了接近原版的
logo換全綠
字換小 換橫的 英文算是裝飾 所以改手寫字 照片很不豐富換圖
改完真的差很多!!
還有footer
看似簡單的footer
但其實有很多細節要注意
我常常被說作品很粗糙但卻不知怪在哪
感謝阿亞娜的指導!!
他帶著我去看很多日本的網站
放大看細節
告訴我網站設計有三個大重點
1.Trend趨勢
現在的趨勢因為行動設備的流行
走向平面簡單化
apple的ios是很好的例子
走向簡單平面化
所以陰影什麼的最好是不要加
盡量簡單平面
2.Tone風格
風格是你要將這個網站走向什麼風格
像是蔬活食堂是優雅簡單
去參考網站去觀察字體 字距 配色等等等
都是很重要的觀察
3.Blance平衡
去平衡以上兩者
去強調你想要什麼風格
像是手繪3:7優雅等等
去平衡
或是簡單不能太簡單
像是這個網站
他的邊緣 他的背景
都有細節!!!真的是一堆的魔鬼都藏在細節裡
所以他的整體網站好好看都是有原因的!
回來看我的footer...
字體看起來很粗俗
陰影 標題看起來跟內文一樣沒有區隔等等
邊緣可以加點細節
真的差有夠多
以前都囫圇的找網站
謝謝阿亞娜待我去認識那些細節裡的魔鬼
文章標籤
全站熱搜
