锋绘2019年第4期
173
㊀作者简介:郜林(1997-)
,女,汉族,本科在读,研究方向:工业设计.一款宠物类A P P 界面设计
郜㊀林
(南京理工大学设计艺术与传媒学院,江苏南京210094
)摘㊀要:在A P P 界面的设计当中,
要综合考虑界面的排布㊁配㊁文字与图标的使用等问题.在解决这些事项上,要考虑针对目标用户的性格特征㊁使用习惯㊁交互特征等,也要横向对比现今市面中其他A P P 的界面与功能.因此,宠物类A P P 界面设计不仅仅停留于平面的排布,也需要像设计其他宠物产品一样,对用户和市场进行充分分析与贴合.
关键词:U I 设计;宠物;A P P 1㊀用户分析
随着人口结构的变革,空巢青年和晚婚晚育人增多,年轻人成为养宠人的主体.与中老年人不同,相较
于页面的实用性,年轻人更在意页面的美观性,他们多喜欢现代化的图片与字体以及新潮的元素.而由于 饲养宠物 这一特点,养宠体多富有爱心㊁有耐心也更加体贴.因此,宠物A P P 针对用户的关键词为年轻化与爱心.
2㊀现有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 .
字体过于古板或过于夸张,不适宜宠物主题或养宠人年轻㊁新潮的特点.
3㊀设计实践
3.1㊀彩
在颜的设计上,笔者选择了饱和度适中的橙作为主,颜较为温暖,在 热情 的红和 温柔 的黄中取中,贴合了宠物带给人 家 的感受.同时,橙贴近很多宠物毛,是 宠物 这一意象的代表.在颜的透明度方面,笔者选择了100%㊁60%和30%三种不透明度的颜组成阶,在不同场合下使用,以达到界面清晰㊁彩调和的效果.
除了主的橙之外,笔者在界面中还运用了高明度的蓝作为辅助.橙与蓝本为对比,但在高明度的调节下对比减弱,使整个画面较为清新跳脱,在温柔之中有一丝可爱.
3.2㊀文字
在字体的使用上,笔者选用了苹方字体,字体为无衬线体,拐角较为圆润,字体较为现代且温柔雅致,不会为用户带来跳脱的感觉,和界面的主题风格相合,可以构成较为温婉的界面.且苹方字体可选择的粗细种类较多,可以适应主标题㊁副标题㊁小标题㊁正文等多个场景使用
.
图1㊀彩与字体规范
3.3㊀I c o n
在i c o n 的设计中,笔者采用了较为扁平化的设计,整体造型较为圆润大方,现代感强,较现有宠物A P P
更符合当下年轻人的审美.在未被点击时,i c o n 为空
心灰线条,点击后则为实心橙标记,可以很容易分清i c o n 的点击情况,主次清晰,美观性强.3.4㊀排布
在界面的排布上,笔者沿袭了现有A P P 在主界面下端设有导航栏的设计,这种设计可以既清晰又直观地展示出A P P 的全部功能,又与先进大多数A P P 逻辑相似,减轻了使用者学习的困难.
在导航栏的中心有一个较大的主图标,图标周围有不规则的椭圆形小图标辅助使用,小图标与大图标联合组成一个爪子的形状,既有趣又与宠物主题相契合,可以吸引宠物主人使用
.
图2㊀导航栏及i c o n 设计
4㊀小结
宠物A P P 在设计中要遵循用户年轻㊁
有爱心的特征,也要吸取现有A P P 利用视频㊁图片交流的优点,同时改进其不适宜的视觉表现,这样才能设计出符合现今市场与用户需求的A P P 界面.

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。