設計感作品集呈現網站

專案介紹:
首頁部分想要呈現右邊是圖片,左邊是字,讓閱讀者清楚明瞭,讓視覺重點在右邊大圖上。
首頁及履歷頁呈現橫版,方便條例閱讀。

專案動機:
簡易文字 整體色彩採用大地色,給人自然質樸感受。
契機 參考很多作品集擺飾,選用最符合規範的排列方式。
構想 喜歡看家居擺飾的照片,把作品集用家居照呈現出來。
出發點做自己看了會喜歡的網頁

重點技術:
細節 作品集最上方呈現作品大圖
重點技術 套用swiper以達到切換圖片技術
圖搭配簡易文字 將作品呈現在最顯眼的地方,讓視覺焦點可以放在作品裡。

個人作品網介紹:
首頁

履歷

網頁內容展示

作品集列表

學習心得與回饋
心得:
沒想到自己也能做出一個網站,尤其打code真的是一件很有趣的事,但也很難,未來也會持續精進自己,往網頁方面前進。
順利找到工作的話,未來有機會會想當工程師,當然這需要一步一腳印,慢慢學習。
對達內的教學回饋 :
遇到問題有老師可以詢問真的是一件很安心的事,比起自學,自己找答案花的時間,會是問老師的兩到三倍,節省時間可以學習更多事物。
Comments