Precoo 前端工程師養成計畫： week 1

產品設計流程(UI/UX端)簡介：


    蒐集資訊

→產生 wireframe (interface flow)

→確定 flow 之後開始 design

→切版

雖然粗略，

但是進行一個產品的設計，

至少要走過這樣的流程。

特別是「蒐集資訊」這一步驟，

不論任何形式、任何領域的設計，

這都是根本。

但是這一次暫時跳過了這個步驟

因為個人作品集比較像是自己決定呈現方式給閱讀者，

並且所有資訊都來自自己。

因為個人作品集屬於純粹展示用途，

沒有什麼功能上的需求，

其架構亦不至於太複雜，

故此次專案我把重點在於呈現以及排版；

這正好也適合初來乍到網頁撰寫領域的我。

於是直接進行了 design ，

並用平面軟體拉出版面如下：

首頁：

關於我：

先拉了「首頁」以及「關於我」，

「首頁」的想法是主選單，

將自己的作品分為五類。

不想要有太多的文字，

簡單、容易尋找是我對主頁的訴求。

並在每個單元給予一個 Icon 設計，

圖像化是減輕認知負荷的一個好手段。

關於我作品集的五個分類：

about：

    就是自我介紹囉。

UI design：

    第一個作品就是現在正在進行的專案，

    理想狀況是這裡陸續會有幾個網站樣板設計，吧，

    有夢最美！

CIS design：

    CIS 為 corporate identity system 的縮寫，

    翻譯為企業識別系統。

    是指一個組織的形象包裝，

    甚至是其文化、行為模式的設計。

    但敝人終究是沒這麼大師級，

    有設計到 logo 和名片我就會分到這類了。

graphic design：

    這部分將會是我網站最多作品的一個分類，

    從大一開始接觸電繪到現在，

    八成的作品都是電腦繪圖平面設計。

painting works：

    這裡放的是一些手繪風格的作品，

    徒手的、或者是透過手繪版的。

目前只拉出「首頁」以及「關於我」，

其他分類的版面將不會相差太多，

只是呈現方式還在另行思考當中。

進行設計之前，

因為我大概懂得 html 及 css 的運作，

所以設計的過程中會去思考哪些東西是程式碼做得到與做不到的；

或者應該說：哪些東西是程式碼容易做到與不容易做到的 lol

畢竟還是屬於初學狀態，

給自己的心態是：先求有，再求好。

回想起當初自學 Illustrator ，

也是只會了幾個功能之後，

就開始用它來做案子；

到後然自然越來越熟稔，

也發現更多的實用功能，

能做出的風格自然也就多元了。

未完待續---