非设计专业的我 是这么获得比赛一等奖的

本文是软件工程16级的黄振敏同学在2018年全国大学生“互联网+”创新大赛暨第六届“发现杯”全国大学生互联网软件设计大奖赛全国决赛得一等奖后的体会和感想。值得学习和借鉴。

-“艺术设计”赛项要求-

准备流程：

定主题→用户画像→基调选择→案例搜集→原型和效果图制作→交互制作→展示策略

下面给大家展示一下我们在创作过程中的几张中间产物。

-手绘草稿图-

-原型图-

-效果图-

-交互动图-

在短时间内获得一等奖关键有6点

01

选题：紧绕时下热门，有市场需求和发展潜力

选题时围绕当下流行的热门技术，如人工智能、机器学习、5G等。

因此，最后敲定，做一款宠物智能设备管理的APP界面设计。

02

定位：制作定位用户画像及梳理APP结构

根据用户画像，主题风格 用户划分这几点，我们确定了APP的两大特色：阶段性评分系统和数据可视化系统。并确定了APP的整体结构。

-APP导航栏结构-

03

资料收集：妙用抖音，精准搜索。

在我理解上，抖音的最最核心的东西，是它的那套基于机器学习的智能推荐算法。如果你在抖音上经常搜索或观看和移动UI设计有关的东西。久而久之，你的抖音就被你训练成UI设计师素材库。并且大部分视频都是15秒，给我们在找素材和构思上省了很多时间。

-抖音素材-

04

设计：页面设计遵循设计规范，不标新立异

安卓端和苹果的设计还是很不一样，时间原因我们把目标集中在了安卓端。而设计规范也是参考安卓上的。

-安卓UI设计规范-

05

答辩：提供真机演示，加深评委印象

决赛的评委更加注重作品本身的市场价值，而不是单单侧重UI。于是在老师的建议下，给出真机演示。

-给评委展示的原型-

06

工具：选对工具，事半功倍。

原型工具：墨刀（学习成本低）

效果图工具：PS

交互工具：ProtoPie（支持XD文件导入，学习成本低，高保真）

-各个阶段工具的选取-

总结

俗话说，授人以鱼不如授人以渔。我是希望各位读者在看这篇文章的时候能去学习那种分析并解决问题的方法。先确定目标，大化小，分而治之。

答谢

感谢在APP创作过程中各个队员夜以继日的努力，

感谢张文胜和王艳君老师在制作和答辩技巧上给出的指导意见，

最后还要感谢在交互上提供软件及技术支持的ProtoPie的韩学颖老师。

-设计类网站分享-

黄振敏团队

很荣幸能在今年的“第六届“发现杯”全国大学生互联网软件设计大奖赛“中获得“艺术设计”项目全国第一名。赛后很多人好奇，非设计专业的我们到底是怎么做到的。于是决定写下这篇文章，分享我们的作品创作过程。

【往期精彩】

排版  |  肖 越 新

供稿  |  黄 振 敏

图片  |  黄 振 敏

转载需标明出处

"源代码"品牌宣传工作室