火星網校
初級UI需注意10個移動端的關鍵原則
發(fā)布時間：2024-03-05 16:31:28 瀏覽量：217次
如果你是初級UI設計師，那么請注意了。今天胡老師給大家總結了初級UI需注意10個移動端的關鍵原則。學會了你就離中級UI設計師更近一步。話不多說趕快來學習吧!
1.用戶
我們所做的一切都圍繞我們的用戶及其需求。在為第一個像素著色之前，請先研究一下用戶的。
您的用戶是誰?對他們來說最重要的是什么?為什么?在整個設計過程中參考您的角色，并記住將想象成用戶。您是在做出設計來幫助他們實現(xiàn)目標或任務。持續(xù)堅持!
2.平臺
iOS和Android要求我們考慮不同的風格理念和特定于平臺的約定。它們看起來或行為不同。要創(chuàng)建用戶有賓至如歸的應用程序，力求與每個平臺提供的指導方針保持一致。
如果您是為Android設計的，則可以在此處找到所有需要了解的內容。如果您要為iOS設計，請轉到此處。
在為界面創(chuàng)建定制的UI組件或元素時，請考慮平臺準則。使用顏色，版式和任何其他視覺設計元素，使其與建議的內容保持一致。是的，結構是新的，但是元素會感覺它們屬于平臺。
3.品牌推廣
在設計移動界面時，考慮更廣泛的品牌很重要。如果您要創(chuàng)建的應用屬于某個產品系列，則需要遵守品牌顏色，商標和版式。這將我們帶入下一個關鍵原則……
4.一致性
我們的屏幕由一堆可重復使用的部分組成，也稱為UI元素。在設計我們的第一個移動應用程序時，初級UI需注意10個移動端的關鍵原則https://www.aaa-cg.com.cn/ui/2864.html?seo1我們的目標不是要在每個實例中都發(fā)揮創(chuàng)造力，而是要使這些元素保持一致。例如，如果主按鈕為藍色和圓形，則無論我們在何處使用它們，都應始終為藍色和圓形。
我們還希望與其他產品，平臺和行業(yè)慣例中所做的保持一致。與其他地方常用的內容保持一致，將有助于您設計出用戶感覺熟悉的界面，從而使他們更易于使用。
我喜歡在學生中使用搜索圖標的示例。這是一個小放大鏡，到處都是。還有其他可以說“搜索”的符號嗎?絕對。但是，由于它們不是我們通?？吹降氖褂梅绞?，因此任何其他圖標都意味著需要花一些時間來弄清楚它的作用。這會造成不良的用戶體驗!
5.間距
在開始之前，請定義一個間距系統(tǒng)。
間距系統(tǒng)為您的網格使用一個基數(shù)，該基數(shù)不僅將控制元素之間的空間，而且還將控制它們的尺寸。
假設我們選擇數(shù)字8作為我們的基數(shù)。然后，您的網格，元素周圍的空間，它們的尺寸，甚至您的類型都應該用數(shù)字8來表示，或者換句話說，應該是8的倍數(shù)。
6.層次結構
層次結構創(chuàng)建了視覺順序，使內容易于消化和導航。
我們希望使用不同的視覺設計元素(例如顏色，大小和版式)來幫助我們在屏幕上生成層次結構。這可以使用戶可以輕松地繞過我們的應用程序。
進入屏幕之前，請問自己：用戶在這里應該能夠做什么?我們應該優(yōu)先考慮有助于用戶執(zhí)行此操作的元素。
7.版式
從設置大小到大小，關于副本的一切都非常重要!文本是界面的重要組成部分。密切注意：
1. 您選擇的字體。它應該與您產品的品牌一致
2. 如何設置類型。仔細調整標題或調整段落會有很大的不同!
3. 尺寸。材料設計提供了出色的版式部分，可幫助您定義尺寸
8.光標與拇指
在網絡上，我們有一個漂亮的光標可以幫助我們單擊事物。它會方便我們來編輯文本或者輸入框里的內容。
例如，當元素彼此之間距離太近時，用戶可以通過光標來編輯。
在諸如Sketch Mirror之類的應用程序上拉起您的設計，然后點按即可。您覺得用戶體驗怎么樣?
9.定制組件
您將要盡可能與本機UI元素和平臺特定的組件保持一致。但是，您可以直接新建一個組件庫，這樣可以在工作上給我們很大很大的幫助。
這樣做時，請研究每個平臺如何建議您使用顏色，類型和其他視覺設計元素。創(chuàng)建這個漂亮的新零件時，請為每個視覺設計元素應用定義的最佳實踐。
10.顯微鏡
它可能不是視覺設計元素，但是您在界面上使用的副本可以創(chuàng)造或破壞體驗。例如，仔細選擇要在按鈕或錯誤狀態(tài)上使用的單詞，可以增強體驗。
如果您正在與產品一起工作，請與他們坐下來討論聽起來應該是什么，并與他們分享用戶在每一個流程上應該能夠做什么。
3
如果是您自己，請參考品牌準則，以定義您的應用程序發(fā)聲方式，并提出與其匹配的副本。
相關推薦：
熱門課程推薦
熱門資訊
-
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網頁設計、字體...
-
2. iPhone6的UI設計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
3. 移動端UI設計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設計的基本知識
-
4. 12個絕佳的UI設計網站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網站,這些網站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
-
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產生點擊欲望,從而提高點擊率。本文將為你...
-
6. 史上最全，平面設計UI設計必備的77個國內外素材、設計資源網站
ui設計社區(qū),大神太多了。3、behance: https://www.behance.net/ ,著名設計... 對于品牌設計師來說,除了圖案素材收集之外,還有一個很重要的,就是設計故...
-
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
8. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
-
想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內容。
-
探索零基礎UI設計培訓的時長與薪資前景。了解數(shù)字藝術教育領域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
最新文章
