曹郡梃-設計.生活

設計的靈魂來自於生命中活過的精彩

【網頁設計】美食網站形象首頁視覺美化

客戶此次的須求是:只要一頁式的視覺美化設計

網站首頁視覺設計,就是將客戶提供的資料無論如何美美的做出來XD
首先呢~看一下客戶提供的手搞資料,當然客戶還有提供logo、產品圖,在此就不方便PO上來了

客戶手搞,也就是想要的架構

看完客戶提供的資料後⋯⋯嗯⋯⋯好吧!我加油!


 

 

依據此次的設計要求,我用了logo的延申協調色、對比色、調整彩度明度等等來當網站的主要色系,暖色系且乾淨感的配色,在色彩心理學上也是常運用在和食物有關的色彩配色。

PS.配色的方法說明這就和色彩學相關了,其實我大部份已還給老師,若要說明我想我需要點回覆記憶的時間,改天在整理在這網站上分享。

選單、頁首設計

navigation
header

選單頁首設計

 

不想讓選單太死板,在此運用了波浪樣式和漸層,在搭配壓上淡淡底紋,想做出販賣食物的一種甜美、和吃的愉悅。

 

形象區塊設計

形象圖設計

此網站選單前三個單元是設計成可以在一頁式瀏覽的,所以此次設計中我將關於我們也直接規劃成代表網站的形象區塊。

 

媒體報導、社群區塊設計

媒體報導區塊設計

在做此區塊時,一直在想都是方方的構圖有點沒什麼新意,而影片的部份在切版上其實也較不容易變化,所以就將客戶提供之部落客推薦的部份改成用圓形的,看起來有趣外也不較不會像是制式的推薦格式,也剛好和下一段線上訂購區塊的圓型盤子能有相呼應的感覺。

 

線上訂購區塊

線上訂購區塊設計

有時候一張大圖當底圖的排版就能帶出效果,我將訂購按鈕直接和大圖做透明+光暈感的設計,希望可以讓使用者很開心的想點此按鈕引導至購物頁!
(圖夠美就可以少做很多工,啊~不對!是圖夠美才能吸引客戶啦)

整體頁面視覺設計

來看看整體樣式吧!

好凱食堂網頁設計

 

成為Line好友

我的設計專業與經驗介紹

 


版權宣告:設計稿件視覺內容製作物商標、吉祥物、文案、圖片等相關版權屬該公司購買與所有,請不得轉載複製。

Next Post

Previous Post

© 2024 曹郡梃-設計.生活

Theme by Anders Norén