發(fā)布時間:2024-07-29 17:06:14 瀏覽量:208次
在扁平化時代,吸引用戶已經(jīng)不能靠質感了,那還有什么利器可以為用戶體驗加分呢?請不要忽略版式設計!雖然以前大多運用在平面設計中,但時日不同,UI設計師也要學習了,因為它真的很有用!今天這篇好文總結了目前最流行的13種移動界面版式設計,還有實例分析,趕緊來學習!
隨著信息和技術的發(fā)展,手機屏幕越來越大,界面開始承載越來越多的信息,繁復的界面裝飾細節(jié),讓界面顯得越發(fā)臃腫,人們開始更多的關注界面的內容和功能,信息框架呈現(xiàn)出扁平化的趨勢,在設計風格上,設計師們也不再追求3D、擬物化的設計,而是越來越崇尚扁平、簡約的設計理念。
版面的構成是信息傳播的橋梁,發(fā)揮版面元素中各自的特點和功能,會使整個版面完成從視覺到內容的完善性和美觀性,從而更快、更準確的傳遞信息,所以版式設計一直以來廣泛應用在廣告、招貼、雜志等平面設計中。
雖然在移動應用中是以用戶的操作和使用體驗為主,但隨著扁平化潮流襲來,我們不再通過細膩的質感和光影提升界面的品質,拉開界面的層次,那我們靠什么來吸引我們的用戶,為用戶創(chuàng)造良好的閱讀和使用體驗呢?
版式設計的應用
版式設計的常見布局有十三種:骨骼型、滿版型、上下分割型、左右分割型、中軸型、曲線型、傾斜型、對稱型、重心型、三角型、并置型、自由型、四角型等。
這些布局在平面設計中應用非常廣泛,而移動界面的設計與平面設計最大的不同在于其功能性、可操作性和可交互性,版式的選擇也是基于產(chǎn)品的功能特性、目標用戶、使用場景等因素。
信息展示型界面
我們常見的以閱讀和傳遞信息為主的界面有:新聞、天氣、閱讀、購物、音樂、食譜、健康等app的某些界面,另外還有新手引導頁也是比較常見的以傳遞信息為主的頁面。而這些app又基于其不同的功能特點,界面的板式也有各自的特點。
以瀏覽引導為主
以瀏覽引導為主的界面在布局上會有一個明確的主線,而在常見的版式布局中上下分割型、左右分割型、中軸型、曲線型等布局在圖文的排版上對于用戶會有一個潛在的引導提示,因此應用比較廣泛。
以品牌傳遞為主
對于以品牌傳遞為主的界面,更適合采用滿版型、重心型、自由型等布局樣式。滿版型是用圖片充滿整個版面,視覺效果直觀而強烈。
以提高瀏覽效率為主
對于注重提高瀏覽效率為主的界面,通常界面中包含了較大的信息量,如何把信息快速準確地傳遞給用戶,避免用的煩躁和困擾?這類應用中比較典型的是新聞、資訊以及圖庫等app的界面,我們在設計時可以借鑒骨骼型的板式,骨骼型是一種規(guī)范、理性的分割方法,在雜志排版中我們常見的骨骼有:豎向通欄、雙欄、三欄、四欄等。通過圖文的混合編排呈現(xiàn)理性而嚴謹?shù)母杏X,信息的傳遞更為快速、清晰。
以信息展示為主
以信息展示為主的界面,比較常見的有記錄型、天氣類等app,這類app界面更強調信息的直觀性。在這類app中應用的較多的布局有滿版型、上下分割、左右分割、中軸型、對稱型、自由型等。
功能操作型界面
以功能操作為主的界面主要是引導用戶操作,所以常見的布局主要有上下分割型、左右分割型、中軸型等。
在扁平化的潮流下,很多產(chǎn)品也借鑒了雜志排版的一些方式,為用戶帶來了良好的閱讀和使用體驗。選擇適合的版式構圖類型,大膽地結合板式設計的一些經(jīng)典的形式,也許能為我們的設計拓展新的思路。
想要學習更多關于UI設計、版式設計及移動界面設計等課程嗎?點擊咨詢火星時代教育,開啟你的數(shù)字藝術之旅!
熱門資訊
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. 10個免費學習UI設計的網(wǎng)站 提升你的設計能力
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網(wǎng)站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網(wǎng)頁設計、字體...
4. 移動端UI設計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設計的基本知識
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
探索零基礎UI設計培訓的時長與薪資前景。了解數(shù)字藝術教育領域的專業(yè)課程,以及培訓后的職業(yè)發(fā)展機會。
9. 物聯(lián)網(wǎng)APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
10. 武漢UI設計培訓班費用怎么樣?想學UI設計要多少錢?
想了解武漢UI設計培訓班的費用是多少嗎?不知道學UI設計要花多少錢?不妨看看這篇文章,了解UI設計培訓班的學費價格以及學習內容。
最新文章
同學您好!