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