花瓣则是国内的发现、采集服务,与 Pinterest相同,使用瀑布流风格将内容呈现出来。从功能和设计体验上看,花瓣和 Pinterest 很相似,我们可以将网络上发现的事物分享出去,让其他用户获得灵感或者将素材保存,发现新内容。Pinterest 目前还没有进入中国,而花瓣则是国内很不错的瀑布流分享平台。那么 Pinterest 和 花瓣的 iOS 应用究竟有哪些体验上的不同呢?
Pinterest 的图标设计采用纯白色的背景设计,图标中间是红色的圆形设计,在红色圆形中有白色的字母 P,这也呼应了 Pinterest 中的 P,每个用户分享的图片都是一个 Pin,字母 P 经过特殊的设计,看起来有些像手写体,不过多了一份工整。整体风格中规中矩,比较正统和美观。花瓣的图标采用红色背景设计,图标中间是两片花瓣,相互叠加,并呈现90度角,两片花瓣都采用淡淡地白色,重叠部分更深一些。花瓣的设计也很符合应用的主题。两款 App 的图标设计都比较精美。
启动界面
目前,Pinterest 还不支持中文,不过可以在中国区 App Store 下载,网站上的内容来自各种国外网站,这也意味着某些内容的加载速度会很慢,有些甚至不会加载,当然,大部分内容还可以可以加载的。因为是国内服务平台,花瓣自然也没有这些问题,只是分享的内容方面没有 Pinterest 那样有趣和丰富。
两款 App 的启动速度都非常快,都完美适配 iOS 8系统,采用简约风格的设计。Pinterest 没有设计启动界面,启动过程中的灰色背景还是会占有一段时间,没有瞬间加载。花瓣的启动界面也很简单,白色的背景中是应用的图标以及花瓣名字。
注册&登陆
Pinterest 需要用户登陆或注册才能继续浏览内容,而花瓣的账户注册并不是强制性的,浏览器来更自由一些。进入 Pinterest后,可以看到使用脸书以及使用电子邮件注册或者登陆,背景中还有小视频介绍其他用户如何使用 Pinterest,比如图片中的使用 Pinterest 首次知错 Pasta。Pinterest 这种视频介绍的感觉非常不错,可以让用户更直观的看到应用功能,以及收集为主的主题,当然,无法自由浏览有些不够人性化。
花瓣应用不需要注册,可以直接看到完整的应用结构。花瓣应用底部的图标包括关注、发现、一起、消息和我的。我们可以看到所有图标都是采用细线构成,看起来风格很简约。在关注界面,我们可以注册或者登陆应用,花瓣支持使用流行的社交网络直接授权登陆,支持微博、豆瓣和 QQ 等。花瓣的登陆界面也有应用的介绍:发现采集你喜欢的一切。当用户完成登陆后,可以在关注界面看到自己收集以及关注用户发布的各种内容。
发现
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/shoujiruanjian/)登陆账户后,Pinterest 也采用了这种底部功能按钮的设计,只是图标上没有文字介绍,而且使用了更简单的设计,底部包括瀑布流查看、搜索、消息和个人等。在 Pinterest 的 瀑布流查看界面以及花瓣的发现界面中,我们可以看到两个应用标志性的图片信息流设计。每张图片的尺寸都不太相同,并且可以支持不断的向下滚动,这种多样的设计也不会让用户觉得单调。不同的是,花瓣在应用顶部增加了幻灯片演示功能,而 Pinterest 直接采用了信息流。当然,每个人对幻灯片展示的感觉都不同。
Pinterest 和花瓣的信息流加载过程都非常流畅,而前者的动画效果更优秀一些,包括图片的加载以及下拉刷新的动画设计等,我们可以看到每个图片信息下方都有名称、发布人以及简单的介绍。同样,花瓣的信息大部分都是中文,更直观一些,只是内容并不够优秀。Pinterest 虽然加载速度慢一些,但内容都非常吸引人,即使对某个方面没有兴趣,也会多看几眼,内容质量很高。
瀑布信息流还没有加载完毕后,Pinterest 和花瓣都会将预留的位置添加不同的颜色,这种设计机制会让等待的过程变得更有趣,当然究竟是谁抄袭了谁,我们都很清楚。两款 App 的配色都非常深,并没有采用鲜艳或阳光的色彩。Pinterest 的主界面只有信息流,而花瓣的主界面顶部提供了分类查看以及搜索功能。两款 App 的结构逻辑也有不同,Pinterest 的瀑布信息流查看界面与搜索界面分开,而花瓣的发现界面却使用了放大镜搜索的图标。
分类
Pinterest的分类界面与搜索功能集成在了一切,而花瓣的分类界面则与主界面的信息流集成在了一起。虽然两款 App 的结构逻辑不同,Pinterest 的搜索界面集成分类功能,当用户搜索时,可以优先查看分类,而花瓣直接将分类功能集成在信息界面,同样也符合使用逻辑。Pinterest 不支持中文,分类界面也是如此,不过单词的意义都比较简单,相信一般用户也可以分辨。在分类页面点击任意项目可以进入下一级菜单,并查看相同类别下的更多图片。
Pinterest 的分类查看界面依然使用瀑布流设计,顶部几个更详尽的分类可以让用户更详细的继续浏览,分类界面继续使用瀑布流设计也让整个应用变得统一。花瓣的分类查看页面却不是瀑布流设计,而是正常的横幅图片,竖直浏览设计。
采集/Pin 查看
在瀑布信息流界面点击任意 Pin 或分享,可以让项目缩放至全屏浏览,两款 App 的缩放动画相同,都是在原来的尺寸上平滑的放大。查看单独条目时,Pinterest 不支持隐藏下方的功能按钮,花瓣在用户浏览时可以自动隐藏下方的功能按钮,提供更大的查看空间。当我们喜欢查看的内容时,可以点击 Pinterest 右上角的 Pin it,以及花瓣右上角的采集完成收藏操作。两款 App 的顶部还都提供了收藏以及分享功能。 Pinterest 和花瓣都支持手势回到上一级菜单,只是花瓣的手势支持的比较多,加上动画不够配合,用起来比较令人迷糊,首先如果手指不接触边缘的左右滑动可以实现上一条目和下一条目之间的切换,而手势从最左侧滑动或向下滑动,可以直接返回上一级界面。
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/shoujiruanjian/)分享
根据应用的不同,Pinterest 和花瓣的分享方式也分为了两个种类:国内和国外。Pinterest 优先提供了将内容分享至脸书,以及推特等地点。花瓣直接调用了系统的分享功能,并加入了微信和朋友圈分享,更适合国内用户。Pinterest 的分享功能有些不够完美,只是使用简单的弹出菜单设计。在花瓣的分享菜单中,可以点击更多查看其他分享方式。另外,花瓣的分享功能在图片内容的下方,上方的的图标可以让用户快速的将内容存储到手机图片库中。Pinterest的保存图片功能集成在分享菜单中,Save to Camera Roll。
搜索
Pinterest 的搜索功能在底部的第二个图标,没有输入关键词时可以看到上文中提到的分类查看页面。花瓣的搜索功能集成在发现界面的右上角,两款 App 都不支持即时显示搜索结果,完成输入后点击确认可以看到搜索界面。
Pinterest和花瓣的搜索结果显示界面都继续使用瀑布流分享设计,除了顶部信息的不同,信息呈现方式与主界面相似。Pinterest 的顶部包括了各种产品类别的查看,而花瓣的顶部则是总共的采集数量和画板和用户两种查看方式。
创建
当用户采集/Pin 以及分享自己发现的内容时,主要通过两种方式第一种就是发现照片和网址后直接发出。另一种方式就是将发现的内容归类于画板,在 Pinterest 中被称为 board,而花瓣中被称为画板。在 Pinterest中,点击创建后会弹出二级菜单,并有创建 board、分享照片、位置和网址等信息。花瓣的分享功能支持相册、拍照以及网址,只是界面设计上过于普通,没有Pinterest 的二级弹出菜单那样出色。
对于 board 和花瓣的创建,两款 App 的区别也很大。花瓣中的画板创建只能输入名称,没有其他内容信息和更改。 Pinterest 的 board 创建支持输入名称、描述并提供分类,还可以独立设置是否隐私。
信息&个人
Pinterest 和花瓣都能很好的支持社交功能,消息界面和个人页面也是用户发起社交的基础。Pinterest 对消息内容提供了分类展示,两款 App 都使用列表形式显示各种信息,没有太多惊喜。在个人界面,两款 App 的结构也很相似,最上方是各种个人资料,然后是画板、Pin /采集、收藏等数量,下方是用户 Pin 和采集的内容。在个人界面点击右上角的齿轮可以进入设置功能。
设置
在设置界面中,两款 App 都没有提供对应用行为的操作,只是可以更换退出账户,Pinterest 的查找朋友功能也没有太多用处。剩下的选项都与功能不太相关,包括关于和帮助、反馈中心等。Pinterest 和花瓣的设置界面都是基于 iOS 8 的设计元素,采用边到边的设计设计,纯色背景,没有太多亮点。花瓣的清空图片缓存功能不错。Pinterest 在账户设置 Account Settings 中提供了更多功能,包括设置地区、性别、隐私以及相关通知和缓存清理的功能。
总结:从功能方面看,Pinterest 和花瓣的应用结构上没有太多区别,Pinterest 的一些动画更细腻,而内容更精彩。当然,Pinterest 目前还不支持中文,而且有些内容的加载速度太慢。花瓣对 Pinterest 的学习也不错,瀑布流加载以及呈现的方式没有卡顿的感觉,只是内容方面有些不够吸引。从瀑布流设计这种方式来说,的确可以让用户更好的不断浏览,不断会发现更多新鲜的事物。
Pinterest优点:内容丰富、更好的画板、更好的分类查看、功能更多的board;不足:无中文、加载慢、需要账号
花瓣优点:优点:加载速度快、无账号浏览;不足:内容不够吸引、画板操作简单
注:更多精彩教程请关注图老师图老师教程 频道,