ui界面設(shè)計(jì)的原則是什么？ui界面設(shè)計(jì)需要注意什么？

　　相信有不少人想要從事ui界面設(shè)計(jì)的工作，ui界面設(shè)計(jì)的好壞對(duì)人機(jī)交互起著至關(guān)重要的影響，如果你界面設(shè)計(jì)的好，那么一定會(huì)方便用戶使用，讓用戶喜歡，下面faceui就給大家說(shuō)說(shuō)ui界面設(shè)計(jì)的原則是什么，希望對(duì)你有幫助。

　　UI設(shè)計(jì)

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

　　好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

　　ui界面設(shè)計(jì)的原則是什么？

　　1、界面風(fēng)格保持一致。使用一致的術(shù)語(yǔ)、一致的步驟、一致的動(dòng)作，讓用戶始終用同一種方式思考與操作。最忌諱每換一個(gè)屏幕就更換一套操作命令與操作方法。

　　2、富有吸引力。用戶界面不僅應(yīng)該方便、高效，還應(yīng)該使用戶在使用時(shí)感到興奮，能夠從中獲得樂(lè)趣，從而吸引用戶更樂(lè)意使用它、接受它。

ui界面設(shè)計(jì)（圖片來(lái)自網(wǎng)絡(luò)）

　　3、界面元素的位置。用戶界面是由若干界面元素組成的，不是所有元素都一樣重要，要確保重要的元素盡快顯現(xiàn)給用戶。重要的或頻繁訪問(wèn)的元素應(yīng)當(dāng)放在顯著的位置上，而不太重要的或使用頻率小的放到不太顯著的位置上。

　　4、保持界面元素的一致性。一致的外觀可以在系統(tǒng)中創(chuàng)造一種和諧。如果界面元素缺乏一致性，很可能使界面看起來(lái)雜亂無(wú)章、沒(méi)有條理，甚至可能引起用戶對(duì)系統(tǒng)可靠性的懷疑，失去對(duì)系統(tǒng)應(yīng)用的信心。

　　5、合理使用空白區(qū)域。當(dāng)然此處的“白”并非指白色，而是指界面中沒(méi)有被界面元素占用的空白區(qū)域。恰當(dāng)?shù)亍傲舭住庇兄谕怀鼋缑嬖睾透纳瓶捎眯?，引?dǎo)用戶在不知不覺(jué)中進(jìn)入系統(tǒng)的思維框架，從而順利地、正確地應(yīng)用這個(gè)系統(tǒng)。

　　6、保持界面簡(jiǎn)單明了。界面設(shè)計(jì)中最重要的原則就是使復(fù)雜的問(wèn)題簡(jiǎn)單化。如果用戶覺(jué)得界面很復(fù)雜，則可能會(huì)認(rèn)為系統(tǒng)本身也很難，而望而卻步，所以與大而全的界面設(shè)計(jì)方案比較起來(lái)，簡(jiǎn)單明快的界面設(shè)計(jì)往往更可取。

　　7、慎重使用顏色。在界面上合理地使用顏色可以增加視覺(jué)上的感染力，但濫用顏色會(huì)適得其反。一般而言，亮色容易使人興奮，同時(shí)也容易使人的眼睛產(chǎn)生疲勞；柔和的暗色可以使人平靜。

　　8、字體的選用。文字是傳達(dá)信息的工具，有文字就有字體。因此字體也是影響用戶界面質(zhì)量的重要因素。程序員要選取在不同的分辨率和不同類型的屏幕上都能順利閱讀的字體。另外，字體的一致性也很重要，在大多數(shù)情況下，不應(yīng)當(dāng)采用兩種以上的字體。

　　9、按鈕類元素。設(shè)計(jì)界面時(shí)仔細(xì)分析各種元素的功能以及元素之間的邏輯關(guān)系，并按功能或關(guān)系進(jìn)行邏輯分組，使用控件組織起來(lái)，以加強(qiáng)元素之間的聯(lián)系。另外，如果界面放置的元素太多，可考慮采用菜單來(lái)完成相同的功能。

　　10、列表框類元素。列表框類元素有一個(gè)共同的特點(diǎn)，都可以設(shè)置滾動(dòng)條。使在一個(gè)小“框”中閱讀大文件成為可能。但也產(chǎn)生一個(gè)問(wèn)題：如果閱讀一個(gè)行列均很多的文件，用戶就會(huì)反復(fù)拉動(dòng)水平或垂直滾動(dòng)條，給閱讀帶來(lái)諸多不便。設(shè)計(jì)時(shí)最好只使用一個(gè)方向的滾動(dòng)條，即要么橫向夠?qū)挘纯v向夠長(zhǎng)。

　　ui界面設(shè)計(jì)需要注意什么？

　　1、盡量避免使用俗語(yǔ)和術(shù)語(yǔ)

　　未知的術(shù)語(yǔ)和俗語(yǔ)將會(huì)增加用戶的認(rèn)知負(fù)荷，所以應(yīng)當(dāng)盡量避免使用這類用戶無(wú)法識(shí)別的詞匯，使用常用和易于理解的詞匯能夠幫助用戶理解。

　　2、避免使用包含大量細(xì)節(jié)的長(zhǎng)句

　　在絕大多數(shù)的交互場(chǎng)景之下，都無(wú)需界面描述出全部的細(xì)節(jié)。用戶在探索過(guò)程中，逐步為他們提供更多的信息和細(xì)節(jié)是更加合理的做法。所以，當(dāng)你在提供信息的時(shí)候，可以這么做：

　　·提供信息時(shí)，問(wèn)一下自己：用戶是否必須在此刻此地知道這件事？

　　·盡量提供簡(jiǎn)短、易于快速獲取的內(nèi)容。即使是長(zhǎng)內(nèi)容，也盡量控制在30字以內(nèi)。

ui界面設(shè)計(jì)（圖片來(lái)自網(wǎng)絡(luò)）

　　3、盡量使用一般時(shí)態(tài)描述操作

　　盡量使用現(xiàn)在時(shí)來(lái)描述各種操作，即使是描述過(guò)去或者將來(lái)的操作，使用簡(jiǎn)短直接的動(dòng)詞來(lái)描述即可。不過(guò)，在中文語(yǔ)境下，這種問(wèn)題通常不會(huì)像英文那么嚴(yán)重。比如，“Message has been sent”就不合適，用“Message sent”更合理。在中文中，兩者的含義都是“消息已發(fā)送”，差別不大。所以，在設(shè)計(jì)非中文內(nèi)容的時(shí)候，需要更加注意這一問(wèn)題。

　　4、不要混用“你”和“我”

　　交互中指代混亂會(huì)讓用戶相當(dāng)糾結(jié)的，由于UI中常常會(huì)使用諸如“我的電腦”“我的帳號(hào)”這樣的文案內(nèi)容，所以在提示中使用“在 我的帳號(hào) 中調(diào)整你的設(shè)置”這一的表述會(huì)讓用戶感到迷惑的，最好微調(diào)規(guī)避這種問(wèn)題：“在 我的帳號(hào) 中調(diào)整個(gè)人設(shè)置”。

　　5、盡量使用阿拉伯?dāng)?shù)字來(lái)表示數(shù)量

　　這也是常見問(wèn)題，用戶對(duì)于數(shù)字的感知速度更快，使用數(shù)字而非文字表述會(huì)更加有效?！澳腥龡l短消息”和“您有3條短消息”相比，明顯是后者中的阿拉伯?dāng)?shù)字信息傳遞效率更高。

　　6、避免使用代詞“我們(We)”

　　在進(jìn)行內(nèi)容表述的時(shí)候，關(guān)注點(diǎn)應(yīng)該是用戶和他們能用你的APP做什么，而非你們和你的APP在為他們做什么，內(nèi)容表述的立足點(diǎn)很重要。所以，F(xiàn)acebook 不會(huì)在用戶首次登錄的時(shí)候使用“為了幫你更快上手，我們將會(huì)為你顯示Facebook 上的熱門內(nèi)容”，相反，他們的表述為“不妨從這些熱門的Facebook 內(nèi)容開始您的旅程”，這樣無(wú)疑更加穩(wěn)妥。

　　不過(guò)值得注意的是，這個(gè)是有例外情況的。當(dāng)用戶在向系統(tǒng)后臺(tái)反饋問(wèn)題、提出建議或者申訴的時(shí)候，使用“我們”是合理的語(yǔ)境，比如“我們將會(huì)審核您的申訴，并在幾天內(nèi)給予回復(fù)”。

　　7、避免使用全是大寫字母的拼寫

　　全是大寫字母的內(nèi)容表述看起來(lái)更加整齊，但是識(shí)別度上著實(shí)不如小寫字母，全大寫的拼寫明顯拉低了用戶的閱讀速度和整體體驗(yàn)。這同樣是一個(gè)在非中文語(yǔ)言背景下常見的問(wèn)題，在進(jìn)行類似設(shè)計(jì)的時(shí)候，應(yīng)當(dāng)避免。

　　8、不要表述得過(guò)于絕對(duì)

　　不要使用過(guò)于絕對(duì)的表述，這樣會(huì)讓用戶覺(jué)得不適，“我們絕不會(huì)發(fā)送促銷的郵件”就不如“我們只會(huì)為您發(fā)送重要的信息”來(lái)得好聽，盡管兩者要傳遞的信息是幾乎一樣的。

　　9、謹(jǐn)慎使用感嘆號(hào)

　　感嘆號(hào)會(huì)讓文案顯得過(guò)于歇斯底里，容易讓氣氛變得過(guò)于緊張?！皝?lái)了解一下APP的最新功能吧！”這樣的表述多少有點(diǎn)用力過(guò)猛。而使用“歡迎！”這樣的短句搭配感嘆號(hào)就顯得更加一致了。

　　10、避免性別模糊

　　英語(yǔ)是少數(shù)可以進(jìn)行性別模糊表述的語(yǔ)言之一，其他許多語(yǔ)言，諸如德語(yǔ)，就很難模糊表述。在確知對(duì)象性別的情況下，盡量使用準(zhǔn)確的代詞來(lái)表述，避免性別模糊的問(wèn)題。

　　11、使用簡(jiǎn)短直接的表述

　　將冗長(zhǎng)的內(nèi)容縮減為精準(zhǔn)直接的表述吧，讓內(nèi)容和指示更容易為用戶所接受和理解。諸如“你必須”，“基于當(dāng)前的情況”這樣的表述還是盡量避免。“你是否要保存全部的內(nèi)容修改？”這樣的表述應(yīng)當(dāng)縮減為“保存修改”。

　　12、去掉“你是否確定”

　　在絕大多數(shù)的情況下，這樣的問(wèn)題問(wèn)法其實(shí)并沒(méi)有任何價(jià)值，所以“你確定是要?jiǎng)h除這張照片嗎？”不如改成“刪除此照片？”，這樣更加簡(jiǎn)練。

　　13、不要使用特定文化背景術(shù)語(yǔ)

　　特定文化下的語(yǔ)言表述往往很難被絕大多數(shù)的用戶所理解，在許多場(chǎng)合下甚至?xí)@得特別不合適。最典型的就是各種二次元和游戲的衍生術(shù)語(yǔ)，如果沒(méi)人解釋，估計(jì)絕大多數(shù)用戶都無(wú)法理解 GG 一詞的真實(shí)含義吧？（Good Game，競(jìng)技游戲中，輸?shù)哪且环皆谕顺銮按騁G，表示認(rèn)輸也間接稱贊對(duì)方打的不錯(cuò)。勝的一方先打出GG略有嘲諷意味。）

　　14、用更精準(zhǔn)的表述替代“OK”

　　一個(gè)好的對(duì)話框應(yīng)該有明確的指示。雖然“OK”能夠?yàn)橛脩羲斫?，但是在?duì)話框按鈕內(nèi)容設(shè)置上可以選擇指代更加明確的文本，這樣會(huì)更加清晰明確，規(guī)避錯(cuò)誤。相比于“確定/取消”這樣的搭配，“移除/取消”指代是否更加明確呢？

　　ui界面設(shè)計(jì)的原則是什么？ui界面設(shè)計(jì)需要注意什么？讀完上面相信大家對(duì)ui界面設(shè)計(jì)的原則和注意事項(xiàng)都了解了，ui設(shè)計(jì)不是一朝一夕就能學(xué)會(huì)的，如果你在學(xué)習(xí)中遇到不懂的問(wèn)題，可以向faceui咨詢。