火星网校
扁平化时代的用户体验：如何利用版式设计吸引用户
发布时间：2024-07-29 17:06:14 浏览量：209次
在扁平化时代，吸引用户已经不能靠质感了，那还有什么利器可以为用户体验加分呢？请不要忽略版式设计！虽然以前大多运用在平面设计中，但时日不同，UI设计师也要学习了，因为它真的很有用！今天这篇好文总结了目前最流行的13种移动界面版式设计，还有实例分析，赶紧来学习！
随着信息和技术的发展，手机屏幕越来越大，界面开始承载越来越多的信息，繁复的界面装饰细节，让界面显得越发臃肿，人们开始更多的关注界面的内容和功能，信息框架呈现出扁平化的趋势，在设计风格上，设计师们也不再追求3D、拟物化的设计，而是越来越崇尚扁平、简约的设计理念。
版面的构成是信息传播的桥梁，发挥版面元素中各自的特点和功能，会使整个版面完成从视觉到内容的完善性和美观性，从而更快、更准确的传递信息，所以版式设计一直以来广泛应用在广告、招贴、杂志等平面设计中。
虽然在移动应用中是以用户的操作和使用体验为主，但随着扁平化潮流袭来，我们不再通过细腻的质感和光影提升界面的品质，拉开界面的层次，那我们靠什么来吸引我们的用户，为用户创造良好的阅读和使用体验呢？
版式设计的应用
版式设计的常见布局有十三种：骨骼型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型、四角型等。
这些布局在平面设计中应用非常广泛，而移动界面的设计与平面设计最大的不同在于其功能性、可操作性和可交互性，版式的选择也是基于产品的功能特性、目标用户、使用场景等因素。
信息展示型界面
我们常见的以阅读和传递信息为主的界面有：新闻、天气、阅读、购物、音乐、食谱、健康等app的某些界面，另外还有新手引导页也是比较常见的以传递信息为主的页面。而这些app又基于其不同的功能特点，界面的板式也有各自的特点。
以浏览引导为主
以浏览引导为主的界面在布局上会有一个明确的主线，而在常见的版式布局中上下分割型、左右分割型、中轴型、曲线型等布局在图文的排版上对于用户会有一个潜在的引导提示，因此应用比较广泛。
以品牌传递为主
对于以品牌传递为主的界面，更适合采用满版型、重心型、自由型等布局样式。满版型是用图片充满整个版面，视觉效果直观而强烈。
以提高浏览效率为主
对于注重提高浏览效率为主的界面，通常界面中包含了较大的信息量，如何把信息快速准确地传递给用户，避免用的烦躁和困扰？这类应用中比较典型的是新闻、资讯以及图库等app的界面，我们在设计时可以借鉴骨骼型的板式，骨骼型是一种规范、理性的分割方法，在杂志排版中我们常见的骨骼有：竖向通栏、双栏、三栏、四栏等。通过图文的混合编排呈现理性而严谨的感觉，信息的传递更为快速、清晰。
以信息展示为主
以信息展示为主的界面，比较常见的有记录型、天气类等app，这类app界面更强调信息的直观性。在这类app中应用的较多的布局有满版型、上下分割、左右分割、中轴型、对称型、自由型等。
功能操作型界面
以功能操作为主的界面主要是引导用户操作，所以常见的布局主要有上下分割型、左右分割型、中轴型等。
在扁平化的潮流下，很多产品也借鉴了杂志排版的一些方式，为用户带来了良好的阅读和使用体验。选择适合的版式构图类型，大胆地结合板式设计的一些经典的形式，也许能为我们的设计拓展新的思路。
想要学习更多关于UI设计、版式设计及移动界面设计等课程吗？点击咨询火星时代教育，开启你的数字艺术之旅！
热门课程推荐
热门资讯
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
7. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
8. 史上最全，平面设计UI设计必备的77个国内外素材、设计资源网站
ui设计社区,大神太多了。3、behance: https://www.behance.net/ ,著名设计... 对于品牌设计师来说,除了图案素材收集之外,还有一个很重要的,就是设计故...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
10. 武汉UI设计培训班费用怎么样？想学UI设计要多少钱？
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
最新文章
