脑课堂编程教育

不同类型APP产品分割方式设计趋势

开发无忧 2年前
85 0 0
脑课堂编程培训

  1、电子商务类

file

  以上图中我们可以发现使用的都是背景分割,而且每个卡片都是不同的维度,相对独立,通过背景栏的分割,以及不同模块的标题,提高了视觉效率。

  目前电商类的首页都是以独立小卡片式形成独立区域,图片大小统一且规整,风格都是图片配合白色或有点底色的卡片来进行不同内容的划分,将用户的视线集中在卡片上,因此就算是功能多且信息比较庞大的电商,也能做到视觉上的规整。

  2、音频类

file

  由于目前音频类的首页大多都是以歌单占据页面的中心位置,而用户对于不了解的歌单多数都是被封面和歌单名称吸引点击,因此界面都是用的留白分割。

  同时利用好看且统一的图片做分割,并且不同版块的内容也是统一和重复的,运用合理的标题将每个版块清晰的划分出来,所以能够营造出比较整体简洁的感觉。

  3、电影类

file

  除了电影网使用的是分割线以外,其他四个APP使用的都是背景栏分割,由于电影类的APP用户对于文字的阅读需求相对于图片比较高,所以相对于电商类的背景栏分割,电影类的使用的就是最典型的背景栏分割。

  这种分割形式我们经常会在个人中心里会见到,将每个独立的模块放在不同的卡片里,视觉分割感很强,模块的划分存在感比较突出,也有利于用户专注于阅读自己感兴趣的模块里。

  4、运动类

file

  首页都是用运用记录及开始运动的大按钮占据大部分的页面,同时下面搭配不同的推荐课程,使用起来方便快捷。

  悦动圈、Keep、咕咚和乐动力使用的是卡片投影,同时配色大多使用的是绿色,清新、放松,能让用户感到平衡和鼓舞,更符合健身锻炼的理念,而使用卡片投影则能让用户更一眼就能看到自己关心的内容,让页面保持简约的同时,还能保持内容的纯粹性和直观性。

  5、有声听书类

file

  由于是听书类的APP,因此播放是这些产品的核心,所以播放按钮成为底部icon的中心,或者以浮标的形式存在每个页面中。

  听书类型由于内容信息比较繁杂,界面分割以背景栏分割为主,大标题作为信息归纳,这样会能快速让用户在复杂的内容里找到自己想要的,少数如企鹅FM和荔枝FM则是将分类做成了顶部tab的形式,因此界面内容属于同一模块,没有分割线且以feed的形式来展示内容。

收藏

本文标题:不同类型APP产品分割方式设计趋势

本文链接:https://naoketang.com/p/glr7mkev5ekz

评论区

推荐课程