交互产品《刁角武汉》

毕业设计 | 2018-04-30

《刁角武汉》中"刁角"一词是武汉方言,是指不容易找到,隐蔽,很少有人知道的地方。我们打造了一款以介绍旅行景点为主的 H5 多终端交互产品,旅客能在应用里了解到地道的武汉景点。除了能了解到相关景点的介绍、游记、交通以外还可以上传自己拍摄的照片生成一张独一无二的明信片,传播给朋友们,让更多游客爱上武汉。

在本次项目中,我参与项目前期策划与构思,实地考察景点。独立完成该项目的美术设计。制定美术风格。后期在 Mugeda 上完成 H5 页面的实现。

在 Behance 中浏览该项目

《刁角武汉》是一款在微信上传播的 H5 产品,所以我希望在视觉上给人一种更轻,更趣味、活跃的感觉,同时考虑到制作成本以及实现方式,我们选择了用较趣味、活泼的线性扁平风格作为整个产品的美术风格。

在字体选择上,选择了较卡通趣味的造字工房悦圆,这种字体的端点较圆润,符合整个产品的美术风格,如果使用端点、转弯位比较锋利的字体会在产品中显得很突兀。

因为《刁角武汉》不是纯文字内容的交互产品,丰富的插图仍然占图片的很大比例,我们也挺重视色彩之间的搭配。在色彩的选择上我们使用了明度和纯度都比较高的颜色,使画面更丰富多彩,不会太单调。

大图标一般用两种邻近色搭配褐色的描边设计,两种颜色的搭配让图标更鲜明、具有活力。适当的断点丰富图标细节。 小图标用主题色和褐色的描边设计,单色可以让图标更简洁,在小尺寸显示的情况下识别度更高。

素材:线性单色社交旅行图标 24 枚 - 下载

文章:在 Mugeda 中制作顺畅的滑动切换效果 - Medium