2016-10-8 ui設(shè)計分享達(dá)人
藍(lán)藍(lán)設(shè)計( tweetduck.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
一、UI設(shè)計的基本概念以及發(fā)展現(xiàn)狀
UI是User Interface的簡稱，即用戶界面，它是用戶和系統(tǒng)進(jìn)行交互活動和信息傳遞的一個媒介，是介于用戶與硬件設(shè)備之間的軟件，目的是讓用戶給硬件發(fā)出正確的命令并得到友好的反饋。而UI設(shè)計的目的就是讓用戶與在與硬件溝通的時候有一個良好的交互過程。其特點是：
首先，其通過圖形的方式來將枯燥的數(shù)字以及文字信息轉(zhuǎn)化為人類易于快速識別的圖像。丹麥物理學(xué)家，托爾·諾蘭德拉斯（Tor Norretranders）對人類感官的敏感度比喻為計算機(jī)屬于：視覺好比互聯(lián)網(wǎng)1250MB/s的速度來接受信息，觸覺好比一個USB的接口有125MB/s，而聽覺和嗅覺就好比傳統(tǒng)的硬盤，只有12.5MB/s的速度，還有就是味覺，就好比一個計算器而已，最后我們實際認(rèn)知的信息量比計算器的更少。因此，視覺是這個世界上最容易也最快速傳遞信息的一種方式。
其次，信息圖形化是信息時代的產(chǎn)物。隨著計算機(jī)的誕生，為了解決信息的傳遞與交互，信息圖形化應(yīng)運而生，而UI設(shè)計是由信息圖形化發(fā)展而來，卻向著不同的方向而去，因此，在根本上是相同的。
隨著硬件設(shè)備的不斷發(fā)展，UI設(shè)計也越來越成熟。世界上有很多優(yōu)秀的平面設(shè)計師從事UI設(shè)計這個行業(yè)中，也催生出了大量職業(yè)的UI設(shè)計師?？v觀這幾年UI設(shè)計的一個趨勢，UI設(shè)計從擬物化的設(shè)計逐漸轉(zhuǎn)變?yōu)橐环N抽象化的設(shè)計。從這一趨勢來分析，我們能夠很清晰的發(fā)現(xiàn)這不僅僅只是一種用戶界面設(shè)計的變化，更多的是對用戶體驗的一種變化。我們可以仔細(xì)思考一下，為什么最開始大家都比較推崇擬物化設(shè)計，而且都能夠把擬物化設(shè)計做的如此精致呢？這是因為早期計算機(jī)等硬件設(shè)備對使用者來說還是一個比較新鮮的事物，他們需要一個適應(yīng)的過程，因此，設(shè)計師需要做的就是把系統(tǒng)中的一些UI圖標(biāo)用我們生活中的真實事物來替代，比如說，一個計算器的軟件，設(shè)計師就會盡可能的把UI圖標(biāo)和圖形界面設(shè)計得和真實世界里的幾乎保持一致。這樣，就能夠讓用戶的學(xué)習(xí)成本降到，而不至于用戶有需要花時間和精力去重新學(xué)習(xí)這套系統(tǒng)的操作。這就是擬物化設(shè)計的初衷與優(yōu)勢。
雖然擬物化有這些方面的優(yōu)勢，但是在社會發(fā)展如此之快的今天，這些優(yōu)勢很可能存在一些局限性。假如有一種新的軟件出來，而真實世界中是沒有這么一種實物是能夠與之相對應(yīng)的，這時候擬物化的設(shè)計就很難的表達(dá)出這個軟件的功能了。而且通過這種用真實世界的實物來進(jìn)行設(shè)計的方式另一個局限性就是當(dāng)這一真是事物被社會所淘汰之后，也許很多人就已經(jīng)根本就沒有見過也沒有接觸過，比如說磁帶和BP機(jī)等。
抽象化是一種必然的趨勢。擬物化為了達(dá)到與所描繪物體的高度統(tǒng)一和一致，會使用高光，陰影，層次，質(zhì)感等，這些信息在早期對用戶和使用者來說是一種十分美觀和賞心悅目的設(shè)計，但UI設(shè)計畢竟不是美術(shù)，它屬于設(shè)計的范疇，設(shè)計就是要為用戶解決問題的，而這些信息就會產(chǎn)生大量的干擾信息，對用戶的使用造成相當(dāng)程度的干擾。在經(jīng)過這么多年的“被培訓(xùn)”之后，用戶對于這些設(shè)備的使用已經(jīng)相當(dāng)?shù)氖煜?，用戶想要的就是一種直接有效的方法來與硬件進(jìn)行交互。從而抽象化的設(shè)計就應(yīng)運而生了。
二、UI設(shè)計中存在的問題與本質(zhì)
著名的德國工業(yè)設(shè)計師迪特·拉姆斯（Dieter Rams）曾經(jīng)對優(yōu)秀設(shè)計提出的十條準(zhǔn)則中提到好的設(shè)計是創(chuàng)新的、實用的、唯美的、極簡的，而抽象化的設(shè)計正是遵循著這些準(zhǔn)則而發(fā)展。
UI設(shè)計的發(fā)展是伴隨著科技的發(fā)展而不斷完善，大量的設(shè)計師加入到UI設(shè)計的隊伍中來，其中也不乏一些佼佼者，他們不斷引領(lǐng)著UI設(shè)計的發(fā)展也不斷拔高了用戶的審美。在馬斯洛的需求理論中，由低到高分別為生理需求、安全需求、情感和歸屬需求、尊重的需求、自我實現(xiàn)的需求。除了這五大需求之外，求知需求和審美需求被尊重需求和自我實現(xiàn)需求之間，可見用戶在選擇一個好的設(shè)計產(chǎn)品的時候?qū)徝佬枨笫窍喈?dāng)重視的，UI設(shè)計是整個產(chǎn)品設(shè)計的一扇門，只有這扇門設(shè)計得具有吸引力才會吸引用戶去推開這扇門。很多時候已經(jīng)不是設(shè)計師決定哪一種風(fēng)格的設(shè)計是好的設(shè)計，最終是由用戶來決定。那么就要求設(shè)計師要有更加敏銳的嗅覺來發(fā)現(xiàn)用戶的需求。
而現(xiàn)在的審美需求是抽象化的設(shè)計，這要求設(shè)計師有相當(dāng)高的水準(zhǔn)來對UI進(jìn)行準(zhǔn)確的設(shè)計，但是現(xiàn)在抽象化的設(shè)計所帶來的問題也是相當(dāng)嚴(yán)重的，現(xiàn)如今很多產(chǎn)品的UI界面設(shè)計得都非常美觀和精致，美到讓用戶感到著迷和眩暈，而正是因為這樣，用戶常常讓用戶感到困惑，一方面，通過圖標(biāo)用戶并不能馬上了解這個軟件的用途，另一方面，是UI和UX的結(jié)合太過前衛(wèi)致使用戶還沒有這樣的意識去進(jìn)行這樣的交互，還要通過一段時間的學(xué)習(xí)和適應(yīng)才能初步掌握一個軟件的應(yīng)用，這樣的UI設(shè)計，不僅沒有達(dá)到目的，反而幫了倒忙。我們有一個很簡單的方法來鑒別一個UI設(shè)計到底是優(yōu)秀的還是無用的。以圖標(biāo)設(shè)計為例，現(xiàn)在的圖標(biāo)下方一般都是該圖標(biāo)的名稱，從名稱我們能夠判斷這個軟件的用途，那么，如果把圖標(biāo)下面的文字名稱全部去掉，讓用戶來判斷這是一個什么類型的軟件，如果能夠在第一時間判斷出來，那么，這個UI設(shè)計就是成功的，反之，則被定義為無用的UI設(shè)計。
UI設(shè)發(fā)展到現(xiàn)階段，越來越多的設(shè)計開始像藝術(shù)化方面發(fā)展，而忽略了UI設(shè)計的本質(zhì)——為用戶解決問題。為了解決這一問題，UI設(shè)計被分為兩個層次，一個是感覺（視覺、觸覺、聽覺、嗅覺等），另一個是情感。
所謂感覺，就是在視覺上首先能夠讓用戶被你的圖形所接受，圖形就包括形狀與色彩的搭配等；其次是在觸覺上，UI設(shè)計是為交互而生的，因此觸覺是必不可少的一種感覺，但你觸及你的產(chǎn)品的時候，能夠得到怎樣的反饋才能讓用戶得到最佳的使用體驗也是UI設(shè)計中很重要的一個環(huán)節(jié)；同時，還包括有聽覺，這就是在UI設(shè)計中的情感層次的設(shè)計。其要求感覺層面的設(shè)計能夠體現(xiàn)出情感層次的設(shè)計，UI設(shè)計的一個原則是“讓用戶放棄思考”，這里并非讓用戶真正不去思考，而是由設(shè)計師代替用戶完成一部分不必要的思考，例如，“前進(jìn)”和“返回”這兩個最基本的操作，如何讓用戶在不用思考的情況下就能按照設(shè)計者的方式來操作，最差的設(shè)計是使用文字來表達(dá)，而大多數(shù)設(shè)計是通過一種約定俗成的符號來表達(dá)，而優(yōu)秀的設(shè)計師是利用用戶的潛意識來讓用戶自覺的采用這種方式來操作。因為潛意識的反應(yīng)動作是不需要思考的，就像餓了就要吃一樣。同時，在采取了這一操作之后得到的反饋也是很重要的情感體驗，要讓用戶踏踏實實的確定自己的這一步操作是正確的，產(chǎn)生強(qiáng)烈的安全感和滿足感，對產(chǎn)品產(chǎn)生信任和依賴。iPhone的解鎖的體驗便是如此，我們不僅得到了一個視覺和觸覺上的反饋信息，同時，在聽覺上能夠聽到手槍上膛的聲音，這種聽覺上的反饋能夠給用戶一種踏實感和滿足感，只有聽到了這一聲，才表明解鎖動作的一個完成。好的UI設(shè)計多帶來的這種安全感的建立，是否能夠超越用戶的心理預(yù)期是一個重要的判斷依據(jù)。
（注：本文轉(zhuǎn)載至論文網(wǎng)）
藍(lán)藍(lán)設(shè)計的小編 http://tweetduck.com
