正文

ui設(shè)計(jì)原則有哪些（ui設(shè)計(jì)原則有哪些方面）

發(fā)布時(shí)間：2023-04-13 16:15:45 稿源：創(chuàng)意嶺閱讀： 88

大家好！今天讓小編來大家介紹下關(guān)于ui設(shè)計(jì)原則有哪些的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請(qǐng)撥打電話：175-8598-2043，或添加微信：1454722008

文章目錄列表:

1、UI設(shè)計(jì)的五個(gè)設(shè)計(jì)原則，你造嗎？
2、UI設(shè)計(jì)原則與思路有哪些
3、什么是UI？它的設(shè)計(jì)原則是什么？
4、游戲界面設(shè)計(jì)有哪些規(guī)則？

ui設(shè)計(jì)原則有哪些（ui設(shè)計(jì)原則有哪些方面）

一、UI設(shè)計(jì)的五個(gè)設(shè)計(jì)原則，你造嗎？

1.簡單

優(yōu)秀的UI界面是隱形的，華麗的裝飾和不必要的元素都已經(jīng)被剔除，簡單直接的頁面邏輯和直觀必要的元素構(gòu)成了這樣的UI界面。設(shè)計(jì)UI的時(shí)候，你在添加任何元素的時(shí)候，都最好問一下自己“這個(gè)功能是否會(huì)影響用戶現(xiàn)有的任務(wù)?它是否真的必要?”先將你的UI內(nèi)的元素限定為必須的，專注于核心的用戶體驗(yàn)。

2.清晰

保持清晰的UI界面設(shè)計(jì)并不難，首先要保證按鈕和操作的標(biāo)簽文字指向性要明確，保持清晰的信息傳遞，讓用戶能夠快速弄明白交互的指向性。盡量不要在UI中使用冗長、復(fù)雜、難以記住的文本標(biāo)簽，越復(fù)雜就越會(huì)影響整體的用戶體驗(yàn)。

3.一致

一致的設(shè)計(jì)能夠讓用戶對(duì)于你的設(shè)計(jì)模式更快認(rèn)知、熟悉，并且在此基礎(chǔ)上快速適應(yīng)整體的體驗(yàn)。所以，用戶是期望借助自己習(xí)得的經(jīng)驗(yàn)，來探索更多的內(nèi)容的，而探索能否有效就得看設(shè)計(jì)的一致性是否夠好了。在整個(gè)UI設(shè)計(jì)中保持一致的語言、布局和設(shè)計(jì)規(guī)律，整個(gè)用戶體驗(yàn)會(huì)顯得更加“通透”。

4.熟悉

用戶體驗(yàn)設(shè)計(jì)的一個(gè)重要目標(biāo)是要讓用戶能夠憑借直覺來操作UI界面。用戶要能夠自然地理解其中的內(nèi)容，操作自然就不難了，也就是說，你要讓用戶對(duì)你的界面產(chǎn)生“熟悉感”。所以，你要充分利用用戶對(duì)于你的設(shè)計(jì)所熟悉的部分。

5.層次

UI界面的視覺層次是非常重要且常常被忽視的一個(gè)屬性，它能夠幫助用戶專注重要的內(nèi)容。如果你想讓界面中每個(gè)內(nèi)容都看起來很重要，那么只會(huì)單純地讓信息過載，讓每個(gè)元素都分?jǐn)傆脩舻淖⒁饬?，最終只會(huì)讓整個(gè)設(shè)計(jì)顯得混亂不堪。不同尺寸的字體、不同的色彩和不同的控件最終應(yīng)該是相互搭配，構(gòu)成層次，有輕重緩急地呈現(xiàn)給用戶，將復(fù)雜的結(jié)構(gòu)簡單化，幫助用戶完成任務(wù)。

以上就是青藤小編關(guān)于UI設(shè)計(jì)原則的相關(guān)分享，希望對(duì)大家有所幫助，想要了解更多相關(guān)內(nèi)容，歡迎大家及時(shí)在本平臺(tái)進(jìn)行查看哦!

二、UI設(shè)計(jì)原則與思路有哪些

我們?cè)谠O(shè)計(jì)UI時(shí)，通常是有一些步驟與原則，下面列出了一些常用的設(shè)計(jì)思路。

1，明確劃分與UI相關(guān)和與UI無關(guān)的部分

根據(jù)UI的設(shè)計(jì)圖，首先把界面展現(xiàn)的數(shù)據(jù)先抽出去，只看UI的表現(xiàn)。

2，劃分屏幕大小，明確出跳轉(zhuǎn)關(guān)系

考慮不同APP所對(duì)應(yīng)的屏幕大小及DPI，不同的屏幕與DPI，可能會(huì)存在不同的UI布局。

3，列出需要用到的UI元素（Widget）

把界面上展現(xiàn)的UI元素列出來，像常用的button, imagebutton這些很簡單，一看就知道，關(guān)鍵是有些UI，可能會(huì)涉及到一些自定義的View，這里一定要多考慮。

4，列出哪些UI元素可以用SDK的，哪些則是需要自定義

通常一個(gè)項(xiàng)目里面都會(huì)有自定義的組件（View），多數(shù)是組合控件------把不同的Widget組合成一個(gè)Layout。

5，進(jìn)行內(nèi)部邏輯和UI界面的整合

通常一個(gè)View里面，都會(huì)有一些邏輯，特別是自定義的View，可能會(huì)封裝一些特定的屬性。

在使用這些View的時(shí)候，UI的activity會(huì)與這些View有一個(gè)邏輯的整合。

三、什么是UI？它的設(shè)計(jì)原則是什么？

什么是UI？

UI即User Interface（用戶界面）的簡稱。UI設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品味，還要讓軟件的操作變得舒適、簡單、自由、充分體現(xiàn)軟件的定位和特點(diǎn)。UI還有其它的意義，如Unit Interval，Univ of Iowa，Unlock Instruction，Urgent Interrupt。

UI的設(shè)計(jì)原則是什么？

1.簡易性

界面的簡潔是要讓用戶便于使用、便于了解產(chǎn)品，并能減少用戶發(fā)生錯(cuò)誤選擇的可能性。 2.用戶語言

界面中要使用能反映用戶本身的語言，而不是游戲設(shè)計(jì)者的語言。

3.記憶負(fù)擔(dān)最小化

人腦不是電腦，在設(shè)計(jì)界面時(shí)必須要考慮人類大腦處理信息的限度。人類的短期記憶有限且極不穩(wěn)定，24小時(shí)內(nèi)存在約25%的遺忘率。所以對(duì)用戶來說，瀏覽信息要比記憶更容易。

4.一致性

它是每一個(gè)優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)必須清晰且一致，風(fēng)格必須與產(chǎn)品內(nèi)容相一致。

5.清楚

在視覺效果上便于理解和使用。

6.用戶的熟悉程度

用戶可通過已掌握的知識(shí)來使用界面，但不應(yīng)超出一般常識(shí)。

7.從用戶習(xí)慣考慮

想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用。

通過比較兩個(gè)不同世界(真實(shí)與虛擬)的事物，完成更好的設(shè)計(jì)。如：書籍對(duì)比竹簡。

8.排列

一個(gè)有序的界面能讓用戶輕松的使用。

9.安全性

用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險(xiǎn)的選擇時(shí)有信息介入系統(tǒng)的提示。

10.靈活性

簡單來說就是要讓用戶方便的使用，但不同于上述。即互動(dòng)多重性，不局限于單一的工具(包括鼠標(biāo)、鍵盤或手柄、界面)。

11.人性化

高效率和用戶滿意度是人性化的體現(xiàn)。應(yīng)具備專家級(jí)和初級(jí)玩家系統(tǒng)，即用戶可依據(jù)自己的習(xí)慣定制界面，并能保存設(shè)置。

四、游戲界面設(shè)計(jì)有哪些規(guī)則？

關(guān)于UI設(shè)計(jì)的一些原則

UI就是界面設(shè)計(jì)，很多人覺得界面設(shè)計(jì)只是界面的樣式、美觀程度，但其實(shí)這么理解是很片面的，對(duì)于游戲UI而言，好不好用（交互）和好不好看（視覺）都需要考慮周全。目前國內(nèi)大的游戲公司里面分工會(huì)比較細(xì)，一般是有交互設(shè)計(jì)和視覺設(shè)計(jì)兩個(gè)角色，共同完成UI的工作。小公司情況復(fù)雜，就不多說了。對(duì)于UI，筆者在這里總結(jié)了5個(gè)基本設(shè)計(jì)原則：

1、視覺流的引導(dǎo)

視覺流，就是我們?cè)诓榭磫蝹€(gè)界面時(shí)的視覺流程。暫且先不考慮手勢的熱區(qū)范圍，單從眼動(dòng)軌跡來看，眼睛對(duì)于物體的關(guān)注本身是有一定的視覺規(guī)律的，比如最簡單的從上到下從左到右的規(guī)律。

一般而言，我們?cè)谠O(shè)計(jì)頁面的時(shí)候會(huì)盡量考慮人眼的視覺規(guī)律，比如最重要的功能不要放在視覺盲區(qū)范圍內(nèi)。但是在這里筆者要強(qiáng)調(diào)的是，眼睛的視覺流是可以通過對(duì)界面控件合理的層級(jí)羅列，恰當(dāng)?shù)牟季謥磉M(jìn)行有效引導(dǎo)的。

2、相似相近原則

相似相近，就是“風(fēng)格統(tǒng)一，同類相近”。

風(fēng)格統(tǒng)一，要保證同一類圖標(biāo)外形上的一致，即使按鈕因?yàn)樽煮w長短而變得長短不一，但是至少從外形看起來是同一類的。

如果你的游戲走的是3D真實(shí)風(fēng)格，那么游戲里就一定不能出現(xiàn)一個(gè)二次元妹子，可以考慮增加異次元元素，但是一定要經(jīng)過美術(shù)的專業(yè)處理，讓整個(gè)游戲的畫風(fēng)不至于那么奇怪。

《奇跡暖暖》里面有很多不同的服裝風(fēng)格，有古風(fēng)的，現(xiàn)代的，西方的，中式的，日式的等等等等，但是做過統(tǒng)一化處理之后，一點(diǎn)違和感都沒有。

同類相近，同一類型控件的位置要離的近一些，即使沒有圖案的框選，也能知道它們屬于同一類按鈕。《戀與》的主界面上的功能也很多，但并不讓人覺得雜亂無章，同類功能的按鈕都擺在一起，不同類型的按鈕之間也沒有出現(xiàn)相互干擾。最忌諱沒有規(guī)律的亂擺控件，會(huì)造成玩家找不到可點(diǎn)擊控件的困惑，還會(huì)對(duì)功能產(chǎn)生迷茫，不知道該干什么。

3、色彩偏向和色彩層次

色彩偏向，在界面設(shè)計(jì)中，都應(yīng)該有一個(gè)色彩的偏向，也就是主色調(diào)。在任何一個(gè)畫面中，色彩都不宜過多，不同色系最好不要超過3種。這就好像穿衣服一樣，除非是高級(jí)設(shè)計(jì)師，擁有很好的配色駕馭能力，很少犯錯(cuò)那種，一般人拍在身上的顏色越多越花哨，整個(gè)檔次就越low。分享一個(gè)小技巧：在游戲界面中，可以使用黃金分割率來做出劃分，主色調(diào)約占60%，輔助色占30%，突出色占10%。

色彩層次，在UI制作中，因?yàn)榫_度要求很高，色彩的亮度和面積有個(gè)反比應(yīng)用關(guān)系，這很重要，因?yàn)樗苯記Q定了UI原色的主次關(guān)系問題。越亮的、純度越高的顏色在使用面積上慎之又慎，否則就會(huì)造成喧賓奪主以及對(duì)玩家視覺上的折磨，為了達(dá)到視覺上的等同效應(yīng)，亮度、冷暖不同的顏色也要在面積上進(jìn)行微調(diào)。

背景色經(jīng)常表現(xiàn)為無彩色（黑、白、灰），或者低飽和度的色彩?？偟膩碚f，面積越小的顏色要越亮越純，面積越大顏色就要增加灰度或者降低亮度，色彩的層次出來了整個(gè)界面的信息傳遞就會(huì)很舒服。

《王者榮耀》的界面中色彩的層次感很明確，從色相上就把功能模塊做出了劃分，并且可點(diǎn)擊區(qū)域的顏色有很高的亮度，這樣的設(shè)計(jì)讓玩家很容易識(shí)別功能。

4、字體節(jié)奏很多人會(huì)覺得游戲中畫面最重要，字體是信息傳遞的輔助角色，這就錯(cuò)了，內(nèi)容的可讀性永遠(yuǎn)是排在首位的。我們?cè)诳磮D標(biāo)的時(shí)候會(huì)發(fā)現(xiàn)很多圖標(biāo)的可辨識(shí)度并不是很高，但是一旦添加了字體，馬上就可以理解功能。好的字體設(shè)計(jì)，形狀和大小都會(huì)直接影響到玩家接收信息的速度。

為什么說是字體節(jié)奏？同一個(gè)頁面中，使用同一字號(hào)，同一類型的字體，會(huì)讓信息的傳達(dá)變得冗雜而費(fèi)力。但是如果給字體在信息重要度的基礎(chǔ)上增加點(diǎn)變化，馬上節(jié)奏感就出來了，信息的層級(jí)也一目了然。所以根據(jù)不同的功能場景，使用不同的字體樣式也是極為重要的。

5、目標(biāo)導(dǎo)向原則（這里只講邏輯，沒圖）

目標(biāo)導(dǎo)向，在游戲中，每一個(gè)界面都是具有相應(yīng)目標(biāo)功能的，玩法也好養(yǎng)成也罷，界面展示的信息必須是這個(gè)功能需要讓玩家獲的信息。要明確自己的目的，盡量不要為了目的以外的原因影響你的設(shè)計(jì)。

以上就是小編對(duì)于ui設(shè)計(jì)原則有哪些問題和相關(guān)問題的解答了，如有疑問，可撥打網(wǎng)站上的電話，或添加微信。