正文

軟件ui設(shè)計(jì)原則（軟件的ui設(shè)計(jì)）

發(fā)布時(shí)間：2023-07-03 04:57:10 稿源：創(chuàng)意嶺閱讀： 163

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

本文目錄:

1、軟件界面設(shè)計(jì)原則有哪些
2、UI設(shè)計(jì)的經(jīng)驗(yàn)法則有哪些?
3、UI設(shè)計(jì)原則背后的認(rèn)知心理學(xué)
4、什么是ui設(shè)計(jì)?包括哪些方面

一、軟件界面設(shè)計(jì)原則有哪些

界面設(shè)計(jì)原則總的來(lái)說(shuō)可以概括成界面在用戶的掌控之中、保持界面的一致性和減少用戶記憶的負(fù)擔(dān)這三大點(diǎn)，下面就給大家具體介紹一下界面設(shè)計(jì)原則。(一)界面設(shè)計(jì)原則(1)用戶原則。人機(jī)界面設(shè)計(jì)首先要確立用戶類型。劃分類型可以從不同的角度，視實(shí)際情況而定。確定類型后要針對(duì)其特點(diǎn)預(yù)測(cè)他們對(duì)不同界面的反應(yīng)。這就要從多方面設(shè)計(jì)分析。(2)信息最小量原則。人機(jī)界面設(shè)計(jì)要盡量減少用戶記憶負(fù)擔(dān)，采用有助于記憶的設(shè)計(jì)方案。(3)幫助和提示原則。要對(duì)用戶的*作命令作出反應(yīng)，幫助用戶處理問(wèn)題。系統(tǒng)要設(shè)計(jì)有恢復(fù)出錯(cuò)現(xiàn)場(chǎng)的能力，在系統(tǒng)內(nèi)部處理工作要有提示，盡量把主動(dòng)權(quán)讓給用戶。(4)媒體最佳組合原則。多媒體界面的成功并不在于僅向用戶提供豐富的媒體，而應(yīng)在相關(guān)理論指導(dǎo)下，注意處理好各種媒體間的關(guān)系，恰當(dāng)選用。(詳見(jiàn)媒體的選擇)(二)界面分析與規(guī)范在人機(jī)界面設(shè)計(jì)中，首先應(yīng)進(jìn)行界面設(shè)計(jì)分析，進(jìn)行用戶特性分析，用戶任務(wù)分析，記錄用戶有關(guān)系統(tǒng)的概念、術(shù)語(yǔ)，這項(xiàng)工作可與多媒體應(yīng)用系統(tǒng)分析結(jié)合進(jìn)行，囊括于用戶分析報(bào)告里。(三)人機(jī)界面的類型任務(wù)設(shè)計(jì)之后，要決定界面類型。目前有多種人機(jī)界面設(shè)計(jì)類型，各有不同的品質(zhì)和性能，下圖進(jìn)行了詳細(xì)的描述。創(chuàng)造性地使用多媒體環(huán)境，將會(huì)使應(yīng)用程序功能大大增強(qiáng)。要做到這一點(diǎn)，需從如下兩方面考慮：(1)媒體的功能：沒(méi)有任何一種媒體在所有場(chǎng)合都是最優(yōu)的，每種媒體都有其各自擅長(zhǎng)的特定范圍，各種媒體功能參考如下：①文本：在表現(xiàn)概念和刻劃細(xì)節(jié)時(shí)可用表現(xiàn)。②圖形：擅長(zhǎng)表達(dá)思想輪廓及蘊(yùn)含與大量數(shù)值數(shù)據(jù)內(nèi)的趨向性信息，在空間信息方面有較大優(yōu)勢(shì)。③動(dòng)畫(huà)：可用來(lái)突出整個(gè)事物，特別適于表現(xiàn)靜態(tài)圖形無(wú)法表現(xiàn)的動(dòng)作信息。④視頻影像：適于表現(xiàn)其它媒體所難以表現(xiàn)的來(lái)自真實(shí)生活的事件和情景。⑤語(yǔ)音：能使對(duì)話信息突出，特別是在于影像，動(dòng)畫(huà)集合時(shí)能傳遞大量的信息。⑥姿態(tài)與動(dòng)作：在與別的媒體結(jié)合時(shí)具有較強(qiáng)的信息引用能力，可以在相關(guān)信息之間建立起時(shí)間、空間以及邏輯上的聯(lián)系。(2)媒體選擇的結(jié)合與互補(bǔ)：腳本設(shè)計(jì)可根據(jù)內(nèi)容需要分配表達(dá)的媒體，這里要特別注意媒體間的結(jié)合與區(qū)別。提出幾條原則如下：①人們?cè)趩?wèn)題求解過(guò)程中的不同階段對(duì)信息媒體有不同需要。一般在最初的探索階段采用能提供具體信息的媒體如語(yǔ)音、圖像等，而在最后的分析階段多采用描述抽象概念的文本媒體。而一些直觀的信息(圖形、圖像等)介于兩者之間，適于綜合階段。②媒體種類對(duì)空間信息的傳遞并沒(méi)有明顯的影響，各種媒體各有所長(zhǎng)。③媒體結(jié)合是多媒體設(shè)計(jì)中需要研究的新課題。媒體之間可以互相支持，也會(huì)互相干擾。多種媒體應(yīng)密切相關(guān)，扣緊一個(gè)表現(xiàn)主題，而不應(yīng)把不相關(guān)的媒體內(nèi)容拼湊在一起。④目前，媒體結(jié)合在技術(shù)上主要通過(guò)在一個(gè)窗口中提供多種媒體的信息片段(空間結(jié)合)和對(duì)聲音、語(yǔ)音、錄相等隨時(shí)間變化的動(dòng)態(tài)媒體加以同步實(shí)現(xiàn)(時(shí)間序列組合).⑤媒體資源并非愈多愈好，如何在語(yǔ)義層上將各種媒體很好的，結(jié)合以更有效地傳遞信息，是要很好地探索的研究課題，也是應(yīng)用系統(tǒng)人機(jī)界面設(shè)計(jì)的關(guān)鍵問(wèn)題。(四)界面設(shè)計(jì)原則中的用戶心理學(xué)認(rèn)知心理學(xué)，從廣義上來(lái)說(shuō)，就是關(guān)于認(rèn)識(shí)的心理學(xué)。人類認(rèn)識(shí)客觀事物，主要就是通過(guò)感覺(jué)、知覺(jué)、注意、記憶、思維想象等來(lái)進(jìn)行，因此，凡是研究人的認(rèn)識(shí)心理過(guò)程的，都屬于認(rèn)識(shí)心理學(xué)。實(shí)際上，我們這里所指的認(rèn)知心理學(xué)是指純粹采用信息加工觀點(diǎn)來(lái)研究認(rèn)知心理學(xué)過(guò)程的心理學(xué)，也就是運(yùn)用信息論以及計(jì)算機(jī)的類比、模擬、驗(yàn)證等方法來(lái)研究的的知識(shí)是如何獲得、如何存貯、如何交換、如何取使用的。所以，我們這里所指的現(xiàn)代認(rèn)知心理學(xué)實(shí)質(zhì)是信息加工心理學(xué)。一般地，人們將信息加工心理學(xué)又稱為狹義的認(rèn)知心理學(xué)。1.認(rèn)知過(guò)程看和聽(tīng)的過(guò)程構(gòu)成知覺(jué)，圖像和聲音作為刺激的特征被接收并以抽象的方式被編碼，把輸入和記憶中的信息進(jìn)行對(duì)比得出對(duì)刺激的解釋，這一過(guò)程就是認(rèn)知。人體信息處理器包括感官，短期記憶、長(zhǎng)期記憶及與其相聯(lián)系的動(dòng)作處理器和認(rèn)知處理器。每種知覺(jué)均有一個(gè)對(duì)應(yīng)的短期存儲(chǔ)器和處理器，人體信息模型總體框圖如左圖4.3.1所示。其中認(rèn)知處理器執(zhí)行的工作就是我們通常所說(shuō)的思維。思維的結(jié)果或被存儲(chǔ)起來(lái)，或送至動(dòng)作處理器控制行動(dòng)。2.認(rèn)知心理學(xué)(1)現(xiàn)代認(rèn)知心理學(xué)的核心：現(xiàn)代認(rèn)知心理學(xué)的理論實(shí)質(zhì)，就是以計(jì)算機(jī)信息加工的觀點(diǎn)來(lái)研究人的心理學(xué)活動(dòng)，把人腦看作是一種如同計(jì)算機(jī)的信息加工系統(tǒng)。(2)現(xiàn)代認(rèn)知心理學(xué)兩個(gè)關(guān)鍵的重要概念：現(xiàn)代認(rèn)知心理學(xué)的學(xué)說(shuō)內(nèi)容集中體現(xiàn)在兩個(gè)關(guān)鍵的重要概念上?，F(xiàn)代認(rèn)知心理學(xué)的一個(gè)重要的中心概念，就是“信息”。在某種程度上說(shuō)，抽掉了“信息”的概念，認(rèn)知心理學(xué)的理論也就會(huì)散架解體，難以存在。現(xiàn)代認(rèn)知心理學(xué)的另一個(gè)重要的中心概念，就是“信息加工系統(tǒng)”。信息加工系統(tǒng)的理論，是現(xiàn)代認(rèn)知心理學(xué)理論的主體。(3)現(xiàn)代認(rèn)知心理學(xué)的研究方法：現(xiàn)代認(rèn)知心理學(xué)的研究方法有實(shí)驗(yàn)法、觀察法(包括自我觀察法)以及計(jì)算機(jī)模擬法等。3.人機(jī)交互設(shè)計(jì)遵循的認(rèn)知原則根據(jù)用戶心理學(xué)和認(rèn)知科學(xué)，提出了如下基本原則指導(dǎo)人機(jī)界面交互設(shè)計(jì)。(1)一致性原則。即從任務(wù)、信息的表達(dá)、界面控制*作等方面與用戶理解熟悉的模式盡量保持一致。(2)兼容性。在用戶期望和界面設(shè)計(jì)的現(xiàn)實(shí)之間要兼容，要基于用戶以前的經(jīng)驗(yàn)。(3)適應(yīng)性。用戶應(yīng)處于控制地位，因此界面應(yīng)在多方面適應(yīng)用戶。(4)指導(dǎo)性。界面設(shè)計(jì)應(yīng)通過(guò)任務(wù)提示和反饋信息來(lái)指導(dǎo)用戶，做到“以用戶為中心”。(5)結(jié)構(gòu)性。界面設(shè)計(jì)應(yīng)是結(jié)構(gòu)化的，以減少?gòu)?fù)雜度。(6)經(jīng)濟(jì)性。界面設(shè)計(jì)要用最少的支持用戶所必須步驟來(lái)實(shí)現(xiàn)。在界面設(shè)計(jì)原則指導(dǎo)下，提出以下幾點(diǎn)針對(duì)界面設(shè)計(jì)與屏幕設(shè)計(jì)的參考：(1)由具體到抽象。即首先通過(guò)多媒體界面給用戶提供具體的對(duì)象。然后從具體對(duì)象、內(nèi)容中讓學(xué)習(xí)者歸納出抽象的概念或原理，或用模擬系統(tǒng)來(lái)引導(dǎo)出抽象的原理。(2)由可視化的內(nèi)容顯示不可見(jiàn)的內(nèi)容。盡可能利用數(shù)字、圖解、動(dòng)畫(huà)、色彩等清晰爽目的對(duì)象顯示原理、公式或抽象的概念。(3)由模擬引導(dǎo)創(chuàng)新。突出人機(jī)交互，盡量啟發(fā)用戶的積極思維和參與，并激起用戶的學(xué)習(xí)和創(chuàng)造欲望。(4)合理運(yùn)用再認(rèn)與再憶，減少用戶短期記憶的負(fù)擔(dān)。所謂再認(rèn)就是從系統(tǒng)給定的幾個(gè)可能答案中要用戶選擇一個(gè)正確的或最好的。再憶即要求用戶輸入正確的答案或關(guān)鍵字。(5)考慮用戶的個(gè)別差異，使用用戶語(yǔ)言。以上五點(diǎn)具體體現(xiàn)了“由易而難，逐步強(qiáng)化?！边@一源于認(rèn)知心理學(xué)的原則。上文介紹的界面設(shè)計(jì)原則應(yīng)該讓大家心中對(duì)界面設(shè)計(jì)原則有了一定的認(rèn)識(shí)，當(dāng)然，因?yàn)榻缑嬖O(shè)計(jì)是復(fù)雜的需要多學(xué)科參與的，心理學(xué)、語(yǔ)言學(xué)、設(shè)計(jì)學(xué)等學(xué)科都在里面占有重要作用。而用戶界面是與程序交流的唯一方式，為了給用戶提供最便捷的服務(wù)，界面設(shè)計(jì)原則是一定要遵守的。

二、UI設(shè)計(jì)的經(jīng)驗(yàn)法則有哪些?

1.針對(duì)像素密度設(shè)計(jì)，而不是像素

例如，如果我們?cè)O(shè)計(jì)一個(gè)按鈕元素，大小是200x50dp，那么它在160ppi的屏幕上顯示為200x50dp，在320ppi的屏幕上顯示為400x100px，即原始資源的2倍。

在某些屏幕每英寸的像素要比其他屏幕多，但設(shè)計(jì)資源卻不會(huì)在像素密度高的屏幕上顯得更小，這是因?yàn)樵谶@些屏幕上會(huì)以原始尺寸的2倍，3倍，4倍進(jìn)行渲染。這樣的機(jī)制可以確保所有設(shè)計(jì)資源可以在不同密度和設(shè)備之間保持同樣大小。

例如，iPhone XS Max的屏幕尺寸是414x896，但這不是像素尺寸而是點(diǎn)的數(shù)量，以像素為單位時(shí)是1242x2688px。考慮到這一點(diǎn)，在設(shè)計(jì)iPhone XS Max時(shí)，我會(huì)將在414x896點(diǎn)下設(shè)計(jì)，然后交付@3x的設(shè)計(jì)資源。

2.善用8dp增量

為什么設(shè)計(jì)中要用8dp這個(gè)增量規(guī)則?這里有一個(gè)簡(jiǎn)單的解釋：我們使用8而不是5這個(gè)神奇數(shù)字的原因是，如果設(shè)備有1.5倍的分辨率，就很難被整除而出現(xiàn)鋸齒。

此外，絕大多數(shù)的屏幕尺寸都可以被8整除，這就是使得我們的設(shè)計(jì)在這些屏幕上適配變得很簡(jiǎn)單。

在做設(shè)計(jì)的時(shí)候，應(yīng)該時(shí)不時(shí)的停下來(lái)看看，確定下設(shè)計(jì)出的容器是否會(huì)使得UI變得混亂。通常，用于分隔內(nèi)容的框和線可以用留白代替。

我們以前做設(shè)計(jì)的時(shí)候，喜歡將元素套在盒子里。所以，只需要把這些盒子去掉就能使頁(yè)面看起來(lái)不那么密集，并給元素更多的呼吸空間，整個(gè)界面就能提升一個(gè)檔次。

3.關(guān)注對(duì)比度

合適的對(duì)比度不僅可以讓用戶看到頁(yè)面上的相關(guān)信息，還可以提高產(chǎn)品的易用性。

設(shè)計(jì)一款產(chǎn)品就類似于建造一個(gè)公共建筑，比如圖書(shū)館或?qū)W校，它需要包容所有人：盲人，色盲或視力受損的用戶。

網(wǎng)頁(yè)可用性標(biāo)準(zhǔn)(WCAG) (https://webaim.org/articles/contrast/ )規(guī)定對(duì)比度至少要達(dá)到4.5：1。

為了確保你做的設(shè)計(jì)符合標(biāo)準(zhǔn)，建議下載一個(gè)叫“stark ( https://getstark.co/)”的插件，來(lái)檢查設(shè)計(jì)是否OK。

4.遵循用戶習(xí)慣

某些元素被認(rèn)為是標(biāo)準(zhǔn)的原因有很多。

例如，如果將按鈕設(shè)計(jì)為圓形，那么當(dāng)文本需要為“Start Free Trial”時(shí)，按鈕就會(huì)占用不必要的垂直空間。

除此之外，用戶已經(jīng)開(kāi)始期待類似的產(chǎn)品體驗(yàn)。如果你設(shè)計(jì)出來(lái)的網(wǎng)站，App，軟件功能和用戶所習(xí)慣的不太一樣，那么它就是不直觀的，用戶就可能對(duì)這種體驗(yàn)感到失望。

因此，最好是在現(xiàn)有的設(shè)計(jì)規(guī)范的范圍內(nèi)進(jìn)行創(chuàng)新，而不是去重新發(fā)明輪子。

5.用顏色深淺構(gòu)建層次結(jié)構(gòu)

每種顏色都有一個(gè)視覺(jué)權(quán)重，這有助于在內(nèi)容中建立層次結(jié)構(gòu)。通過(guò)使用顏色的深淺，為元素賦予不同的重要性。

這里的經(jīng)驗(yàn)就是，如果一個(gè)元素比另一個(gè)元素更重要，那么它就應(yīng)該具有更高的視覺(jué)權(quán)重。這能讓用戶很容易區(qū)分重要和不重要的信息，從而快速瀏覽頁(yè)面。

更大，更醒目的信息會(huì)首先吸引用戶的眼球，然后才會(huì)看向它下面的次要信息。

6.避免使用超過(guò)兩種字體

一個(gè)普遍接受的設(shè)計(jì)共識(shí)就是在同一張界面中使用的字體數(shù)量應(yīng)該要有限制。一般來(lái)說(shuō)，兩種不同的字體就足夠了。這不是說(shuō)不能用更多的字體了，而是最好要有合理的理由，否則最好不使用。

解決這個(gè)問(wèn)題的方法是使用字體族。

使用字體族，我們可以在設(shè)計(jì)中使用具有不同變體的相同字體，來(lái)自同一家族的字體被設(shè)計(jì)成可以一起使用，是靈活且一致的。

在選擇字體時(shí)，優(yōu)先選擇具有各種權(quán)重的字體，如細(xì)體，標(biāo)準(zhǔn)體，中粗體，加粗體，超粗體，寬體，擴(kuò)展體和斜體。這將給你更多的發(fā)揮空間，而不需要添加額外的字體。

三、UI設(shè)計(jì)原則背后的認(rèn)知心理學(xué)

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

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

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

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

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

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

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

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

我們認(rèn)知會(huì)受熟悉的感知框架影響;

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

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

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

所以這頁(yè)就是為什么UI設(shè)計(jì)原則中需要保持一致性，一致性也包括3個(gè)方面：

1.和用戶預(yù)期保持一致性。

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

app中就有很多案例契合用戶心智模型，減輕用戶的學(xué)習(xí)成本和記憶負(fù)擔(dān)

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

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

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

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

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

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

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

4. 遵循用戶的操作習(xí)慣;

有時(shí)候在找某件東西的時(shí)候，如果它不在老地方或者看起來(lái)和以前不一樣，就算在我們眼前，我們也找半天，這也是因?yàn)槲覀兪芤酝慕?jīng)驗(yàn)影響感知;因此相同或相似產(chǎn)品的用戶習(xí)慣保持一致，即意味著用戶需要更少的時(shí)間去學(xué)習(xí)甚至不需要學(xué)習(xí);

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

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

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

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

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

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

3、將來(lái)：目標(biāo)影響感知

除了視覺(jué)，我們的目標(biāo)還過(guò)濾其他感官的感知。

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

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

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

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

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

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

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

總結(jié)：最后對(duì)設(shè)計(jì)有什么影響?

避免歧義

避免顯示有歧義的信息，并通過(guò)測(cè)試確認(rèn)所有用戶對(duì)信息的理解是一致的。當(dāng)無(wú)法消除歧義時(shí)，要么依靠設(shè)計(jì)標(biāo)準(zhǔn)或用戶習(xí)慣，要么告知用戶用你期望的方式去理解歧義之處。

保持一致

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

理解目標(biāo)

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

四、什么是ui設(shè)計(jì)?包括哪些方面

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

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

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

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

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

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

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