使用者介面設計(UI Design)的4條原則

我們幫客戶整APP的設計時,常常會提到「UI Design」這個字眼。到底您真的了解甚麼是UI Design嗎?今日就帶大家一探究竟!

甚麼是UI Design?

UI是指User Interface(使用者介面),是系統和使用者進行互動和交換信息的觸媒,而UI Design即對其進行操作邏輯和介面美觀的設計,令使用者操作變得簡易和舒適。

UI Design的4條原則

  1. 製作更容易點選的點擊區域

也許我們或多或少都遇過以下情況:在使用APP的時候有些按鈕總要按幾次才有反應,甚或系統無法正確識別您的按鍵動作,令到點擊相當費時。以UI Design來說這些表現是不合格的。所以在整APP時,可以將輸入框、按鈕等點選區域的點擊反應熱區做更大一些,讓使用者更輕鬆地進行點擊操作。

  1. 善用圖形表達文字內容

整APP時,版面設計可以利用圖形將不同層次的文字分隔開,讓版面上的內容明確地區分出優先次序。而文字與圖形之間的對齊、間距、尺寸和色調只要配合得宜,就能令版面看起上來更乾淨俐落。

用圖片輔助文字表達都是一種設計的形式,有些東西光靠文字是難以表達的。以預約Party room的APP做例子,如果單靠文字描述,人們會難以理解房間的樣子,所以會加上Party room的環照片相去輔助文字,幫助使用者了解產品。

  1. 有條理地放置功能按鈕

有些功能是無論整甚麼APP都一定會具備,例如「更改」、「返回」、「刪除」和「新增」之類的按鈕。要令使用者體驗更流暢,就應該將這類按鈕按照常理放在使用者會想到的地方,像是「返回」鍵會放在版面的左上角而不會是正下方。可以先參考iOS和Android系統版面,再進行app開發設計。

  1. 定好1種顏色作基調

切記,用色多不等如用色好!和諧的色彩配搭才是最好!所以色彩設計上最好用1種顏色作為設計的主調,另外配搭多2種顏色作為輔助色已相當足夠!在版面上出現太多顏色只會令使用者眼花瞭亂。而無彩度色(黑白灰)的配搭亦是可取的方法,只在想吸引使用者注意的地方上加上色彩,讓顏色運用恰到好處。

希望這篇文章幫到您對UI Design有多點了解!我們會持續分享APP和網頁設計開發的相關知識,請繼續留意我們的更新!如有任何疑問或合作需求亦歡迎向我們查詢!