正文

ui設計的原理（ui設計的原理和解決方法）

發(fā)布時間：2023-04-28 02:51:35 稿源：創(chuàng)意嶺閱讀： 1059

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于ui設計的原理的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務客戶遍布全國，設計相關(guān)業(yè)務請撥打175-8598-2043，或微信：1454722008

本文目錄:

1、什么是ui界面設計
2、UI設計需要學習什么內(nèi)容?
3、UI設計原則背后的認知心理學
4、UI設計最主要學習什么？

ui設計的原理（ui設計的原理和解決方法）

一、什么是ui界面設計

UI 設計(或稱界面設計)是指對軟件的人機交互、操作邏輯、界面美觀的整體設計，也叫界面設計。UI 設計分為實體 UI 和虛擬UI，互聯(lián)網(wǎng)說的 UI 設計是虛擬 UI, UI 即User Interface(用戶界面)的簡稱。

UI 設計師的職能大體包括三方面:一是圖形設計，軟件產(chǎn)品的產(chǎn)品“外形”設計。二是交互設計，主要在于設計軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。三是用戶測試/研究，這里所謂的“測試”，其目標恰在于測試交互設計的合理性及圖形設計的美觀性，主要通過以目標用戶問卷的形式衡量 UI 設計的合理性。

UI設計目前的前景還是很不錯的，很多企業(yè)都缺少 UI 設計師。而且可以看到的是，現(xiàn)在社會的發(fā)展，更多的智能機和智能機器人研發(fā)出現(xiàn)，這些都離不開UI 設計師。所以說 UI 設計的是很有前途的，是不會失業(yè)的。而且 UI 設計門檻不高，要入門也不難的。

從工作內(nèi)容來說，UI設計在當前的互聯(lián)網(wǎng)領(lǐng)域、科技領(lǐng)域可以說無處不在，

好的 UI 設計能夠明顯提升用戶的使用體驗,從而給產(chǎn)品帶來更多的附加值,所以UI 設計對于互聯(lián)網(wǎng)產(chǎn)品是非常重要的。目前 UI 設計通常分為兩個大的工作方向，一個是交互設計,另一個是視覺設計。

總的來說，UI 設計相比較于編程而言，還是非常適合大眾學的并且就業(yè)前景很廣闊。學完 UI 設計，能獲得一份穩(wěn)定而又不失樂趣的工作，同時有利于追求更高品質(zhì)的生活，在藝術(shù)領(lǐng)域可以獲得更多的啟迪。

二、UI設計需要學習什么內(nèi)容?

UI設計是隨著移動互聯(lián)網(wǎng)的發(fā)展和用戶體驗度的提升而誕生的新興職業(yè)，人才需求大，薪資可媲美程序員，是目前比較受歡迎的職位之一。很多人想要從事UI設計卻不知道UI設計學習什么內(nèi)容，接下來就給大家分享一下。

結(jié)合市場潮流以及企業(yè)招聘需求，通常要包括這些內(nèi)容：

1、插畫設計。手繪是設計師求職過程中的加分項，更能提升設計師對物體的形體、輪廓、明暗的表現(xiàn)能力，是UI設計人員對色彩的運用有自己獨特的風格，原創(chuàng)能力更佳!

2、C4D設計。C4D三維設計最早興起于電商、游戲行業(yè)，后在互聯(lián)網(wǎng)行業(yè)盛行，是目前互聯(lián)網(wǎng)行業(yè)獲取高薪的必備技能。

3、運營H5設計。H5推廣頁面是市場運營的營銷法寶，有創(chuàng)意的H5能直接拉升運營數(shù)據(jù)，擅長H5頁面設計的設計師成為各大互聯(lián)網(wǎng)企業(yè)的搶手人才。

4、Web前端規(guī)范。包括移動端和PC端頁面實戰(zhàn)，主要教授基礎前端代碼，設計師懂代碼才能設計出更規(guī)范的頁面，才能與前端工程師高效率協(xié)作溝通。

5、產(chǎn)品原型設計。產(chǎn)品設計全流程實戰(zhàn)，讓設計師站在產(chǎn)品經(jīng)理的視角考慮產(chǎn)品的用戶體驗、交互方式，設計出更出色的產(chǎn)品，使學員在實戰(zhàn)中具備產(chǎn)品經(jīng)理思維。

當然，除了以上內(nèi)容，一個專業(yè)靠譜的UI設計內(nèi)容還必須包括經(jīng)典的PS、AI、AE等軟件知識及工具的講解，還有對應的實戰(zhàn)項目練習。零基礎學習UI設計點這兒

三、UI設計原則背后的認知心理學

了解人的感官和大腦是如何工作的，去衡量及判斷那些設計原則更靠譜;UI設計師需要確定哪個設計原則更適用于給定的環(huán)境，從而優(yōu)選應用，UI設計師必須深思熟慮，而不是盲目的應用設計原則，應該理解其基本原則并有過應用經(jīng)驗的人來使用和詮釋;

所有設計原則其實都是基于人類心理學，從認知和心理學角度剖析交互設計本質(zhì)，去解讀人們?nèi)绾胃兄W習、推理、記憶，以及把想法轉(zhuǎn)換為行動。將實際的設計原則聯(lián)系起來會讓心理學變得更具體、更容易理解。

此篇是給自己解惑的文章，也是一篇學習筆記總結(jié);也讓自己知道就算背熟了著名的交互原則后仍做不好設計，究竟是因為什么?現(xiàn)實中，很多設計原則，有一致的場景卻又有互相沖突的場景，到底該怎么推斷那些設計準則更靠譜?

我們的感知與現(xiàn)實存在一定的偏差

不要懷疑，就是我們所看到的并不是真相，我們的大腦在影響我們的感知;很大程度上是我們“期望”感知到的。感知至少受到以下3個因素影響，與現(xiàn)實存在偏差

1、過去：先入為主的經(jīng)驗影響我們的感知

人常根據(jù)以往的經(jīng)驗來對事物進行理解和判斷;先入為主的經(jīng)驗會給用戶不一樣的感知和理解;你看到什么取決于經(jīng)驗/別人告訴你什么?

R.C.James的素描：給人的第一印象是隨手潑出的黑點，如果有人和你說這是一只在樹附近嗅著地面的斑點狗后，你就很難再把這張素描看成是隨手潑出的黑點了;看過劉亦菲演的神雕俠侶小龍女后，后面再有(陳妍希、毛曉慧)翻拍都覺得沒有比劉亦菲更適合小龍女這個角色，而且還被黑的很慘;這都是因為人會被先入為主的經(jīng)驗影響感知

我們認知會受熟悉的感知框架影響;

我們生活中大部分時間都是在自己熟悉的環(huán)境中度過(比如：家、公司、去公司的路上、附近的商場)，久而久之這些熟悉的環(huán)境會在我們心智中建立框架;比如，你并不需要經(jīng)常檢查你家里的東西，但你對家里夠熟悉，也就知道某些東西大概放在哪里，因為你已經(jīng)建立了你對自己家的認知，有點刻板印象那么回事，專家們都管這個叫“感知模式/感知框架”

感知框架能幫助我們應付所處的世界，但是呢也會讓我們看到并不存在的東西;比如，有時候你覺得你身份證明明放在家里某個地方，你就是找半天沒找到;還有你去飯店吃飯，去飯店吃飯的心智框架里有部分是付款，可能你沒有付款走出來飯店，但你的潛意識以為自己已經(jīng)付款過了，查看賬單才發(fā)現(xiàn)真沒付!!!!

不同場合的心智框架影響我們在不同場合下對期待見到的事物感知;使用電腦、網(wǎng)站及手機的人對桌面和文件、網(wǎng)頁瀏覽器、網(wǎng)站和各種類型的APP都會有相對應的心智框架;用戶經(jīng)常不認真看屏幕就點擊按鈕或鏈接，他們更多是靠以往的經(jīng)驗來引導他們對界面的感知，沒錯就是在盲點瞎點!!!能不動腦就不會動腦那種，所以知道這個原理我們可以更好的了解那些設計原則

所以這頁就是為什么UI設計原則中需要保持一致性，一致性也包括3個方面：

1.和用戶預期保持一致性。

如果不符合人熟悉的心智模型及框架，就很容易很抓狂;經(jīng)常炒股的朋友，會對紅色綠色很敏感，綠色代表下跌紅色代表漲，但其實北美的股票市場則反之，紅色代表下跌;很多用慣安卓的用戶，突然用iOS會很不習慣，最明顯的微信APP的iOS版本和安卓版本就有很多不一樣的地方;用習慣win的系統(tǒng)用戶新買了個macbook電腦，剛用的時候很奔潰，時時刻刻都感覺自己是個智障～

app中就有很多案例契合用戶心智模型，減輕用戶的學習成本和記憶負擔

QQ閱讀的電子書還是保留了翻頁效果都是模擬現(xiàn)實翻書的效果，這樣大大降低用戶理解左右滑控制翻書上下頁的理解成本。微信紅包設計形式就很像現(xiàn)實中的紅包，所以很多人也一下子就理解這是紅包，而且點開就是拆紅包了。網(wǎng)易云音樂也是做成黑膠唱片的即視感，播放暫停都會相應變化，營造了聽歌的氛圍。

微信朋友圈廣告的樣式也是符合用戶心智模型，呈現(xiàn)形式與好友發(fā)的朋友圈保持一致。以明星作為好友，插入大圖，底部還可以看到好友的評論和互動，這樣給人的感覺就像好友發(fā)了一個狀態(tài)，而非一條赤裸裸的廣告。

還有在支付寶好友對話頁面轉(zhuǎn)賬的場景中，用戶有著不同的使用習慣，他們認為來這里就是轉(zhuǎn)賬的，所以有的用戶進入對話框后，輸入完數(shù)字，就認為自己已經(jīng)轉(zhuǎn)賬成功了，其實并沒有，于是有了現(xiàn)在改版后的方案;bilili在輸入密碼的時候2個小人會捂住眼睛，像極了現(xiàn)實中別人輸入密碼自己會走開不偷看。

2. 和平臺規(guī)則保持一致性

產(chǎn)品的設計要和平臺的規(guī)范保持一致，比如ios、Android及網(wǎng)站規(guī)范;也需要與競品保持一致比如同類型的app也會大同小異;

3. 產(chǎn)品內(nèi)部規(guī)范一致性。

其中包括迭代版本保持一致性，同一層級圖標顏色字體保持一致性，品牌一致性，交互行為一致性;不同的品牌有自己的調(diào)性，可以直接通過設計語言傳達給用戶，而且能夠達到一個良好的品牌辨識度，成熟的產(chǎn)品有自己的設計標準。

4. 遵循用戶的操作習慣;

有時候在找某件東西的時候，如果它不在老地方或者看起來和以前不一樣，就算在我們眼前，我們也找半天，這也是因為我們受以往的經(jīng)驗影響感知;因此相同或相似產(chǎn)品的用戶習慣保持一致，即意味著用戶需要更少的時間去學習甚至不需要學習;

微信的iOS和安卓版本不一致，是根據(jù)2個終端不一樣的交互習慣操作;比如微信2各版本的搜索位置不一致，安卓在右上角，iOS是一長條;發(fā)現(xiàn)頁iOS是沒有搜索和添加的，安卓卻有;在iOS系統(tǒng)中，想要刪除一條信息只需要向左輕輕一劃，而在安卓系統(tǒng)中，需要長按信息在彈出的選項中選擇刪除選項，然后再按確認刪除的選項;安卓左右劃可以切換4個tab但iOS卻不行，安卓和iOS二級頁面的返回鍵也是不一致，安卓底部有返回操作，iOS則是右滑返回上一級。

2、當前：環(huán)境影響感知

周圍環(huán)境對感知的影響也同樣存在于不同感官之間。五個感官任何之一的感知都可能同時影響其他感官的感知。例如：我們聽到的能影響我們看到的，反之亦然;我們聽到、看到或者聞到的能影響我們的觸覺。

總之，對于識別一個字母、一個單詞、一張臉或者任何物體的神經(jīng)活動，都包含了環(huán)境刺激產(chǎn)生的神經(jīng)信號的輸入。這個環(huán)境包括感知到的其他臨近對象和事件，甚至由環(huán)境激活的對以往感知到的對象和事件的記憶。

人們經(jīng)常根據(jù)周圍的情景去理解事物，視覺感知也是一樣的，上下文會影響我們對某一個詞的理解;環(huán)境有時候會產(chǎn)生歧義。同樣的一段話放在不同的語句當中，會有不同的理解。視覺上也是如此：

視覺設計可以通過應用的背景、界面元素的擺放等來烘托情感、主題和氣質(zhì)。比如天貓、京東及拼多多618這種節(jié)日活動主場景，也是利用了這種心理將買買買的活動氛圍營造出來。

3、將來：目標影響感知

除了視覺，我們的目標還過濾其他感官的感知。

例如：在嘈雜的環(huán)境中與人交談，你能把大部分注意力放在他說的話上，即使身邊還有許多人在對話。你對談話的興趣越大就越能過濾掉周圍的聲音。

當用戶登錄網(wǎng)站執(zhí)行操作時通常都是帶有目的性的去操作，這個過程中會過濾與其達成目標操作無關(guān)的東西，當用戶在軟件或網(wǎng)站上尋找信息或某個功能時，他們并不會認真的閱讀，只是快速而粗略的掃描屏幕上與目標相關(guān)的東西。他們不是不僅僅忽略掉與目標無關(guān)的東西，而是經(jīng)常不注意它們。

目標影響我們注意什么--感知是主動的，我們動用五官去找到和目標相關(guān)的東西。目標使我們的感知系統(tǒng)對某些特性敏感--例如在下圖找紅色的圓點，大腦對紅色就會特別敏感，而其它顏色就幾乎不會被注意到，即使我們的確“看到”了它們

目標對感知的過濾在成年人身上特別可靠，他們比兒童對目標更專注。兒童更容易被刺激驅(qū)使，目標較少地過濾他們的感知。這種特點使得他們比成年人更容易分心，但也使得他們觀察時更不容易被影響。

當用戶充分的調(diào)動感知來尋找目標的時候，由于用戶的注意力處于一種高度的緊張狀態(tài)，這是一種不好的用戶體驗，我們要做的是讓用戶能夠輕松的完成目標任務，而不需要有高度的緊張和尋找。

比如淘寶在注冊賬號的時候，清晰告知用戶注冊整體流程狀態(tài)

由于用戶在完成某項操作的時候，非常容易忽略和目標任務無關(guān)的信息，所以如果需要在用戶處理任務的過程中，使用戶注意到一些額外的重要信息的話，應該將這些信息做的醒目或者將它們擺放到適當?shù)奈恢?，比如：Behace在用戶創(chuàng)建密碼時，會貼心在下面把已滿足密碼項☑️，避免不滿足密碼要求又被打回

總結(jié)：最后對設計有什么影響?

避免歧義

避免顯示有歧義的信息，并通過測試確認所有用戶對信息的理解是一致的。當無法消除歧義時，要么依靠設計標準或用戶習慣，要么告知用戶用你期望的方式去理解歧義之處。

保持一致

在一致的位置擺放信息和控件。不同頁面上提供的相同功能的控件和數(shù)據(jù)顯示應該擺放在每一頁上相同的位置，而且它們還應該有相同的顏色、字體和陰影等。這樣的一致性能讓用戶很快找到和識別它們。一致性的交互設計原則對用戶而言可以讓信息傳達和用戶使用體驗更好;對產(chǎn)品研發(fā)團隊來說，也會減少設計的研發(fā)成本

理解目標

理解用戶目標，知道它們強烈的要感知什么，從而確保提供必要的信息清晰的對應用戶的感知，用戶去用一個系統(tǒng)是有目標的。設計者應該了解這些目標，要認識到不同用戶的目標可能不同，而且他們的目標強烈左右他們能感知到什么。在一次交互的每個點，確保提供了用戶需要的信息，并非常清晰地對應到一個可能的用戶目標，使用戶能夠注意到并使用這些信息。

四、UI設計最主要學習什么？

要了解UI設計最主要學習什么，首先我們來看下，UI是什么，UI是指用戶界面（User Interface），目前就不同的用戶界面來劃分UI設計的話，主要是web界面設計和移動界面設計，這是現(xiàn)在用戶接觸最多的。UI設計重要的不在于操作什么樣的軟件，而是你的想法，有一個好的想法，然后通過軟件工具去實現(xiàn)那個想法，即便是一些小圖標，也要讓其有自己的特色，突出自身的亮點。所以自己的想法，設計，創(chuàng)意對于學習UI設計才最重要。

主要學習的軟件有4款：PS AI AE Axure。軟件學習的話PS 和AI是圖形繪制軟件，AE是影視后期處理軟件，主要是用來做交互動畫跟H5動畫展示的，Axure是交互原型圖以及交互模擬展示效果的軟件。那除了這些的話還有就是一些輔助性的軟件跟插件，比如cutterman切圖插件，像素大廚跟markman標注軟件。

以上就是關(guān)于ui設計的原理相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。