產品設計中的界面設計

李翠

摘 要：界面設計這個詞在當下已經并不陌生，它是信息時代到來的產物，人們都認為它就屬于電子產品或虛擬產品，而事實上，界面設計一直存在于我們的生活中的每一個角落，除了大家所熟悉的電子產品和虛擬App產品界面設計之外，其實在產品設計①中，比如家具設計、電器產品設計等也都存在界面設計，本文正是從傳統產品設計的角度出發，來論述在這樣一個領域界面設計的定義及設計原則。

關鍵詞：產品設計；傳統界面設計；設計原則

近年來，隨著信息技術與計算機技術的迅速發展，網絡技術的突飛猛進，人機界面設計和開發已成為國際計算機界和設計界最為活躍的研究方向。界面設計是人與機器之間傳遞和交換信息的媒介，它是聯系人與機器的紐帶。界面設計這一概念，目前主要用于信息技術和計算機技術類的產品，比如：電腦、手機、pad等電子產品，而本文則是從另外一個角度來論述界面設計，即傳統的產品設計領域。

1 產品設計中界面設計的概念和方法

事實上在我們所熟悉的傳統的、實體的產品設計中也包含了界面設計。正如前面所提到的，電子產品領域里的界面設計是連接人與機器的中介，而針對本文所提到的傳統的、實體產品設計領域的界面設計則是連接人與物（產品）的中介。在《辭?！防镏薪榈亩x是：“表征不同事物的間接聯系或聯系的間接性的哲學的概念?！焙唵蔚卣f，中介其實就連接兩者之間的中間物，是它們之間的聯系者。針對任何產品設計，其所呈現在用戶眼前的任何一個角度或是操作平面，我們都可以把它定義為一個界面設計：一扇門、一個電器的操作面板（非電子屏幕）、一個桌面或者一個插線板的插孔面等等，這些都可以稱之為界面，而作為產品設計師對這些界面進行設計的時候，都需要對界面上的元素的取舍、形狀、大小、色彩以及位置的合理分布做非常仔細的設計，只有做到這樣，才能稱之為一個合格的產品設計。

以家具設計這一產品設計領域為例，其實每一個家具產品的設計它也是有界面設計存在其中的，比如一個衣柜柜門的設計，我們可以把衣柜柜門這個矩形設定為一個界面，在這個界面上會因為其功能的需求有其必要的界面設計元素——衣柜的門把手，而這個門把手就像是現在大家所熟悉的電子產品界面設計中的圖形符號元素一樣，它的大小、形狀、色彩以及它應該放置在柜門這個界面上的哪個位置都是需要非常嚴謹的去設計的，所以，其實界面設計并不是只存在于電子信息產品里，它同樣存在于我們的工業產品中。所以本文中所論述的界面設計，是以傳統的、實體產品設計領域為背景下的任何產品，它包含產品形態外觀上相關元素的大小、形狀、色彩以及界面上各元素之間的合理分布和排列的設計，其目的是為了讓這一產品的使用更高效、易用、美觀。

產品設計中的界面設計的方法，一方面可以參考軟件設計中界面設計方法去進行相關的設計工作，比如基本版面的色調把控、色彩搭配或者是界面布局等；另一方面，作為一個實體的產品設計，它有與虛擬的軟件設計有所區分，所以在設計的時候也要結合實體產品的特點去進行設計。比如：為一款豆漿機進行主要按鍵區域的界面設計，因為按鍵數量較多，所以，為了便于用戶操作，就需要首先對按鍵的功能做一個大的功能區域劃分。一般的豆漿機操作按鈕主要分為兩個大功能區域：一個是主要操作功能按鈕“選擇”和“啟動/取消”；另一個是“選擇”按鈕下的第二級操作按鈕。這個界面設計，看似主要元素不多，只是幾個功能按鈕，但是，如果不做仔細的功能分類，用戶將無從下手；而且不同功能分類的按鈕在形狀和顏色的設計也有所區分，而這些都不光光是為了界面美的需求，更重要的是便于用戶上手使用，在多個功能按鍵里，快速地找到自己想要的操作按鈕或讀取到需要的信息。

2 產品設計中界面設計的原則

確定了產品設計領域中界面設計的定義，那么在設計的過程中就需要遵循相關的設計原則，在產品設計領域中界面設計應該遵循的原則簡單歸納如下四點：

2.1 易識別性原則

易識別性是指在任何的產品界面上的所有元素無論其排列布局還是外觀形態以及功能的預設用途等都能讓用戶覺得一目了然，清晰明了，而不會讓用戶覺得困惑、無從下手。比如：現在的洗衣機操作面板的設計在滿足易識別性這一原則的部分做的就非常不好。很多的洗衣機設計廠商在以給用戶帶來“多功能、多選擇”產品的同時，卻是以犧牲產品的易識別性原則為代價的！很多的洗衣機操作面板這一界面設計上幾乎都密密麻麻地布滿各種按鍵，這些按鍵在大小和形態上也都沒有做明顯的區分，只是在部分按鍵的下方加注一些文字提示，但是這并不能很好地提高易識別性。如何提高產品界面設計的易識別性可以從以下幾個方面入手：

第一，符合產品預設用途的外觀設計?！邦A設用途是指物品被人們認為具有的性能及其實際上的性能，主要是指那些決定物品可以用來作何用途的基本性能?！盵1]比如橫向細長的門把手，我們會選擇按壓的方式來使用，而圓形球狀門的把手，我們則會選擇左右旋擰的方式來使用。所以，事實上在用戶長久的日常生活積累中，對于產品界面中的一些功能元素的操作方式已經形成了一個固有的認知模式，作為設計師在設計這些界面元素的時候要盡可能的符合用戶對這一產品或產品界面上的元素所對應功能或操作方式的預設使用心理，只有做到這一點，才能有效地提高產品的易識別性。

第二，為產品的功能做減法。為產品的功能做減法，其實就是丟掉產品界面上多余的、不必要的或者是可有可無的“界面元素”，盡可能的呈現一個簡潔的產品界面設計。

現代的產品設計，大家都喜歡提倡“多功能”或者“一物多用”，覺得似乎只有做到了這一點，才是真正有創意的產品，所以就出現了本文前面所提到的洗衣機操作面板的例子?，F在的洗衣機為了增加其買點或設計的創新點，經常為其增加多個功能選擇，比如增加烘干的功能，比如在洗衣選項里添加棉麻、化纖、羊毛、絲綢、童裝、混合洗、經濟洗等多種選擇，這一設計從表面上看是從用戶的角度出發，為用戶提供了多種選擇，但是實際上卻是在為用戶增加選擇負擔！不同的功能就需要不同的按鈕來進行操作和顯示，功能越多就意味著按鈕越多，而界面（面板）的大小是有限的，所以導致的直接結果就是讓用戶看到產品界面后就手足無措，無從下手！所以，產品并不是功能越多越好，一定要分析清楚，用戶到底需要的是什么，要盡可能地為用戶提前做好產品的功能篩選，化繁就簡，讓自己的產品界面清晰明了，便于用戶識別！

2.2 易用性原則

關于易用性，國際標準化組織（ISO）對其定義為“……在特定環境中，特定的使用者實現特定的目標所依賴的產品的效力、效率和滿意度?！焙唵蔚卣f，所謂“易用性”就是用來描述一個產品是否好用的意思。一般會將好用的產品定義為易用性較高的產品，同時也被認定為是友好的產品?？偟膩碚f，易用性就是描述產品和人之間的一種和諧關系度的描述。

易用性原則主要是從符合用戶的人體工學和使用認知習慣的角度出發來設計產品的界面。下面還是以大家日常生活中都經常使用的“門”這一物品作為案例來分析。門把手這一界面元素是門這一產品的界面設計中必不可少的一部分，那么它的設計如果要達到易用性的話，一方面要符合人手的基本尺寸，無論是大?。ɑ蚴谴旨殻?，還是門把手位于門面上的高度，這些都需要經過嚴謹的數據調查和分析，結合人的基本尺寸來進行相關的設計，這部分就是從用戶的人體工學角度出發去為產品的易用性服務；另一方面，門把手這一重要的設計元素所放置的位置以及它的形態所對應的操作方式等，就是從用戶的使用認知習慣出發所做的易用性設計。這里所說的使用習慣或是認知習慣是指人們在日常生活中所積累的對于物的基本認知。比如：大部分用戶都是以右手作為慣用手去操作產品，所以門把手的位置一般會放置在界面（門面）的左側，便于右手的操作，這就是所謂的用戶使用習慣；當門把手是圓球形的形狀時候，用戶會自然認為，開啟的操作方式是抓取門把手后順時針旋擰，如果設計師不按照這一固有的思維模式去設計，而將其設計為逆時針旋擰才可以打開，則不符合用戶的固有認知模式，這種情況下，容易讓用戶困惑，進而無法正確操作，也就無法實現所謂的易用性原則。

2.3 一致性原則

一致性原則主要是指在產品的界面設計中，所有的界面元素應盡可能地采用統一的形態語言，統一的設計風格和統一的設計目標來完成設計工作。一個產品界面就如同一個程序界面，它需要在這個界面設計中確定統一的設計風格，比如：穩重的、活潑的、女性化的等等，在這個大的設計風格之下，再去選擇統一的界面色調、造型元素等等。另外，針對傳統的工業產品都有一個非常明確的產品功能，如空調的制冷、制熱功能；洗衣機能把衣服洗干凈并甩干的功能；手機可以通話、發短信的功能等，所以在此基礎上，產品界面設計也需要為了滿足共同的功能目標而進行統一的、一致性的設計。如下圖1所示，是我們日常都非常熟悉的微波爐，如圖所示的這個產品展示角度的界面是產品的主要界面，產品的核心功能基本上都集中在這個界面上，包括了微波爐柜門以及微波爐的主要操作界面這兩個大的部分，根據我們的一致性原則，無論是柜門、門把手還是操作面板的設計風格、形態語言還是功能的展示以及操作使用，都需要進行統一，保持一致性。這里的一致性體現在門面和門把手采用同樣的色彩即花紋裝飾；門面、門把手和操作面板采用同樣的材料和色調、操作面板的按鈕設計風格和設計語言也保持統一等等，這些都能體現出其一致性的設計原則。

2.4 審美性原則

人們對美好事物的追求永恒不變的，所以產品設計中的界面設計也必須要符合審美性的原則。在一個產品的界面設計中，應該選擇什么樣的色調、形態語言以及界面元素應該以一種什么樣的排列分布方式去呈現等，都需要設計師從審美性的原則上去仔細斟酌，以便能更好地體現這個產品的基本屬性和設計特點以及設計品位。在滿足工業產品的界面設計審美性原則這一點上，設計師可以從形式美法則入手，以此作為設計準則去處理產品界面設計審美性原則的滿足。

綜上所述，產品設計中的界面設計其實并不是一個陌生的設計內容，只是在傳統思維模式里，大家沒有將其和界面設計進行聯系，但事實是，作為一名產品設計師所做的任何一個產品的設計都包含界面設計的工作內容，如果能正視這一點，并在每一項的設計工作中都有意識地將界面設計的相關概念、方法和設計原則運用其中，一定會大大提高產品的實用性和易用性，不僅僅能給用戶帶來更好的視覺美的體驗，更重要的是給用戶帶來良好的使用體驗。

注釋：①全文所說的產品設計指的是傳統的，以實體的產品設計為中心的設計領域。

參考文獻：

[1] 唐納德·諾曼（美）.設計心理學[M] .北京：中信出版社，第10頁.