五款设计优秀的应用评价

既然是评价设计优秀的应用,那就主要从设计层面进行评价。

Cockoo (布谷布谷)


couckoo

是一款集白噪音番茄钟、任务、技能管理于一体的任务管理应用。最大的优点是UI设计简洁优雅,同时带有恰到好处的音效给用户反馈。

视觉

Icon是一只白底上的黑色简笔画布谷鸟,定下了整体应用色调为黑白。整体UI风格带手绘风。

主界面主题内容为一幅主图片;下方为一个巨大的收回播放键,意味着「开始」。符合用户心理模型;播放键上方有一个stepper,能够准确显示这个stepper的加减号的作用,符合iOS HIG。播放键左边有一个状态框,显示今天在任务上所花时间。Stepper似乎没与其他两个对齐。

上方的navigation bar设计也是符合规范的,标题显示了此页是什么,有帮助按钮(灯泡)以及菜单按钮弹出隐藏菜单栏。

点击播放按钮,则开始番茄钟,界面简洁,focus在内容上(一个大大的计时器)

切换到task界面,navigation bar保持了一致风格。可以添加inbox task或者与skill联系在一起的task。整体icon都是手绘风。并且为task list做了分类(smart list和My list)

切换到skill的时候,免费用户可以添加三种技能,添加后的技能是卡片式设计,每张卡片占据一屏,timer占据面积最大,符合focus在内容上的原则,左滑则出现下一个技能卡片。Navigation

bar里可点击查看各技能训练总时间和占比。

交互上,主要手势是常见的点按,swipe,比较新的一个是可以摇动设备添加任务清单。(这个手势跟iPhone自带的摇动设备取消输入冲突,但我个人感觉还好,因为从来不用这个手势取消输入)。声音反馈仿按钮声音,比较悦耳

主界面下滑会出现今天的总任务数。(淡化背景,focus前景)

Flipboard(中国)

Flipboard China

Flipboard是一款杂志形式的订阅类型新闻应用,最大的特点是仿实体报刊/杂志翻页设计的交互很impressive。

交互:

启动屏:点开App,会有一个启动屏显示Logo,显示App反应快捷而没有多余的干扰。

翻页交互:点进内容阅读的时候,上下滑动模仿实体报刊杂志的翻页交互很赞。

UI设计:

Icon是醒目的红底,上面是大写的、经艺术化处理的白色字母F。为总体视觉设计定下主色调,红色。

主界面上方图片占据了大于1/2的位置,且颜色偏深,下方有两篇精选文章(白底黑字),但占据面积偏小,这样两部分达成了一个平衡。且让用户注意力集中在内容上。左上角的logo醒目但不抢眼。

下方是用tab bar的设计来进行不同分类的切换,包括主页,following,search,notifications和me。并使用了红色(key note)加粗下划线来区分选中和未选中的tab bar状态。(主页中间还有个小小的tab bar来切换头图新闻,同样用了白色下划线来区分选中和未选中状态),tab bar用的是标准的iOS图标设计,但在following的图标上有所创新。

主页的两篇精选文章点进去是普通阅读模式,白底黑字,除了上方的tool bar,没有多余信息干扰(focus在内容)。Toolbar包括四个选项,喜欢,comment,分享和flip into(加入自己的选集)。分享和flip into都是开启一个新的半屏,弹出方式是自下而上;comment是切换到新的全屏,弹出是自右向左。查看文章的时候右方有显示进度条。

Following页面是也有三个分类,All分类是grid格式排列,呈现方式直接。同时小的tab bar下方有search bar。点进任意follow的媒体,首先是媒体的首页(仿杂志封面),点按出现内容,这里内容和图片是五五开的面积比例。最右下方是与贯穿整个应用同样的一组tool bar。下滑/上滑翻页。

Search页面相当于是一个「发现」分类,内容共分为三组,最上方是一个search bar,可以直接关键词搜索信息;接着是一个「大家都在看」分类,同样以grid排列方式呈现;再接下来是一个「discover more」,有各种编辑提供的主题选择。每日视频精选的视觉也比较有意思,是以视频预览为背景+文字的方式呈现不同内容的。点进媒体,右上角有follow按钮可点击。

提醒分类有铃铛图标和醒目的蓝色find

friends按钮,有两个小的tab bar分别区分notification和shared with you。

最后我的个人页面分为上方的tool bar(添加friend,分享和设置),个人信息区,以及占最大面积的个人创建的收藏夹(grid样式)。依然是focus在内容上面

总结来说,视觉设计上,主色调为红色,对于文件夹、媒体排列方式的处理是用了grid格式,重点是引导用户focus在内容,并且符合规范地使用tab bar,tab bar的状态区分一致为下划线形式。整体仿实体杂志的设计。

Assembly


Assembly

Assembly是一款在手机上快速进行贴纸设计的应用。最大的特点是不仅设计优良,microcopy也做得很好,很拉近用户距离。

交互:

有显示logo的启动屏,快速响应用户指令。

Data entry:提供了sticker和各种元素的选择,不需要用户从0到1地设计

保留了前置状态。离开App后回到app,还是离开时的界面

Help:菜单里有Help菜单,用文字+gif形式呈现

视觉/UI设计:

Icon是一只红橙蓝绿色组成的(啄木)鸟。又让人感觉像是可以收起来的一把瑞士军刀,暗示其强大的工具属性。

主色调为介于暗红色和橙色之间的橙棕色。

整个应用分为三个部分,stickers,my work和Inspirations。三个部分的切换通过底部的tab bar完成。Tab bar通过选中显示棕色,不选中显示灰色来区分。

Sticker和my work页面最上方均突出显示了应用名称和icon,中间是「create new sticker」button,最下方最大面积是以grid格式排列了各种已有的sticker分类集。

Button有底色和外框对小字进行了突出,与上方大标题形成了平衡。

点进任意贴纸集,上方出现本页标题(告知用户所处位置)以及分类tab bar,用户可以从不同分类直接选择一个sticker开始创作(为用户提供选项)。「create new

sticker」button保持了风格一致。(每一组sticker下方还有设计师的名字,尊重了设计师的著作权。)

进入创作主界面,最中间是画布(主要功能),上方有tool bar,包含菜单,snap,撤销/重做。下方有也是各种元素可供选择,选中某个元素,右方会出现工具栏,元素外缘出现虚线框加一角的圆形,表示可以旋转。

在my work中,对文件的处理依然是grid格式,并可以通过上方的tool bar进行编辑管理。并且把pro功能巧妙安静地植入在了tool bar。点击该功能图标,出现很赞的microcopy,和下方的不同方案的订阅按钮。

Inspiration里面可以查看别人的作品。在没有加载出来的时候,页面出现「view more

on instagram」,同样为用户提供了解决方案,不至于困在原地茫然。

总结来说,该应用使用的主色调为橙棕色,使用的文件排列多为grid,使用的按钮形状主要为长条圆形。个人认为inspirations里面featured gallery标题设计有点问题。一个横杠上面加文字和冒号,会让人以为可以点击输入。并且字体大小和粗细也不是很像标题。

Fortune City


这是一款游戏化的记账类应用,最大的特点在于产品模型的创新想法。即结合游戏和记账这两个概念。

交互

启动屏,前置状态,data entry提供了选择(分类,数字,计算器)

视觉/UI

Icon主色调为浅绿色打底,上方为应用名称的Fortune大写单词,中间的T被替换为了一支橙色笔,意为记账。整体的配色(浅绿+橙)偏幼童化,符合整体游戏风格和定位的人群(游戏化的方式记账,受众应为年龄层次比较低的群体)。

应用只有一个主界面,就是游戏界面。下方有卡片式显示部分记账区域,最下方的tool bar上的菜单点开也是卡片式的分类设计。包含shop,ranking, achievements, your city, post office。中间是比较醒目的「添加新记账条目」按钮,左边是个人财务图表。

整个应用的概念是一个位于大海一座小岛上的城市,这个城市需要通过用户每天添加收支条目来一点点创建。每添加一个条目,就会新盖起一个点(有点类似大富翁),点击建筑可以选择对它进行移动,合并或者详情显示。

城市里面有各种居民在活动,点击居民可以对他们进行各种操作(比如花钻石邀请他加入你的城市)。

该应用的商业化植入也用在了居民身上,点击头上有AD字样的居民,可以玩小游戏,这些小游戏需要额外下载(也就是小游戏的广告)。

应用整体是扁平化的游戏设计风格,但tool bar是拟物化的风格。可能是想通过这个说明,游戏是虚拟的,而tool bar里的记账功能与真实生活连接在一起。

总体上来说,该应用的设计比较负责,但精美度还是欠佳。但创意不错。

Elk


Elk是一款极简主义风格的汇率应用。最大的特点在于交互和设计上的简洁。

视觉:

Icon为黑底上的一直加拿大马鹿。使用这个鹿作为logo,个人猜测是因为马鹿具有很强、广泛的适应性。暗示了该汇率转换器在不同货币间的强大适应性。

总体色调为暗色(黑、灰、灰绿)。

应用只有一个主界面,就是汇率转换界面(focus在主要功能)。左右分区,展示换汇的两种货币名称以及从10到100的货币区间。左滑数字组减为1/10,右滑数字组扩大十倍。点击两个数字间的位置,则出现更为细分的数字区间(个位数)。对应的货币一目了然。

点击货币名称出现菜单弹窗。包括Pro功能(个性化汇率),交换两种货币位置,以及改变货币。

改变货币出现新的全屏,上方为标题Hint,下面是一个search bar,主界面是各种货币,右边有首字母为顺序排列的目录,点击可跳转。

交互:首次开启应用,会有简单的手势引导教程。

交互手势只有左右滑动,点按。

Data entry是全为选择形式,没有手动输入。超方便。

总体来说,这款应用的设计是小而美的。风格极简,操作简单,在IOS HIG基础上有创新,让用户最大程度focus在核心功能,无干扰。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,839评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,543评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,116评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,371评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,384评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,111评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,416评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,053评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,558评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,007评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,117评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,756评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,324评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,315评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,539评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,578评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,877评论 2 345

推荐阅读更多精彩内容