激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

初級UI需注意10個移動端的關(guān)鍵原則

發(fā)布時間：2024-03-05 16:31:28 瀏覽量：209次

　　如果你是初級UI設(shè)計師，那么請注意了。今天胡老師給大家總結(jié)了初級UI需注意10個移動端的關(guān)鍵原則。學(xué)會了你就離中級UI設(shè)計師更近一步。話不多說趕快來學(xué)習(xí)吧!

　　1.用戶

　　我們所做的一切都圍繞我們的用戶及其需求。在為第一個像素著色之前，請先研究一下用戶的。

　　您的用戶是誰?對他們來說最重要的是什么?為什么?在整個設(shè)計過程中參考您的角色，并記住將想象成用戶。您是在做出設(shè)計來幫助他們實(shí)現(xiàn)目標(biāo)或任務(wù)。持續(xù)堅(jiān)持!

　　2.平臺

　　iOS和Android要求我們考慮不同的風(fēng)格理念和特定于平臺的約定。它們看起來或行為不同。要創(chuàng)建用戶有賓至如歸的應(yīng)用程序，力求與每個平臺提供的指導(dǎo)方針保持一致。

　　如果您是為Android設(shè)計的，則可以在此處找到所有需要了解的內(nèi)容。如果您要為iOS設(shè)計，請轉(zhuǎn)到此處。

　　在為界面創(chuàng)建定制的UI組件或元素時，請考慮平臺準(zhǔn)則。使用顏色，版式和任何其他視覺設(shè)計元素，使其與建議的內(nèi)容保持一致。是的，結(jié)構(gòu)是新的，但是元素會感覺它們屬于平臺。

　　3.品牌推廣

　　在設(shè)計移動界面時，考慮更廣泛的品牌很重要。如果您要創(chuàng)建的應(yīng)用屬于某個產(chǎn)品系列，則需要遵守品牌顏色，商標(biāo)和版式。這將我們帶入下一個關(guān)鍵原則……

　　4.一致性

　　我們的屏幕由一堆可重復(fù)使用的部分組成，也稱為UI元素。在設(shè)計我們的第一個移動應(yīng)用程序時，初級UI需注意10個移動端的關(guān)鍵原則https://www.aaa-cg.com.cn/ui/2864.html?seo1我們的目標(biāo)不是要在每個實(shí)例中都發(fā)揮創(chuàng)造力，而是要使這些元素保持一致。例如，如果主按鈕為藍(lán)色和圓形，則無論我們在何處使用它們，都應(yīng)始終為藍(lán)色和圓形。

　　我們還希望與其他產(chǎn)品，平臺和行業(yè)慣例中所做的保持一致。與其他地方常用的內(nèi)容保持一致，將有助于您設(shè)計出用戶感覺熟悉的界面，從而使他們更易于使用。

　　我喜歡在學(xué)生中使用搜索圖標(biāo)的示例。這是一個小放大鏡，到處都是。還有其他可以說“搜索”的符號嗎?絕對。但是，由于它們不是我們通常看到的使用方式，因此任何其他圖標(biāo)都意味著需要花一些時間來弄清楚它的作用。這會造成不良的用戶體驗(yàn)!

　5.間距

　　在開始之前，請定義一個間距系統(tǒng)。

　　間距系統(tǒng)為您的網(wǎng)格使用一個基數(shù)，該基數(shù)不僅將控制元素之間的空間，而且還將控制它們的尺寸。

　　假設(shè)我們選擇數(shù)字8作為我們的基數(shù)。然后，您的網(wǎng)格，元素周圍的空間，它們的尺寸，甚至您的類型都應(yīng)該用數(shù)字8來表示，或者換句話說，應(yīng)該是8的倍數(shù)。

　　6.層次結(jié)構(gòu)

　　層次結(jié)構(gòu)創(chuàng)建了視覺順序，使內(nèi)容易于消化和導(dǎo)航。

　　我們希望使用不同的視覺設(shè)計元素(例如顏色，大小和版式)來幫助我們在屏幕上生成層次結(jié)構(gòu)。這可以使用戶可以輕松地繞過我們的應(yīng)用程序。

　　進(jìn)入屏幕之前，請問自己：用戶在這里應(yīng)該能夠做什么?我們應(yīng)該優(yōu)先考慮有助于用戶執(zhí)行此操作的元素。

　　7.版式

　　從設(shè)置大小到大小，關(guān)于副本的一切都非常重要!文本是界面的重要組成部分。密切注意：

　　1. 您選擇的字體。它應(yīng)該與您產(chǎn)品的品牌一致

　　2. 如何設(shè)置類型。仔細(xì)調(diào)整標(biāo)題或調(diào)整段落會有很大的不同!

　　3. 尺寸。材料設(shè)計提供了出色的版式部分，可幫助您定義尺寸

　　8.光標(biāo)與拇指

　　在網(wǎng)絡(luò)上，我們有一個漂亮的光標(biāo)可以幫助我們單擊事物。它會方便我們來編輯文本或者輸入框里的內(nèi)容。

　　例如，當(dāng)元素彼此之間距離太近時，用戶可以通過光標(biāo)來編輯。

　　在諸如Sketch Mirror之類的應(yīng)用程序上拉起您的設(shè)計，然后點(diǎn)按即可。您覺得用戶體驗(yàn)怎么樣?

　　9.定制組件

　　您將要盡可能與本機(jī)UI元素和平臺特定的組件保持一致。但是，您可以直接新建一個組件庫，這樣可以在工作上給我們很大很大的幫助。

　　這樣做時，請研究每個平臺如何建議您使用顏色，類型和其他視覺設(shè)計元素。創(chuàng)建這個漂亮的新零件時，請為每個視覺設(shè)計元素應(yīng)用定義的最佳實(shí)踐。

　　10.顯微鏡

　　它可能不是視覺設(shè)計元素，但是您在界面上使用的副本可以創(chuàng)造或破壞體驗(yàn)。例如，仔細(xì)選擇要在按鈕或錯誤狀態(tài)上使用的單詞，可以增強(qiáng)體驗(yàn)。

　　如果您正在與產(chǎn)品一起工作，請與他們坐下來討論聽起來應(yīng)該是什么，并與他們分享用戶在每一個流程上應(yīng)該能夠做什么。
3

　　如果是您自己，請參考品牌準(zhǔn)則，以定義您的應(yīng)用程序發(fā)聲方式，并提出與其匹配的副本。


相關(guān)推薦：

UI設(shè)計中彈窗設(shè)計指南

UI設(shè)計中通用性的七個法則

UI設(shè)計中字體使用小竅門

UI設(shè)計中色彩搭配使用技巧

熱門課程推薦

熱門資訊

請綁定手機(jī)號

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報名0元試學(xué)活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定