设计室优秀作品赏析

此文为“移动端的UI/UX设计”设计室中的优秀作品赏析。设计室由杨斯杰老师主导，共选出一份最佳设计奖和三份出众奖。

最佳设计奖：郑墨

出众奖：沈逸宁、Luna、李清月

杨斯杰

印第安纳大学HCI硕士

Western union

课程简介

理解和掌握为何设计用户体验，以及如何有效设计移动端体验是本设计室每堂课的核心理念。为了让每个学员能够着手实现自己的UI/UX作品集，设计室的选题和课程结构对此进行了专门的准备。

课程主张的观点和方法都是基于经典的设计理论和最佳实践案例，以求为每个学员在设计师之路上铺垫正确的成长基石。无论之前有没有相关经验，学员们将会锻炼到自己的设计思维和技能，同时都有机会在课程结尾展示自己的设计成果。

课程内容包括了从色彩理论、字体基础、移动端UI、用户体验和交互设计原则，到了解Android与iOS的异同，以及上手创建可交互原型。

设计实践过程论会贯穿整个课程，也就意味着从第一周开始，每个人就要选定设计题目，开始探索研究直至完成期中和期末的app设计任务。设计从未终止，我们鼓励每个学员在课程之后去继续完善自己的成果，但是别忘了现实的设计工作总有个截止日期。

学员将会从以下三个主题中选一个作为自己的课题：健身app、食谱app、约会app。

每堂课都应该是有趣而充满互动的，学员们可以积极地参与讨论、提出问题、建设性地评论彼此的设计方案。形形色色的设计案例将会被用来抛砖引玉，引出相应的课程主题，或者启发课后的思考。每堂课后会有相应的作业要求，包括阅读和课题任务。

学员还可以获得超过600MB的最新设计资源，包括模板、图片、图标。

最 佳 设 计 奖

郑墨

第一次尝试接触UI设计，选择了自己相对熟悉且热衷的主题--食谱app。它作为一个“厨房管家”的身份来帮助人们打理日常饮食生活。

针对不同年龄段使用移动设备的人群做了persona调查，人们普遍认为市面上的菜谱app菜式种类繁多且复杂，特别是让新手或者选择困难症者无从下手，在没有想法的情况下不知选择什么样的菜谱适合自己去制作。即便有时会被封面的参考图片吸引，然而点击进入详情，却发现身边没有菜谱中提及所需的一样或几样食材，就又得重新翻找其他菜谱，重复以上动作。这样一来二去在挑选菜谱上会浪费大把时间，甚至失去一时兴起的做菜热劲儿。这也是食谱app并不热门的一大原因，只有爱做菜的人才可能有耐心去使用。

然而，对于会做菜的人群来说，现有的食谱app用途也不是很明显，且没有针对性，缺少一些功能上创新的吸引。几款食谱app都存在极大的相似性，而缺乏特色。

因此我从菜鸟级别的新手和会做菜爱动手的达人这两个角度去定位这款食谱app的功能。要达到新手操作简单且有智能推荐引导性和对达人提供特色的个性化附加协助功能。

在色彩方面，主色调选择了诱人的可可热巧色，再搭配跳跃醒目的活力黄，黑白色作为协调配色，使整款app达到饮食类视觉诱惑。

这款app通过照相进行影像图片采集和智能识别食材名称并转成文字记录到搜索界面，然后在搜索界面开始分支成两项特色功能:现有食材搜索菜谱和记录食材储存提醒到期时间及补货。

具体地说，“现有食材搜索菜谱”是将识别出的食材名称点击“全部搜索”。系统根据所有食材标签显示含有这些食材的可做菜谱。再由用户根据个人可用时间长短、难易程度进行排序。还可通过更精细的口味筛选显示定位更准确的菜谱。如此设计的目的是，由于市面上的食谱app都是用户通过浏览菜谱，再在家找是否具备菜谱所需食材。而这款app是根据家中现有食材，智能过滤菜谱。这样的反相流程可以节约很多用户自行筛选的时间，为用户提供人性化的便利。因为很多时候新手并没有头绪要做什么菜，属于被动型，或者上班族工作一天回来没有剩余精力去安排思考如何做一桌晚餐，他们需要由“厨房管家”替他们做决定“今天吃什么”。

而第二个大功能“记录”是根据照相识别出来的食材名称显示在搜索页面后点击“导入到日历”。用户在日历中的“库存”表填写各项数量，系统会智能分析每个食材的到期时间，并做出提醒。或者用户将喜欢的菜谱其所需食材加入购物清单，当食材购买勾选完成后系统也会自动将刚购买的食材添加到日历的库存表当中，是一个循环的智能管理系统。

在为期一个多月UI设计学习当中，从无到有的认识和了解，这款app的表达上还有很多需要改进的空间，在未来会继续跟进优化。

出 众 奖

沈逸宁

这个项目最初只是脑海中的一个概念。我本科专业是风景园林，对苏州古典园林有一种执念。但是身边的朋友去过之后都表示对苏州有点失望，我真的很想改变他们的想法。所以当主带老师建议我做一个自己最感兴趣的项目时，我的第一反应就是“苏州古典园林改造”“苏州古城改造”等等，但是这样的题目太大，也不好做，像个空中楼阁。

这件事困扰了我两个月，直到看到杨斯杰老师的设计室。我忽然想到，并不一定要改造经典园林本身，可以从虚拟场景中去改造。Suzhou Inspector这款旅行app的灵感便由此生成。

景观app的想法诞生之后，我必须明确自己希望Suzhou Inspector解决什么样的问题。这就必须先了解使用人群——游客。开始着手调研。在数次采访之后，我总结出几个需要解决的问题：

游客太多，拍不出好照片（发在社交网站上）；

参观走马观花，收获不大；

对不同园林的印象千篇一律；

Suzhou Inspector中包括了街景模式和园林模式

街景模式（上图）的主要功能是介绍街道周边信息。软件后台的信息库中存有苏州古城所有园林、街道的全景地图信息，配合手机定位功能，只要开启定位并打开摄像头，就能为使用者提供调出定位周边的数据。使用者能够了解街边建筑物的功能沿街的景点名胜。

园林模式（上图）注重于讲园林的故事，展现园林的个性，并帮助游客生成好看的照片用于分享到社交网络中。这个模式依然与定位和相机两大功能紧密结合。在特定的位置和视角下，会产生故事性的画面和文字说明。

此外，SuzhouInspector还能帮助游客透过白墙，看到墙后的景观。（上）

最想表达的是一个概念：景观设计和交互设计的结合。智能手机掀起了一波又一波热点话题，景观师是不是可以试着直面这个事实，而改变一下传统的设计思路呢？我想，景观上解决不了的问题，可以用交互的方式来解决。也许以后每个景点都可以有一款附属的app，很多设计师想讲的故事，也可以用这个方式讲出来。

出 众 奖

luna

这是一个运动的app，提供运动健身课程、个人健身信息分析和找到一起运动的伙伴，帮助用户能不受时间地点限制健身运动。这款app界面干净简洁风格清新。没有繁琐的登录界面，有清晰的功能类型。设计主要面对20-35岁的年轻人群，注重时尚，前卫，有生活乐趣。想到设计一个运动app是因为自己喜欢有空的时候做运动，而周边的同龄人也喜欢运动，希望做一个年轻人喜欢的app。

这个作品前期做了开题报告、用户调研、情绪版、用户画像，设计过程中做了流程图、线框图和高保真图。

这个app设计了欢迎页面、主要的登录页面、课程页面个人信息页面等等。