網頁切版 PK 戰:甜點電商網站
「網頁切版 PK 戰」是由六角學院舉辦,挑戰者要完成一份甜點電商網頁的 CSS 切版。
我負責繪製本挑戰的網頁設計稿,共有六個主要頁面,以及響應式排版。挑戰的主要目的是訓練學員對於 CSS 切版的熟練度,在版型上也刻意增加一些較有挑戰性的區塊,希望能讓新手與老手都有練習的空間。
除了產出網頁設計稿之外,我也一同加入 CSS 切版的行列,主要使用 Bootstrap 4 這個框架來完成。
挑戰活動標準字
配合切版的意象,試圖做出俐落的造型,並利用斜體增加速度感。
網頁設計稿:桌面版
首頁的設計上使用了區塊疊合、毛玻璃特效、直式文字等等來提升切版難度
網頁設計稿:手機版
在響應式的設計上,在網站的版面做了一些區塊的省略與優化
如果你也想加入挑戰...