這篇文章將為接下來想要進入UI相關行業工作的人講解一些基礎只是以及總結在UI設計中需要注意的幾點。

目錄

1.UI的基礎知識

  1.1 UI不用戶的接觸點

  1.2 用戶看到的畫面全部是UI

  1.3 UI與UX的差異

2.UI設計的基本要點

   2.1事前準備

2.2UI設計的4個要點

3.后記

UI的基礎知識

UI指的是與用戶之間的接觸點

UI是英語中UserInterface的縮寫。Interface有「接點」以及「接觸面」的意思。在網絡營銷中，也有用戶與服務的接點這一層意思。將想要傳達的東西傳達給用戶，促進交流是提高網絡成果的必經之路。正確的UI設計是不可或缺的，指的就是這里。

用戶的眼睛看到的東西全部都是UI

那么，UI具體到底是什么東西呢?以web網頁或APP來思考的話，用戶眼睛看到的東西全部都可以稱之為UI。畫面與文本自不必多說，字形、風格、余白以及布局都可以稱之為UI。但是通過這個說法，在實際進行設計時，很容易導致設置風格僅偏向于視覺觀感，但是光好看是不行的，如何設計出最適合的UI才是關鍵勝負。

UI與UX的差異

一個與UI相似的單詞，被稱之為UX。讓我們簡單的看下這兩個單詞的差別。UI指的是和上面介紹的一樣，用戶比服務的接點。而UX則稍微有些不同，UX指的是根據服務讓用戶得到的體驗。例如生活變得豐滿，獲得感動，購買手續變的方便等，這些可以統稱為UX。總結來說，就是為了提供良好的用戶體驗(UX)，而通過用戶與服務(UI)的設定來完成，也可以說UI是UX的一部分。

UI設計的基礎要點

接下來為大家講解，UI設計中需需要掌握的一些基礎要點。如果能為以后想要進入UI設計行業的人們，還在為UI設計煩惱的人提供參考的話就最好了。

事前準備

明確目標

在實際進行UI設計之前，有一件必須要做的事。也就是明確目標。根據目標的不同，可以更好的在后面進行UI的改善以及人性化設計。這里再重復一遍，UI指的是用戶與服務的接點。如果不了解作為對象的用戶，是無法了解到用戶對于各方面的需求的。UI設計的成敗與目標有著非常重要的關系。

關于明確目標的方法，一般經常使用的是一個叫作假面的方法。假面指的是：服務與產品的所提供給的理想人物。根據問卷調查以及潛在用戶的分析為基礎的具體資料來設置假面。這樣還可以設計出更好的營銷策略，并且可以讓團隊內有更好的共同意識。請務必嘗試這種做法。

想要傳達什么?

接下來，讓我們來決定想要給目標傳達什么。找出用戶的需求，我們需要提供什么東西，自身的服務以及產品有什么特征，根據這些情報來推斷出提供給用戶查看的優先度。

UI設計的4個要點

在完成準備后，讓我們來看看在具體的UI設計中需要注意的幾點。在眾多要點中，選取最為重要的地方進行解說。

遵守設計的原則

在網頁設計中有著基礎的原則。「接近」、「整列」、「対比」、「反復」這四點，通過良好的遵守這四個原則，可以得到更加統一的設計感。UI也會變得更加好看。接下來讓我們一個個講解上面的4點。

「近接」指的是將關聯性較高的要素顯示在較勁的地方，而沒有關聯性的東西則配置在其他地方。根據這里可以讓文本以及圖像就算不知道是什么，也能一眼看出其中的關聯性。「整列」指的是整齊的分配要素的布局。被稱之為contrast的對比指的是在顯示的情報中增加強弱要素。文本的字形(尺寸與顏色等)的改變。最后的反復則是重復信息的收集以及有節奏的重復，變得更加容易讀取信息。

減少情報良

在進行UI的大減時，盡可能的減少情報量也是有必要的，如果情報量太多容易導致用戶不知道將目光放在哪里。這樣會導致用戶錯過想要獲取的情報。所以在事前準備時候可以對情報做一個優先度的調整。根據優先度來針對頁面內內容的表示。讓頁面更加簡潔易懂。

根據用戶的目光來進行配置

用戶在觀看web網頁時，一般會從左上開始向右下移動目光，這也是經常提到的F法則。根據字母F書寫的順序，從左上開始向右上移動，隨后伴隨頁面的滾動來看向下方的內容，因此我們從左上開始對重要的要素進行布局，讓用戶得到更光滑的閱覽體驗。

對應手機

在考慮UI的設計中，對于手機與平板電腦的對應也是需要加入考慮范圍的。特別是手機上，只有一個手掌大的尺寸。有點擊以及滑動的特有操作。使用與PC版不不同的布局以及字形或者制作手機版專用的要素是有必要的。

后記

以上為大家帶來了UI設計中的一些基本講解，一次設計完成后斌股吧代表結束，今后也根據各種反饋以及定期調查來對UI設計進行調整，來完成最好的UI設計。海淘科技提供,手機主題MBE風格圖標設計欣賞，還有APP MBE風格缺省頁設計欣賞。更多MBE風格設計資訊等你查閱。文章下載點擊：ui設計基礎知識