现如今的用户们都喜欢哪种体验呢?显然在如今的社会用质感来吸引客户是完全不行的了,所以是什么能够夺人眼球的呢?这时候我们不妨看看版式设计。我们多留意一下版式设计,说不定会发现另外一个世界哦。由于它的重要性,随着时间的推移,UI、交互设计师也在进行着关于版式设计的学习。今天小编就为大家总结了,现如今最流行的13种移动界面版式设计,还有案例分析。
现如今随着科技的发展,手机屏幕越来越大,界面上的内容以及装饰细节都越来越复杂,人们开始更加关注界面的内容和功能,信息框扁平化,在设计上也越来越扁平简约。
版面构成是很重要的,其中的元素有着各自的特点与功能,如果组合的好的话会使整个版面给人以视觉上的美感。内容也会更加完善,这样的话就能更快更准确的将信息传达给受众。所以版式设计一般应用在广告、招贴等平面设计中。
现如今质感已经不能吸引我们的用户了。怎样带给用户一个良好的体验呢?我们又要靠什么来吸引用户呢?
版式设计在移动界面中的应用如下:
骨骼型,满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型、四角型是版式设计的常见布局。功能性、可操作性和可交互性是移动界面设计与平面设计最大的不同。版式的选择也是基于此原因。
信息展示型界面和功能操作型界面是移动界面按照产品功能的分类。下面就来介绍一下这两个类型。
其一,功能操作型界面
何为功能操作型界面?操作性顾名思义是引导用户操作,所以其布局主要有上下或左右分割型以及中轴型等。我们这里有几张图,一个是注册页面,中轴型的构图使我们更加清晰操作项以及注册的流程。上下分割的版面构成,上面图片,下面是选项以及操作,也是结构很清晰。
其二、信息展示型界面
新闻天气,阅读购物,音乐食谱健康还有新手引导页都是比较常见的以传递信息为主的页面,这界面的版式也各有特点。
以浏览引导为主的界面:要在排版上对用户有一个潜在的引导作用,所以布局一般会采用上下或者左右分割型以及中轴型、曲线型等,这些都是有一个明确主线的。图中的图片和文字是垂直方向排列的,给人一种潜在的引导力,使用户从上往下看。而且它们都采用了中轴型布局。
以品牌传递为主的界面:说布局的话还是采用满版型、重心型、自由型比较好。我们为大家提供的图片中,采用的就是满版型,图片是全屏的,文案是简约的,给人一种视觉上的冲击感,而且感毫无拖泥带水的感觉,十分大方。
以提高浏览效率为主的界面:注重效率,那就要考虑如何将信息更快更准确的传递给用户。新闻资讯以及图库的界面是比较典型的以提高效率为主的,骨骼型版式是比较适合这样的界面的,因为它分割得很规范。我们通常在杂志中可以看到一些竖向分栏、双栏、三栏、四栏等版式,这种版式可以使信息传递的更加快速准确。图中为大家展示了一个新闻APP,竖向分栏的布局使其信息展现的更加完整。还有一幅图采用的是三栏布局,达到了快速浏览的效果。
但是这样的话主线并不突出,人们的视线很难聚焦在一两个事物之上,所以这些错位排列的话会使画面更加的生动。
以信息展示为主的界面:为了强调信息的直观性,所以在这些APP如天气类的,其中采用的布局一般有满版型上下或左右分割型,中轴型,对称型,自由型等。我们为大家提供了两个图片,其中左图采用了中轴型的布局,而右图信息量较大,所以采用的是满版型布局。总之界面的信息量以及APP的功能性都会影响布局的因素。
最后,小编想说,现在排版的重要性越来越大,为了给用户一个良好的使用体验,不如考虑一下版式设计吧。对于不同功能的APP我们选择合适的版式构图类型,对于用户体验是很重要的。所以我们不如大胆的结合一些版式设计,说不定会开拓一条新的道路。
评论0