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