「前端作品」日本語學校首頁

第一個個人前端作品, 從設計、排版到前端的編寫都由一人完成。 自己從國中開始對日本文化一直很感興趣, 斷斷續續練習日語拿到 JLPT N2。 如果說到日本, 對於我印象最為深刻的就是日本櫻花, 所以把日本櫻花的動態視頻放置在首頁, 希望讓人打開就會有一種「啊, 這很日本味」的感覺。 緊接著文字排版有參考許多日本雜誌的編排, 日本的雜誌應該也是我所看過最會利用「空間」的書籍, 能把各種橫豎字體以及不同字體的運用都值得深入學習。 前端部分: 1. 左右欄位和Navbar的部分利用了Bootstrap的Navbar及Grid System 2. 開頭的視頻用Adobe Premiere進行了正序+倒序的剪輯 3. 希望營造可愛的部分, 所以本身放教師的照片更換成了可愛的動畫繪畫 4. 分類標題運用了Aos.js custom animations製造出浮現文字的效果 5. 兩個主要的Swiper版面用不同的編排做出兩種效果 作品地址: https://sukibayashi.github.io/kazekao/
Tony Pan
Published: January 27, 2020
Bootstrap
Premiere
Photoshop
JavaScript
HTML/CSS
vscode
chat placeholder

Build Your Professional Network

Click icon on the company page or under talent search engine to start the conversation.