GUI Design a few thoughts

整理一下製作UI介面的一點感想，順便當做整理一下自己的思路

一般來說UI頁面設計作業時，建議先把一些常用項目先設計好，這樣拼版的人可以優先套用到各頁面，這樣也可以維持風格和版面的統一性。



這些項目為：

1.主要按鈕樣式
常見的有 (1.確定 2.取消 3.返回 4.幫助 5.關閉 等等...)，包含一般狀態(Normal)，游標滑過狀態(Hover)，點擊狀態(Click)，未啟動狀態(Disable)，按鈕設計時也可以依照文件類型，甚至可以細分為 1.大型按鈕 2.中型按鈕 3.小型按鈕 等項目。

2.側邊卷軸
一般為一種通用，但是也可以設計兩種，分別為主畫面用和小視窗用，或是有特別需求則另外設計。

3.視窗外框(視窗面版)
比較常見的有  1.主視窗內部用外框  2.彈出視窗用外框  3.提示訊息外框 等等...
其他則依照個別頁面特殊需求去設計。

4.頁籤項目
一般直接點選和未點選狀態，內容以文字表現較為快速，若是皆為圖片表示方式，設計時需要控制頁籤數量，否則會有大量的圖片需要繪製。

5.下拉選單
一般來說都以文字敘述為主，不太建議使用圖片，會增加美術人員版面製作和程式人員的負擔(因為需要微調時會比較麻煩)。

基本上上列的主要項目如果優先設計完成就能大體完成面板的配置，剩下的就是面板底版的圖片使用和物件的圖片量產，除非每個面板都作特殊設計，不然以如此的設計方式較能加快制作進程。

統合式設計
缺點：UI介面容易較為枯燥乏味，容易讓人看膩。
優點：設計時間較為快速，較讓使用者容易尋找還有統一感。

個別特殊設計
缺點：設計時間會拉長，增加拼版人員的負擔和拼版時間，設計的不好的會造成頁面風格跑掉。
優點：版面風格較有變化，不容易枯燥。

基本上是自己做了一陣子UI的一點小歸納，不過介面其實是比較複雜的東西，不是圖畫出來就有了，也同時和程式和企劃有相關聯，不過這就留待以後有機會再提吧。