內(nèi)容提要：這是一篇UI基礎(chǔ)知識(shí)教程，向UI新人介紹了什么是UI、UI與LOGO設(shè)計(jì)、繪畫等的區(qū)別。通過本篇教程，讀者可以初步理解UI是什么、做什么，與其他設(shè)計(jì)藝術(shù)的區(qū)別。
編按：
牛mo王是UI設(shè)計(jì)中的一名大神。他最初是做平面設(shè)計(jì)，然后轉(zhuǎn)做網(wǎng)頁設(shè)計(jì)，現(xiàn)在做UI設(shè)計(jì)，因此對(duì)初學(xué)者面對(duì)UI設(shè)計(jì)的困惑和疑難非常了解。為了幫助UI設(shè)計(jì)新人，他編寫了系列教程9篇。本篇是第1篇UI基礎(chǔ)知識(shí)教程，主要向UI新人介紹了什么是UI、UI與LOGO設(shè)計(jì)、繪畫等的區(qū)別。通過本篇教程，讀者可以初步理解UI是什么、做什么，與其他設(shè)計(jì)藝術(shù)的區(qū)別。
發(fā)展至今，UI這個(gè)詞兒從流行到現(xiàn)在（流行至今）大家已經(jīng)耳熟能詳了?？墒牵€是有很人多分不清這些概念而（容易）混淆。UI的全稱是User Interface，即是用戶界面。從通俗易懂的角度來說，UI是視覺上的東西，包括圖標(biāo)、APP界面、軟件、網(wǎng)頁按鈕、網(wǎng)頁導(dǎo)航等等，凡是我們?nèi)庋劭吹玫降耐ㄟ^設(shè)計(jì)師的設(shè)計(jì)與繪圖得到的視覺產(chǎn)物，即是UI。
導(dǎo)航、按鈕、進(jìn)度條、開關(guān)等等，屬于最基本的UI范圍內(nèi)（UI范圍內(nèi)最基本的），也是我們?nèi)粘Ｉ钪凶畛Ｒ姷?/span>UI。從互聯(lián)網(wǎng)的網(wǎng)頁導(dǎo)航，到互聯(lián)網(wǎng)產(chǎn)品下載的按鈕，以及手機(jī)上WiFi開關(guān)，這些UI設(shè)計(jì)一直伴隨著人們的日常生活不曾離開。
APP的圖標(biāo)、手機(jī)端使用的鐘表界面等，都是通過設(shè)計(jì)師的思考、創(chuàng)意、繪制轉(zhuǎn)位視覺產(chǎn)出物呈現(xiàn)給用戶們。
當(dāng)然，我們時(shí)下最流行的——手機(jī)ROM，每套ROM都是一套與眾不同的設(shè)計(jì)，從圖標(biāo)到界面，到Widget（時(shí)間、天氣一類的小工具），數(shù)百個(gè)細(xì)小的UI組成的一套完整的設(shè)計(jì)，都是離不開UI這個(gè)詞兒的。當(dāng)然，這些僅僅是視覺上的，沒有達(dá)到交互、體驗(yàn)這一層次。
什么是UE/UXWhat is the UserExperience
其實(shí)只要對(duì)用戶體驗(yàn)感興趣的，不需要我太多說明，大家通過互聯(lián)網(wǎng)或者書籍中都已經(jīng)知道，UE和UX是一個(gè)事情，都是UserExperience的縮寫。只不過UE是中國的普遍叫法，截取了兩個(gè)單詞的首字母；而UX是國外的叫法，國外習(xí)慣吧ex縮寫成X，尤其在谷歌、微軟等知名公司啟用這個(gè)縮寫以后而被定性。所以大家不要糾結(jié)于到底是UE還是UX，我們都懂得。
說到用戶體驗(yàn)，就是非常高深的學(xué)問了。它不僅僅是視覺上的東西，從看到開始，到用手觸碰，再到大腦的思考，最后是心理的感受等等，這一系列的程式才是用戶體驗(yàn)。用戶體驗(yàn)包含了五官的接觸，到思維的邏輯，到使用的心理，這些條件都是缺一不可的。
舉個(gè)例子，我們到一個(gè)火鍋店就餐，從店外看到火鍋店的規(guī)模建筑、牌匾大小等，就已經(jīng)產(chǎn)生了心理上的波動(dòng)，直接傳達(dá)給大腦思考，這家店看起來是否正規(guī)，場(chǎng)面是否氣派，情人吃飯是否夠面子，其次傳達(dá)到心理感受，覺得心情愉悅還是不快。僅僅從第一眼的視覺上就已經(jīng)給我們產(chǎn)生了非常多的連鎖思維。
進(jìn)入店面后，排隊(duì)的人非常多，時(shí)間特別長，那么這個(gè)時(shí)候是否有人接待我們？我們是否有舒服悠閑的等待方式？可以接受店內(nèi)提供的什么方式來消除自己等待的焦慮？我們一生總會(huì)發(fā)生這樣的情況：興高采烈的進(jìn)入一家店，由于人多導(dǎo)致排隊(duì)等候，又無人理睬，幾次和服務(wù)人員溝通無果，最后氣氛的離開換下一家。很多飯店在這一步的用戶體驗(yàn)上就敗了，導(dǎo)致了用戶（顧客）的流失，而你也別想再從這位用戶身上獲得口頭廣告和再來一次的優(yōu)勢(shì)了。
就坐后，是否有服務(wù)人員快速的接待為你點(diǎn)餐？點(diǎn)餐后是否上菜速度夠快讓你滿足？是否有多樣的調(diào)料滿足你的個(gè)性化定制？你在用餐時(shí)呼叫服務(wù)員是否得到快速的反饋？就餐過程中是否有一些小樂趣或小節(jié)目讓你難以忘記？不要小看這一系列的小細(xì)節(jié)，尤其是用戶的反饋，這是極為重要的。設(shè)想你呼叫服務(wù)員，一次，兩次，三次……一直都沒人理睬你，你還會(huì)用安靜、平和的口氣呼叫服務(wù)員嗎？不要傻了，你又不是復(fù)讀機(jī)。
當(dāng)就餐結(jié)束后，如果你對(duì)整個(gè)過程都非常滿意，那么相信以后你會(huì)經(jīng)常光顧，甚至推薦給朋友，并為其免費(fèi)做宣傳。當(dāng)你再和朋友聚會(huì)時(shí)，你第一時(shí)間想到的就是這家火鍋店，因?yàn)樵谀阈闹芯鸵呀?jīng)產(chǎn)生了良好的用戶體驗(yàn)。
感受到了嗎？用戶體驗(yàn)就在我們生活中，在人機(jī)交互的時(shí)代，更多產(chǎn)品更加注重了用戶體驗(yàn)的分量。在這其中，UI是必不可少的一部分，很多產(chǎn)品覺得我有強(qiáng)大的后臺(tái)和交互就足夠了，表面的UI只是花衣裳，華而不實(shí)。其實(shí)這是錯(cuò)誤的，設(shè)想我們剛才說的火鍋店，當(dāng)你第一眼看到這家店，牌匾歪歪扭扭，周圍堆放著垃圾，大門前甚至有貓狗在行方便，你還會(huì)興高采烈的主動(dòng)走進(jìn)去嗎？如果你能接受，好吧恭喜你，重口味朋友。
UI不是LOGOUser Experience is not logo
有沒有遇到過這樣的情況？
你是一名平面設(shè)計(jì)師，做APP的公司對(duì)你說：“做一個(gè)UI”
你是一名UI設(shè)計(jì)師，做廣告的公司對(duì)你說：“做一個(gè)logo”
當(dāng)然，這種情況一般會(huì)出現(xiàn)在大企業(yè)、大互聯(lián)網(wǎng)公司或者一些不太專業(yè)的小公司，老板和偉大的PM們會(huì)給你提各種各樣的需求，很多時(shí)候他們可能不懂甚至完全無法區(qū)分這些有什么不一樣。不僅如此，很多步入社會(huì)的畢業(yè)生們也不了解UI和Logo的本質(zhì)區(qū)別。
蘋果logo的黃金分割比，已經(jīng)被盛行很久了。這才是一個(gè)標(biāo)準(zhǔn)的品牌logo，它是經(jīng)過嚴(yán)格的思考和設(shè)計(jì)，包含強(qiáng)烈的品牌寓意和未來的延展性。它需要考慮適配任何顏色、環(huán)境、使用場(chǎng)景等等一系列的問題。一個(gè)logo的誕生，可能需要一個(gè)星期甚至一個(gè)月的時(shí)間。
以上這些，可以歸為UI。使用繪圖工具繪制出一顆青蘋果，是增加了趣味性，可以再網(wǎng)頁或者海報(bào)廣告上使用，但是不能作為一個(gè)企業(yè)的品牌logo而延續(xù)。它屬于一種提升品牌趣味性的設(shè)計(jì)，隨意的、好玩的、特定場(chǎng)景的。玻璃質(zhì)感和金屬質(zhì)感，都是在特定環(huán)境下對(duì)logo的趣味性提升，屬于品牌的延展，我們能看到它有高光、陰影甚至反光等存在，這些不能都概論為logo。有的企業(yè)相對(duì)喜歡這種有質(zhì)感的“l(fā)ogo”，甚至注冊(cè)。當(dāng)時(shí)也是可以的，但是在使用上一定有非常多的限制和環(huán)境限制，而且在做VI（視覺識(shí)別系統(tǒng)）規(guī)范時(shí)，一定有很多約束和不便，而且它必然會(huì)存在平面狀態(tài)下的使用規(guī)范。
原文：不要再傻傻分不清楚
作者：牛mo王
聯(lián)系客服
