Jun-I Wu's profile

網頁切版 PK 戰：甜點電商 ｜ E-commerce Web Page

Jun-I Wu
•
網頁切版 PK 戰：甜點電商網站
「網頁切版 PK 戰」是由六角學院舉辦，挑戰者要完成一份甜點電商網頁的 CSS 切版。

我負責繪製本挑戰的網頁設計稿，共有六個主要頁面，以及響應式排版。挑戰的主要目的是訓練學員對於 CSS 切版的熟練度，在版型上也刻意增加一些較有挑戰性的區塊，希望能讓新手與老手都有練習的空間。

除了產出網頁設計稿之外，我也一同加入 CSS 切版的行列，主要使用 Bootstrap 4 這個框架來完成。
→ https://juniwu0311.github.io/sweetaste/index.html


挑戰活動標準字
配合切版的意象，試圖做出俐落的造型，並利用斜體增加速度感。
e-commerce dessert Web rwd adobexd Mockup prototype Hexschool 六角學院 #madewithAdobeXD


網頁設計稿：桌面版
首頁的設計上使用了區塊疊合、毛玻璃特效、直式文字等等來提升切版難度
e-commerce dessert Web rwd adobexd Mockup prototype Hexschool 六角學院 #madewithAdobeXD


網頁設計稿：手機版
在響應式的設計上，在網站的版面做了一些區塊的省略與優化


如果你也想加入挑戰...
這份設計稿是開放給所有人去做練習使用的，如果你也想嘗試為這個網頁切版，都非常歡迎！
設計標註檔→ https://pse.is/DBJGW


Date: September 2018
網頁切版 PK 戰：甜點電商 ｜ E-commerce Web Page
Published:
Jun-I Wu's profile

Owner

Jun-I Wu's profile
Taiwan Region

網頁切版 PK 戰：甜點電商 ｜ E-commerce Web Page

Published:

Tools

Creative Fields

Attribution, Non-commercial, No DerivativesAttribution, Non-commercial, No DerivativesAttribution, Non-commercial, No Derivatives