锋绘２０１９年第４期
１７３
㊀作者简介：郜林(１９９７－)
，女，汉族，本科在读，研究方向：工业设计.一款宠物类A P P 界面设计
郜㊀林
(南京理工大学设计艺术与传媒学院，江苏南京２１００９４
)摘㊀要：在A P P 界面的设计当中,
要综合考虑界面的排布㊁配㊁文字与图标的使用等问题.在解决这些事项上，要考虑针对目标用户的性格特征㊁使用习惯㊁交互特征等，也要横向对比现今市面中其他A P P 的界面与功能.因此，宠物类A P P 界面设计不仅仅停留于平面的排布，也需要像设计其他宠物产品一样，对用户和市场进行充分分析与贴合.
关键词:U I 设计；宠物;A P P １㊀用户分析
随着人口结构的变革，空巢青年和晚婚晚育人增多，年轻人成为养宠人的主体.与中老年人不同，相较
于页面的实用性，年轻人更在意页面的美观性，他们多喜欢现代化的图片与字体以及新潮的元素.而由于 饲养宠物 这一特点，养宠体多富有爱心㊁有耐心也更加体贴.因此，宠物A P P 针对用户的关键词为年轻化与爱心.
２㊀现有A P P 分析
目前市场中有关宠物的A P P 以宠物社交软件为
主,A P P 内主要内容集中在宠物的数据记录与视频㊁照片的分享.用户可以通过A P P 分享自己与宠物在一起的文字㊁图片与视频，记录宠物的衣食住行㊁健康情况等，以此留存宠物成长的数据，也可与他人一同分享养宠乐趣达到以宠会友的目的.
在视觉方面，大部分宠物A P P 的底部设有导航栏，以衣食住行㊁健康㊁购物等分为几大特功能类别.页面的彩设计以红㊁黄㊁粉等暖调为主，与宠物带给人 可爱 的意象与 家 的心理暗示.整个
A P P 的l o g
o 多为宠物剪影，将宠物的主题直接在图标中呈现，而内部的i c o n 以扁平化为主，容易贴合各种风格的界面.
优点:
a ．
将购物㊁交友等多项宠物相关功能进行集成，满足用户各方面需求.app登录界面
b ．
宠物社区的形式既利于用户寻伙伴又便于A P P 发展新用户.
c ．视频㊁图片等呈现形式多样，有较强吸引力.缺点:
a ．
功能过于繁杂，缺乏主次，用户无法根据所需功能挑选针对A P P .
b ．I
c o n 较为夸张,
过于贴合宠物特征，缺乏现代感，不易吸引人.
c ．
字体过于古板或过于夸张，不适宜宠物主题或养宠人年轻㊁新潮的特点.
３㊀设计实践
３．１㊀彩
在颜的设计上，笔者选择了饱和度适中的橙作为主，颜较为温暖，在 热情 的红和 温柔 的黄中取中，贴合了宠物带给人 家 的感受.同时，橙贴近很多宠物毛，是 宠物 这一意象的代表.在颜的透明度方面，笔者选择了１００％㊁６０％和３０％三种不透明度的颜组成阶，在不同场合下使用，以达到界面清晰㊁彩调和的效果.
除了主的橙之外，笔者在界面中还运用了高明度的蓝作为辅助.橙与蓝本为对比，但在高明度的调节下对比减弱，使整个画面较为清新跳脱，在温柔之中有一丝可爱.
３．２㊀文字
在字体的使用上，笔者选用了苹方字体，字体为无衬线体，拐角较为圆润，字体较为现代且温柔雅致，不会为用户带来跳脱的感觉，和界面的主题风格相合，可以构成较为温婉的界面.且苹方字体可选择的粗细种类较多，可以适应主标题㊁副标题㊁小标题㊁正文等多个场景使用
.
图１㊀彩与字体规范
３．３㊀I c o n
在i c o n 的设计中，笔者采用了较为扁平化的设计，整体造型较为圆润大方，现代感强，较现有宠物A P P
更符合当下年轻人的审美.在未被点击时,i c o n 为空
心灰线条，点击后则为实心橙标记，可以很容易分清i c o n 的点击情况，主次清晰，美观性强.３．４㊀排布
在界面的排布上，笔者沿袭了现有A P P 在主界面下端设有导航栏的设计，这种设计可以既清晰又直观地展示出A P P 的全部功能，又与先进大多数A P P 逻辑相似，减轻了使用者学习的困难.
在导航栏的中心有一个较大的主图标，图标周围有不规则的椭圆形小图标辅助使用，小图标与大图标联合组成一个爪子的形状，既有趣又与宠物主题相契合，可以吸引宠物主人使用
.
图２㊀导航栏及i c o n 设计
４㊀小结
宠物A P P 在设计中要遵循用户年轻㊁
有爱心的特征，也要吸取现有A P P 利用视频㊁图片交流的优点，同时改进其不适宜的视觉表现，这样才能设计出符合现今市场与用户需求的A P P 界面.