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


    蒐集資訊

→產生 wireframe (interface flow)

→確定 flow 之後開始 design

→切版

雖然粗略,

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

至少要走過這樣的流程。

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

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

這都是根本。

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

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

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

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

沒有什麼功能上的需求,

其架構亦不至於太複雜,

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

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

於是直接進行了 design ,

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

首頁:
alt

關於我:
alt

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

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

將自己的作品分為五類。

不想要有太多的文字,

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

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

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

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

about

    就是自我介紹囉。

UI design

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

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

    有夢最美!

CIS design

    CIS 為 corporate identity system 的縮寫,

    翻譯為企業識別系統。

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

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

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

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

graphic design

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

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

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

painting works

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

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

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

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

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

進行設計之前,

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

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

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

畢竟還是屬於初學狀態,

給自己的心態是:先求有,再求好。

回想起當初自學 Illustrator ,

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

就開始用它來做案子;

到後然自然越來越熟稔,

也發現更多的實用功能,

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

未完待續---