一款宠物类APP界面设计

郜林

摘 要：在APP界面的设计当中，要综合考虑界面的排布、配色、文字与图标的使用等问题。在解决这些事项上，要考虑针对目标用户的性格特征、使用习惯、交互特征等，也要横向对比现今市面中其他APP的界面与功能。因此，宠物类APP界面设计不仅仅停留于平面的排布，也需要像设计其他宠物产品一样，对用户和市场进行充分分析与贴合。

关键词：UI设计;宠物;APP

1 用户分析

随着人口结构的变革，空巢青年和晚婚晚育人群增多，年轻人成为养宠人群的主体。与中老年人不同，相较于页面的实用性，年轻人更在意页面的美观性，他们多喜欢现代化的图片与字体以及新潮的元素。而由于“饲养宠物”这一特点，养宠群体多富有爱心、有耐心也更加体贴。因此，宠物APP针对用户的关键词为年轻化与爱心。

2 现有APP分析

目前市场中有关宠物的APP以宠物社交软件为主，APP内主要内容集中在宠物的数据记录与视频、照片的分享。用户可以通过APP分享自己与宠物在一起的文字、图片与视频，记录宠物的衣食住行、健康情况等，以此留存宠物成长的数据，也可与他人一同分享养宠乐趣达到以宠会友的目的。

在视觉方面，大部分宠物APP的底部设有导航栏，以衣食住行、健康、购物等分为几大特色功能类别。页面的色彩设计以红色、黄色、粉色等暖色调为主，与宠物带给人“可爱”的意象与“家”的心理暗示。整个APP的logo多为宠物剪影，将宠物的主题直接在图标中呈现，而内部的icon以扁平化为主，容易贴合各种风格的界面。

优点：

a.将购物、交友等多项宠物相关功能进行集成，满足用户各方面需求。

b.宠物社区的形式既利于用户寻找伙伴又便于APP发展新用户。

c.视频、图片等呈现形式多样，有较强吸引力。

缺点：

a.功能过于繁杂，缺乏主次，用户无法根据所需功能挑选针对APP。

b.Icon较为夸张，过于贴合宠物特征，缺乏现代感，不易吸引人。

c.字体过于古板或过于夸张，不适宜宠物主题或养宠人年轻、新潮的特点。

3 设计实践

3.1 色彩

在颜色的设计上，笔者选择了饱和度适中的橙色作为主色，颜色较为温暖，在“热情”的红色和“温柔”的黄色中取中，贴合了宠物带给人“家”的感受。同时，橙色贴近很多宠物毛色，是“宠物”这一意象的代表色。在颜色的透明度方面，笔者选择了100%、60%和30%三种不透明度的颜色组成色阶，在不同场合下使用，以达到界面清晰、色彩调和的效果。

除了主色的橙色之外，笔者在界面中还运用了高明度的蓝色作为辅助色。橙色与蓝色本为对比色，但在高明度的调节下对比减弱，使整个画面较为清新跳脱，在温柔之中有一丝可爱。

3.2 文字

在字體的使用上，笔者选用了苹方字体，字体为无衬线体，拐角较为圆润，字体较为现代且温柔雅致，不会为用户带来跳脱的感觉，和界面的主题风格相合，可以构成较为温婉的界面。且苹方字体可选择的粗细种类较多，可以适应主标题、副标题、小标题、正文等多个场景使用。

3.3 Icon

在icon的设计中，笔者采用了较为扁平化的设计，整体造型较为圆润大方，现代感强，较现有宠物APP更符合当下年轻人的审美。在未被点击时，icon为空心灰色线条，点击后则为实心橙色标记，可以很容易分清icon的点击情况，主次清晰，美观性强。

3.4 排布

在界面的排布上，笔者沿袭了现有APP在主界面下端设有导航栏的设计，这种设计可以既清晰又直观地展示出APP的全部功能，又与先进大多数APP逻辑相似，减轻了使用者学习的困难。

在导航栏的中心有一个较大的主图标，图标周围有不规则的椭圆形小图标辅助使用，小图标与大图标联合组成一个爪子的形状，既有趣又与宠物主题相契合，可以吸引宠物主人使用。

4 小结

宠物APP在设计中要遵循用户年轻、有爱心的特征，也要吸取现有APP利用视频、图片交流的优点，同时改进其不适宜的视觉表现，这样才能设计出符合现今市场与用户需求的APP界面。