一直听人说食品要色香味俱全,但我一直不理解为何一款需要通过鼻和口来感受的物体需要色这个属性,在评测过iCookBook之后我才理解,人们总是会通过第一眼的印象来形成美好或者不美好的回忆(这也是为何人们喜欢看帅哥或者美女,即使其内涵可能并不像其外表那样美好)。通过食品的外貌,我们似乎可以在脑海中想象它诱人的味道,这也是为何目前出现的几款烹饪类应用都非常的精致美观的原因。 iCookBook能做些什么? iCookBook和CookBook应用只有一字之差。并且两者的功能也极其相似,都是介绍食品制作流程的食谱类应用,比较适合喜爱烹饪同时具备一定英文阅读水平的人使用。和CookBook稍显不同的是,iCookBook毫无社交功能,无法查看其他人对某样食品的评价。 iCookBook全体验 将颜色和对比做到极致的iCookBook 很早之前我就曾经说过,摒弃复杂的渐变,高光,阴影是未来设计的趋势,同时也是真正回归设计的本质,Metro UI即是基于这种理念出现的一种交互模型。对于现在的很多设计师而言,Metro UI应用的设计需要放弃他们惯用的特效,于是如何进行排版和色彩搭配则是他们面临的最大挑战。 iCookBook很显然是这些设计师绝佳的参考应用,整个应用主页没有任何高光效果,除了暗红色和白色的对比,并且搭配唯美的图片,使得整个应用既符合Metro UI的美学规范,同时又让人感觉十分华丽。暗红和白色作为应用的主色调,形成了非常和谐的对比,同时采用的照片大多数色调偏暖,让人感觉温馨,即使只看到这些照片,我就已经食欲大增。 设计师将整个应用的排版处理的非常好。不仅整个应用的留白让人感觉非常舒适,同时热点Tile中倾斜的文字区处理的刚刚好,即不太死板,也没有过分活跃,优雅而收敛。 iCookBook大分类下的子分类 食品列表页 如果以为iCookBook的美丽仅仅如此,那你就错了,在应用的列表页,你会看到不同的表现形式。即使是在列表页也会有不同的展现形式,子分类列表以一种类似于标签的形式以竖式的Tile进行水平排布,而食品列表则是以不规则四边形矩阵式排列,没有一丝多余的修饰,纯粹使用排版和对比营造整个美学感受。不过,仍然有一些部分需要进行小小的调整,在首页和食品列表页,应用都是将Tile部分以水平居中的形式进行排布,以获得在大屏幕下最佳的视觉效果,而子分类列表可能是考虑到和大类的逻辑关联性,所以将Tile与大分类Title贴附的比较紧密,但这里的体验在大屏幕下并不太好,所以如果能想出某种方式既能保持逻辑关联又可以拥有绝佳的视觉效果就更好了。 食品信息及烹饪流程页面 在滚动过程中出现的贴附效果 最终我们来到了食品详情及烹饪流程页面。这是整个应用中最重要的内容展示页面,在此页面下,应用对其进行分隔显示,不仅有一些关键信息,还包括需要的食料,准备过程等等。而在其中也有一些亮点,比如在食料部分,会有一个稍暗的Note标签,在点击它之后,即可出现一个笔记本,方便烹饪者在此记录一些技巧等。并且,在查看流程时,这一块会在滚动时贴附到屏幕的左侧,与右边的流程说明形成一个分层的视觉,也方便在学习整个食品制作时能够对一些关键信息进行记录。 Appbar中的功能也是围绕整个烹饪流程 先前已经说过,这个应用和CookBook最大的区别就在于其并不包含社交功能,的确,即使在烹饪详情页面也是如此。应用在首页和列表页都没有AppBar功能,而在此页面,AppBar中的功能也仍然围绕这整个食品。首先是收藏功能,当我们对食品进行收藏操作之后,即可在首页看到收藏的列表,而Conversations功能中列出了食品盛装容器的规格等信息,而Substitutions功能则列出了,在缺少食材的情况下的替代食材。对爱好烹饪的人而言,考虑的非常周到。 |