前言

在大學主修室內設計，畢業後進入業界工作約三年後，開始轉往UI設計領域繼續在廣闊的設計圈探索 。在資訊產業正式擔任了UI設計師的職位，才真正對user experience design、interaction design、user interface design等領域有較深入的了解，然後發現其實在UI設計和空間設計這兩個領域是有許多相似之處的。

1. 基地分析

2. 重視特定使用者需求

3. 初期豐富完整的草圖規劃

4. 確定目標方向後的擬真模型

5. 設計過程中有依循的規範

6. 剖面高程概念

7. 尺寸很重要

此文為接續上篇分享後面三點

還沒看過上篇的在此 🠯 🠯 🠯 🠯 🠯 🠯

5. 設計過程中有依循的規範

• 空間設計 :

過去在建築師事務所的工作，除了做設計外，跑建築執照、使用執照、室內裝修許可證等等證照、執照也占據了不少時間。而這些證照、執照核發的標準依，例如建築技術規則、建築物室內裝修管理辦法等法規。建築的製圖方式也都有一定的規範，這些都是我們在設計過程的前中後的必須參照依循的原則，雖然必須符合法規但在一定的限制下，盡量發揮創意，還是有需多令人驚豔的建築物、空間設計不斷被創造出來。

• 介面設計 :

介面設計方面的規範 (Design Guideline)像是google的Material Design，iOS的 iOS HIG,依照這些規範做有系統的設計可以讓APP在裝置上的操作維持一致性，讓使用者可以過往經驗快速上手一款剛接觸的APP。差別是設計規範對介面設計的限制是沒有像法規對空間設計的規範這麼嚴格和較缺乏彈性，還是有的APP為了品牌的識別和特色自訂一套有系統的設計規範。關於這之間的程度拿捏可以參考這篇。

6. 剖面高程概念

• 空間設計 :

在空間設計的思考模式裡，看似一開始多半從基地範圍內，空間量的停面配置和動線規劃開始也就是初步的平面草圖，但其實我們在繪製平面草圖時，幾乎都是同步思考空間的高程關係，因為空間它就是3D的概念，組成一個空間的天，地，壁缺一不可彼此環環相扣，構成整個空間的設計氛圍。所以在平面大致確認後，就會利用3D建模來模擬空間的狀態，利用3D模型可以發現平面圖上可能遺漏的細節，並且針對空間的各立面，剖面做個深入的設計安排。進而在後續的施工圖繪製裡依據設計結果完成立面圖，剖面圖。

• 介面設計 :

我原先並沒有特別發現UI介面設計其實也是有高程概念的，就覺得是一層層疊上去，像是在繪圖軟體裡面分圖層那樣，在較上方的內容就融入且蓋住下方的內容，整體的厚度並不會因為圖層愈多就愈厚(或是愈高)。但在讀了到google的Material Design ( Environment>Surfaces>Proterties )才明確了解到雖然表面的厚度永遠固定是1，但表面和表面，表面和元素之間是有高度落差的，高程差距顯示了元素的優先程度，也影響元素陰影的表現，因此也攸關整體介面使用上的流暢度和易用性。

7. 尺寸很重要

我們一般定義的平面設計範疇，像是海報、書封、包裝設計等屬於印刷品的部分會注意需要設計的範圍尺寸限制，例如設計一張A3大小的海報。但並不會仔細去標註畫面所使用的設計元素是多大，彼此之間的距離是少或是整理出一份設計元素的標準清單，相較之下平面設計是較感性。而在這方面空間設計和介面設計的執行方式就較相似。

• 空間設計 :

空間設計的施工圖說會依照一套通用的標準從平面系統圖開始接者立面剖面圖，細部大樣圖等等按照邏輯依序繪製，而圖說上尺寸的標註是非常重要的部分，空間內每一項設計元素都必須標示出自身尺寸以及和周邊的位置關係。除了尺寸外，會註解所使用的材料種類色樣等(會製作材料表以對照)也會說明施作工法注意事項等。要完成一整空間設計的施工圖說，是需要注要非常多細節，其中包需多專業知識的。

• 介面設計 :

介面設計的設計方面，如果是參考各家的設計規範，就會發現都會對圖示的大小、觸控的範圍、各種形式版面的設定等所以構成一套流程完成的介面會使用到的元素做尺寸及範圍的設定，讓別人可以依循。

在完成設計後要交付標註文件給工程師去執行實作。而這標註文件對我來說就像是一套施工圖說，空間的尺寸標註對應介面設計畫面的標註，材料的標示對應色碼，施工工法註解對應介面的轉場效果及動畫特效等。這樣的對應讓我在開轉職時可以依過去經驗，完成標示清楚，邏輯清楚的文件讓工程師去參照。現在也有許多軟體工具可以讓介面設計的標註快速方便許多像是Zeplin。