發(fā)布時間:2023-12-29 20:06:42 瀏覽量:250次
在目前絕大多數(shù) APP 都會采用底部標簽欄作為主要的導航模塊,那么在設計的時候,要確保這個部分的功能上固定且明確的,不會消失,不會變化,不會給用戶帶來挫敗感。
只需要使用字重和字號變化即可做到這一點!
在絕大多數(shù)的文本排版當中,只需要使用單一的字體即可實現(xiàn)層次頗為豐富的信息層級,你需要根據(jù)文本內容的重要性和優(yōu)先級進行排列,優(yōu)先級越高的文本字號越大,字重也越大。
另外要注意疏密排列,確??勺x性和相關性更高的文本塊更靠近。
雖然這個道理顯而易見,但是總是在進行具體的界面設計的時候容易忘記這個重要的點。在 iOS 上,可點擊的最小區(qū)域為 44×44 pt,在 Android 上則是 48×48 pt。
有時候,控件看起來可能較小,可以讓觸發(fā)區(qū)域盡量大一點。
導航構成了用戶探索網(wǎng)站和 APP 最為主要的行為路徑,確保導航的一致性確保用戶在后續(xù)的交互過程中不會感到疑惑和沮喪。
所以,在迭代升級過程中,即便是最微小的改變,也盡量在系統(tǒng)層級上保持統(tǒng)一。對于重要的、關鍵性的、破壞性的操作,可以做一些明顯的差異化。
如果有可能,對于內容較多的網(wǎng)站,盡量讓搜索按鈕被凸顯出來,在觸手可及的位置。盡量不要將搜索按鈕隱藏在下拉菜單之類的地方,因為它可能是用戶抵達目標的主要方式甚至可能上唯一方式。
文本在頁面當中字號到底要多大?在很多地方,字號的選擇上其實是有完整的解決方案和處理技巧的。比如使用 TypeScale。
通常而言,讓不同信息層級的文本大小保持 1.25 的倍率即可達到頗為不錯的視覺效果和體驗。而 TypeScale 可以基于基本的文本字體尺寸即 18px 按照 1.25 的比率進行縮放,從而幫你生成 H1、H2、H3 等不同層級文本的尺寸大小。
使用 TypeScale 生成的文本能夠為你的排版帶來自然、舒適的節(jié)奏和體驗。
熱門資訊
1. iPhone6的UI設計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設計的尺寸規(guī)范嗎?這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范,包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
3. 移動端UI設計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設計的基本知識
4. 10個免費學習UI設計的網(wǎng)站 提升你的設計能力
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網(wǎng)站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網(wǎng)頁設計、字體...
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產生點擊欲望,從而提高點擊率。本文將為你...
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
探索零基礎UI設計培訓的時長與薪資前景。了解數(shù)字藝術教育領域的專業(yè)課程,以及培訓后的職業(yè)發(fā)展機會。
8. 物聯(lián)網(wǎng)APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
想了解武漢UI設計培訓班的費用是多少嗎?不知道學UI設計要花多少錢?不妨看看這篇文章,了解UI設計培訓班的學費價格以及學習內容。
10. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
同學您好!