WEB DESIGN

因為想要繼續往設計師的路走，所以用目前學到的技術，把至今為止的作品集結了起來。

透過Youtube及各種線上教學平台自學了網頁程式語言，在學到一半的時候覺得似乎可以用目前的技術做成網站了，於是開始了作品集的製作。

製作跟想像的很不一樣，在製作的過程中常常碰壁，也有因為碰到問題不想做的時候，但透過Google、線上論壇和ChatGPT，耗時2個月終於完成了。

此作品集網站是我現在所學的技術的集大成，跨過種種障礙和疑問，裝滿了我製作網站的成長過程。

網站的形象圖是用自己去畫的，一手拿著電腦、一手拿著畫筆製作畫或是設計的感覺。

因為是以作品為主的網站，網站視覺採用簡潔的設計，主要色使用淺粉色，次要色則是灰色和白色。

程式碼的部分採用Bootstrap的Wireframe，讓每個區塊可以自由使用，另外在表頭、文字、按鈕等添加個人風格設計，並且讓這些設計也變成元件自由使用。

第一次做的大型網站，不只把不好閱讀的部分做了修改，也把所有的設計統一色調及ICON，製作完整的GUIDE LINE。

把首頁過長的圖片簡化，讓顧客一進入網站後能夠馬上找到想找的內容，不會因為找不到東西而跳轉其他網站。

把展示綜合技術的部份加入了動畫效果，不是單純的只有文字，而是能夠吸引顧客的目光，進而讓顧客去閱讀內容。

在招募情報的部分，為了讓網頁更加活潑，加入了在滑鼠移入後就像前後切換照片一樣的動畫，增添了一番趣味。

而子集團公司的展示區塊，也把它從全部展示更改為一列，並且加入時間到就會自動切換的動畫，讓整體更好閱讀。

第一次做的包含Html / Css的網頁設計。

因為我是用線上教學自學網頁設計的技術，所以在製作的過程中遇到很多課程中沒有教的內容。

但是，因為被公司要求要做設計翻新，所以參考了之前的程式碼，一邊摸索一邊製作終於完成了網站。

因為網站使用了Wordpress製作，所以不只有Html / Css，也使用了Php，參考了之前的程式碼及使用ChatGPT輔助，現在可以讀懂一些簡單的程式碼了。

另外，因為公司對設計沒有特別的要求，所以我用自己的基準去設計，並且用心做出帥氣、好讀、有統一感的設計。

整體色調使用品牌色的深藍色，輔助色使用同色調的藍色，另外為了讓網站更好讀，也盡量使用圖片去輔助文字。

為了讓設計可以在電腦跟手機都可以清楚地呈現，在版面配置上下了許多工夫。

在網頁完成後，收到許多公司內部的意見，說網頁的資料變得更直觀好用了。

第一次做的網頁設計(只有UI/UX)。

我利用線上學習平台自學Figma，在網頁知識還比較不多的時候，一邊參考各式各樣的網站，一邊自行摸索製作了設計。

加工產業會讓人有艱深難懂的感覺，因此我決定積極使用Icon和動畫效果，讓網站呈現比較活潑的氣氛。

因為是最初的設計，現在回過頭來看，感覺還有許多可以改善的空間。

因此現在除了做官網的更新之外，也會在閒暇之餘修改呈現比較不好的地方，讓網站變得更好用。

在幾乎沒有網頁設計知識的時候做的部落格。

使用Wordpress內建模板製作，之後再自己變更顏色、配置等設計。

部落格內容主要以旅行、美食、日本文化和動漫的文章為主，主要是自己興趣撰寫的。

而現在因為自己已經擁有了網頁設計的知識，之後也打算慢慢地把設計變成自己的風格。