体验产品版本

体验产品:PicsArt美易 iOS版

应用分类:摄影与录像/拍照

软件版本:11.3

设备型号:iPhone 6S

操作系统:iOS 12.1.2

表现层分析

在配色上使用了蓝色作为主色,蓝色到紫色的渐变色作为辅助色。整个内容区域的背景都采用了白色,照片编辑的背景则是使用黑色。

形状上采用了方形和圆角来搭配,方形让排版更加整齐,圆角则增加的界面的亲切度,让整个视觉更加柔和一些。

在质感上,采用卡片式布局,并带有投影,从而体现出一定的纵深关系。

整个视觉表现层来看,尽量做到简洁而不让用户察觉到设计的存在,通过渐变色的运用,让整个界面更加年轻,

框架层分析

应用已经不仅仅局限于图片编辑和拍照了,不单是一个工具型软件,增加了很多社交的属性在内,从而进一步提高活跃度和变现能力。

首页类似于Instagram,通过展示发布的照片信息流,增加粘性,让用户可以在应用有更长的停留时间。

将搜索功能单独拿出来,放在导航栏里,可见搜索功能在用户使用时的重要性很高。搜索栏下方为便签,给用户一个快捷入口,方便用户筛选。而底下的照片信息流,一方面可以为各类活动倒流,一方面进一步增加用户的使用时长。

挑战部分则通过卡片式的布局,为各类挑战提供入口,同样是信息流的设计。

主要功能放在了加号里,点开之后进入功能列表。通过卡片列表,将功能合理分类,每个卡片则提供了快捷入口方便用户选择。

图片编辑功能,采用黑色的背景,中间为图片预览,下方为工具栏。为了推广会员功能,将其放在了第一位。上方则是返回和下一步的操作。

选择工具之后,背景变为蓝色,表示选中状态,弹出遮罩层放置了所有的工具。点击的时候,遮罩通过动效的方式从点击处弹出,让用户轻松理解两者的联系。

选择一项工具之后,也是通过动效来衔接,原先的工具栏消失,出现新的工具栏。上方的操作栏也随之改变,整个过程非常流畅。

滤镜功能通过从下到上的布局分布,最下方为滤镜库,用文字表示;上方为具体的滤镜,通过预览图和文字的形式来展示,非常直观。选中之后,会有选中状态,并且出现设置的图标,暗示可以点击进行更多设置。

更多设置以蒙层的形式出现,通过滑块可以调节,非常简单。蒙层的下方是图层叠加方式,整体的布局依然是从下往上,符合用户之前的视觉方向。

拍照界面为上下结构,上方是预览,下方是操作。依然是从下到上的层级关系,最下方是3个最大的分类,场景,滤镜和贴纸。可以通过滑动和点击的方式来切换,切换的过程通过动效来衔接,非常自然。

第二层为具体的滤镜,用圆形的缩略图来表示,缩略图给用户一个心理暗示。圆形的设计非常巧妙,将拍摄按钮和滤镜结合起来,第一次点击是选择滤镜,第二次点击是拍摄。节省了界面空间,同时方便用户使用。

从整个框架层来看,该应用在图片编辑和拍照方面做得非常成熟,具有很强的一致性,功能可见,符合用户认知习惯。通过动效来衔接界面的挑战,有趣同时易于理解。

相关文章