導讀：

看了很那么多“UI設計到底是什么？”的文章，奈何，還是一頭霧水！

對于小白來說，基本概念都不清楚，實在沒辦法把自己代入情景，感受這是一份怎樣的工作！

與其去弄懂那些生澀的專業名詞，不如直接來看看傳說中高大上的UI設計師，到底是怎么讓設計從無到有的吧！

本文作品來源：南寧校區優秀學員龍可莉

icon | 主題設計

UI 設計中‘圖標設計’占了很大一部分。

圖標是一種人人都能理解的語言，不論國籍、種族、年齡。我們現在提及的圖標大部分就是移動端的圖標設計，如APP圖標、小程序圖標設計等。

圖標的分類、風格很多，設計圖標的時候，怎樣舒服、美觀，還能抓住用戶的眼球，就成了重點！

IOS | APP交互設計 

案例：家裝APP

到底怎樣設計一個APP？怎樣讓頭腦中的模型落實于眼前呢？

下面的案例中從 構建思路 — 信息架構 — 原型架構 — 設計規范都一一做了分析，讓你真的走進設計師的思考世界！

小提示，要用心體會其中的每一步哦，每個環節對最 后的效果展現都是十分重要的！

IOS | APP交互設計

案例2（讀物APP）

與上一款APP不同，這是一個讀物類APP。

針對不同的軟件，會有不同的構建思路，也會有不同的細節處理，如：字體的選擇、顏色的更換等。

做設計之前，一定要參考競品是怎樣設計的，最 好是同行業前幾名的設計，都是非常有參考價值的。

說到信息架構，就不得不提到“交互”這個概念。

1.什么是交互

交互，即交流互動，其實這個詞語離我們的生活很近，例如打招呼：

－李明：吃了嗎，大爺？

－王大爺：吃啦！

簡單幾個字的你來我往，搭配眼神和動作，傳遞出了禮貌、親近、尊敬等諸多豐富含義。

人和人之間的交互很好理解，那么人和機器間的交流互動是什么呢？

舉個例子，如果你想解鎖一個手機，你與手機的交流可能是下面這種情景：

－按Home鍵（－李明：嗨，手機，好久不見！）

－屏幕亮了沒解鎖，彈出輸入密碼頁面（－手機：哎？是小明來了么？）

－輸入密碼（－李明：是啊！）

－解鎖（－手機：歡迎歡迎~）

所以簡而言之，當人和一件事物（無論是人，機器，系統、環境）發生雙向的信息交流和互動，就是一種交互行為。

要注意的是，這種交流和互動必須是雙向的，如果只有一方的信息輸出，而沒有第二方的參與，那么只能是信息展示而不是交流互動。

例如，圖左的包裝是單方面的信息展示，只能讓人從中獲取信息，而不能反過來接收信息并作出反饋，所以不是交互。

圖右輸入框會根據輸入的內容作出正確和錯誤的反饋，有信息的交流，所以是一種交互。

2.什么是交互設計

詞條給出的解釋是：“交互設計，是人工制品、環境和系統的行為，以及傳達這種行為的外形元素的設計與定義。”

其實可以簡單理解為，交互設計把一個或者一系列交流互動，用文字、圖像或文檔等方式，從交流的內容、方式、規則等維度進行統一的設計。

并且，好的UI設計不只是讓軟件變得有個性有品味而已，更重要的是讓軟件的操作變得舒適、簡單、易用，并且充分體現軟件的定位和特點。

WEB | 網頁設計

UI 設計師的薪資之所以高，很大一部分原因也是因為他們技能多！

網頁設計對于 UI 設計師來說，也是必備功課。

企業需要通過網站呈現產品、服務、理念、文化，或向大眾提供功能服務。

因此，網頁設計必須首先明確設計的目的和用戶的需求，從而做出切實可行的設計方案。

PLANE | 電商/平面

這里我們還是要區別一下平面設計與 UI 設計

1、側重點不同

平面設計主要側重于紙張媒體，ui設計更注重交互。

2、 技術支持上的不同

除了熟悉產品的用戶使用習慣、交互特征之外，ui設計需要更多技術支持。

不僅僅是傳統的PS、AI、coreldraw等圖形處理技術。

ui設計主要應用在網頁、移動界面設計中，合格的 UI 設計師對于DW、CSS、FW、IOS、android等技術也要了解，才能配合開發人員做出最 好的產品，技術是平面設計師轉UI設計師最 大的難點之一。

3、實現過程不同

平面設計是用印刷工藝去實現，比如一張名片，設計好了需要印刷出來才能使用。

UI設計則是運用程度代碼，設計好了后通過程序代碼讓設計實現其功能。

4、完成設計工作的人數不同

平面設計一個人便可以完成全程的設計。提供需求后，平面設計師便可以直接完成設計。

UI設計則需要團隊成員一起設計方能完成，比如設計APP，需要客戶給需求，然后產品經理，視覺設計師，程序來配合起來才能完成。

UI 設計師因為技能多，經常有大量的作品想要展示進作品集。

可其實，成熟的 UI 設計師作品集應該像南寧校區優秀學員龍可莉一樣，重新進行統一設計編排！

每個技能都可以展示到位，又不雜亂無章！看的人舒服、清晰，人賞心悅目，這也是好設計的真諦！

以上這樣優秀的具體實例，有沒有讓你更加了解 UI 設計了呢？