ui設(shè)計(jì)是當(dāng)下最流行的設(shè)計(jì)，很多ui設(shè)計(jì)者在設(shè)計(jì)ui界面的時(shí)候有很多自己的想法，那大家知道他們的ui設(shè)計(jì)為什么會(huì)做得這么好嗎？今天就讓小編為大家介紹做好ui設(shè)計(jì)圖細(xì)節(jié)的方法。

　　做好ui設(shè)計(jì)圖細(xì)節(jié)的方法

　　1、保持元素清晰

　　在設(shè)計(jì)過(guò)程中可以稍微使用一些恰當(dāng)合適的陰影，來(lái)保證當(dāng)前設(shè)計(jì)與背景能夠清晰可見(jiàn)，但是一定要避免復(fù)雜的陰影，這會(huì)起到反作用。

　　2、使用一種字體

　　在設(shè)計(jì)一套新的UI界面時(shí)候，最好能保持一種字體，這樣能夠讓界面更加輕量化的同時(shí)，也能保持和好的品質(zhì)感。盡量避免使用2種以上的字體，你可以通過(guò)粗細(xì)、大小、或者顏色來(lái)區(qū)分層級(jí)！

　　3、長(zhǎng)文內(nèi)容，使用20pt的字號(hào)

　　對(duì)于長(zhǎng)篇內(nèi)容（例如博客文章，說(shuō)明類），請(qǐng)嘗試在文內(nèi)中選擇20pt字號(hào)（甚至更大）。當(dāng)然，這取決于所選擇的字體，但是大多數(shù)常用的字體在20pt時(shí)效果都很好，同時(shí)當(dāng)面對(duì)大量文字時(shí)候，這樣可為用戶帶來(lái)更好的閱讀體驗(yàn)。以前使用的18pt字號(hào)體驗(yàn)非常不好。

　　4、優(yōu)化導(dǎo)頁(yè)操作細(xì)節(jié)

　　放置底部可以使用戶隨時(shí)跳過(guò)您的Mobile App Onboarding登錄，如果是放置頂部，用戶觸摸相對(duì)來(lái)說(shuō)比較麻煩。

　　5、保持一致的光源

　　確保您的陰影始終僅來(lái)自一個(gè)光源。如下圖所示，右側(cè)日歷投影就存在光源不一致，一些剛開(kāi)始學(xué)設(shè)計(jì)的小伙伴可能就會(huì)忽略這種細(xì)節(jié)問(wèn)題！因此一定要注意。

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

　　6、通過(guò)疊加改善對(duì)比度

　　有時(shí)候我們?cè)谑褂脠D片作為背景承載前面文字信息時(shí)候，圖片背景過(guò)亮了，因此我們可以稍微疊加一些品牌色漸變暗色來(lái)提高文字閱讀性！

　　7、適度使用居中排版

　　可以嘗試在少量一些卡片排版中使用居中對(duì)齊排版，對(duì)于其他的設(shè)計(jì)，盡量使用左對(duì)齊排版方式！

　　8、合理的間距系統(tǒng)

　　在設(shè)計(jì)排版過(guò)程中，確保元素排版有呼吸空間，盡量避免文字多的地方，間距很小，可以用留白來(lái)區(qū)分層級(jí)，切勿亂使用空白。

　　9、注意對(duì)比度

　　在淺色背景下設(shè)計(jì)時(shí)候，避免使用過(guò)淺的文本淺。這樣會(huì)導(dǎo)致閱讀比較累，但是依然還有不少伙伴這樣來(lái)做，因此我推薦給大家一個(gè)數(shù)字，比如正文本是#333333，那么第二級(jí)文本可以用#888888。

　　10、減少顏色數(shù)量

　　在界面設(shè)計(jì)中，為了能讓界面看起來(lái)比較清晰，品牌調(diào)性突出，盡量使用品牌色配合黑白灰來(lái)設(shè)計(jì)界面層級(jí)。

　　ui設(shè)計(jì)原則是怎樣的

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

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

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

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

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

　　5、清楚：在視覺(jué)效果上便于理解和使用。

　　6、用戶的熟悉程度:用戶可通過(guò)已掌握的知識(shí)來(lái)使用界面，但不應(yīng)超出一般常識(shí)。

　　7、從用戶習(xí)慣考慮:想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用。通過(guò)比較兩個(gè)不同世界(真實(shí)與虛擬)的事物，完成更好的設(shè)計(jì)。如：書(shū)籍對(duì)比竹簡(jiǎn)。

　　8、排列：一個(gè)有序的界面能讓用戶輕松的使用。

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

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

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

　　以上就是小編為大家介紹的關(guān)于ui設(shè)計(jì)圖的相關(guān)內(nèi)容。ui設(shè)計(jì)圖很大程度上體現(xiàn)ui設(shè)計(jì)師的設(shè)計(jì)理念和技巧，因此注意這些細(xì)節(jié)和原則，ui設(shè)計(jì)圖才更有創(chuàng)意。