產品設計流程(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 ,
也是只會了幾個功能之後,
就開始用它來做案子;
到後然自然越來越熟稔,
也發現更多的實用功能,
能做出的風格自然也就多元了。
未完待續---