基于品牌形象推广的农产品App 界面设计研究
——以“赣农业”App 为例

2021-10-12 01:56杜娟
河北画报 2021年16期
关键词:界面设计调性图标

杜娟

南昌航空大学艺术设计学院

一、农产品 App 设计现状分析

在国家“互联网+农业”乡村振兴等系列政策鼓励下,农产品在各种数字平台上的营销得到了快速发展。据统计2021 年,我国线上农产品交易总额达到了2200 亿元。随着移动App 小程序的崛起,将农产品电子商务推上了历史的新阶段,尽管市场中推出的农产品App 小程序数量众多,但App 设计同质化现象比较普遍。许多App 操作卡顿,存在功能设计不合理、用户体验感差的问题。除此之外,农产品类App 界面设计也不尽如人意。App 的界面是用户第一直观感受,是吸引用户注意力的关键因素。但目前一些农产品App 界面设计因为缺乏专业规划,目标定位不明确,没有根据目标群体进行设计,企业品牌视觉形象缺乏活力,很快被市场淘汰。还有的App 界面存在农产品信息表达不清,页面布局混乱;图形元素设计单一、文字所占比例过大等诸多问题,直接降低了用户在使用App 时的愉悦感。

二、基于品牌推广的农产品 App 界面设计思路

(一)农产品 App 目标群体特征分析

在App 的设计前期,首先应划分好目标群体,对目标群体进行画像,了解目标群体特征如人口特征、社会特征、生活方式、个性特征、文化特征等。设计者依据这些目标消费者特征展开精准营销。相关数据显示,目前农产品 App的主要受众为推崇自我和个性的年轻消费者,他们不仅关心农产品的品质,更注重自身在线上交流过程中的参与度和体验感,希望以沉浸式体验参与到农产品的营销全过程。

(二)确立农产品 App 品牌调性

“品牌调性是基于品牌的外在表现而形成的市场印象,从品牌人格化的模式来说,类似于人的性格。通俗地说,就是消费者对品牌的看法或感觉。品牌调性往往隐藏在具体的品牌表现中,但品牌调性对品牌成败的影响程度超乎常人的想象”。以“水果江湖”与“盒马生鲜”两个App 界面设计为例,“水果江湖”App 界面的设计通过动漫形式都主屏插画和扁平化的图标、界面色彩丰富的表现形式,将水果与江湖串联在一起,使品牌调性呈现出活泼、轻松感。让用户在使用App 时获得有趣和良好的体验感,增加了年轻用户对于App 的黏性。而“盒马生鲜”App 面对的是多年龄层次的用户,其界面设计通过简洁柔和的线条,营造出品牌清新、简约的具有科技感的品牌调性。因此,农产品 App 的界面设计应找到其自身的差异化竞争点,以此塑造与众不同风格的品牌调性风格。

图1 “水果江湖”与“盒马生鲜”App 界面设计

(三)差异化的品牌视觉形象策略

农产品App 应该围绕品牌定位展开的差异化设计,为品牌形象注入新鲜感。提升产品的价值和消费认同感,形成专属的品牌联想。App 中的各种图标设计外观上应始终保持与品牌的界面设计风格一致。可以将反映农业生活化的环境或农作物作插画为界面设计的主题,与当地的传统文化等多种因素融合起来。也可运用特色农产品进行图形创意化设计,融合到App 的品牌视觉形象设计中,突出品牌的特色。品牌视觉形象设计中的主体色彩设计可采用高纯度颜色,辅助3-4 四种不同的低饱和的颜色进行搭配,区别其他农产品App 单一的品牌形象的颜色设计,有助于突出和强化用户对品牌的印象。

(四)清晰的信息架构与结构层分析

信息架构是App 产品目标和用户需求的核心,也是产品运营的核心,架构功能划分应紧密结合用户习惯。采用由浅至深的学习模式。因此App 在设计中功能层级,可从用户接触之初的简单农业产品销售、信息传递过渡到专业权威的商品相关知识提供;通过到游戏体验和信息互动交流分享的方式,再到产生兴趣后满足用户对于农产品的需求以及私人定制礼物等周边衍生品的需求,通过层层递进的App 结构,让用户能够更容易地感受到品牌所营造的氛围。

(五)易于操作人机交互体验

“成功的人机交互体验应有两个显著的特点,即信息及时反馈和人的参与性与主动性”。农产品App 中交互设计需要考虑四方面的内容,一是考虑用户的使用场景,二是App 功能性的实现,三是流畅的操作体验以及交互动效的持续时长、曲线的运用,四是整个交互动效的合理编排。因此,应该根据对农产品App 用户调研、目标群体特征、需求等一系列的分析。打造良好的线上购买、浏览体验等,以增强用户体验感与互动性。

三、农产品App界面设计分析——-以“赣农业”App为例

“赣农业”App 是一款以互联网为媒介,专注于江西农产品行业销售,为广大种植户、消费者提供市场行情、供求对接、专业分析、新闻资讯、农资商城等综合平台服务的软件。其界面遵循人性化的设计原则,结构清晰。分为状态栏、导航栏、主菜单、内容区域等。内容区域为模块设计为“江西特产”“农产品信息”“限时热卖”“今日鲜蔬”“个人中心”等多个模块,各模块设计以下层级递进关系的信息架构呈现,通过内容面板、滚动播放区、轮播图等组件,最大程度地展示产品的细节内容。“赣农业”App 界面整体上采用上中下的结构方式,卡片式布局,这也是目前App 设计的主流趋势。上部是农产品信息标题栏,中部是供用户浏览阅读的功能信息区域。App 界面两侧的页边距设置数值较大,让用户视角更容易集中在图文内容本身,提高了信息内容的阅读效率。启动页采用动画切屏,用标志和标语作为主元素传递品牌信息。首页和内容页的设计中采用现在流行的瀑布流模块化设计,以适应简约的布局风格,能够让用户一目了然地找到自己感兴趣的模块。

“赣农业”App 界面色彩与文字遵循品牌统一设定的使用规范。整体色调为蓝绿冷色调。主图标选用棕色,大面积使用了绿色和白色,契合农产品清爽、健康、绿色的品牌调性。小面积的使用红色和橙色是为了与界面的颜色对比,简洁干练的配色与整体的品牌形象统一。App 内的标准色彩按照信息重要、一般、较弱的情况,区别使用。用于导航栏背景色、按钮、图标等特别需要重点强调的部分。色彩设计时运用高纯度色彩吸引用户的视线。但总体色彩不超过3 种,否则容易造成视觉上的混乱。其次,将黑色用于一般级别的文字,如小标题、正文等。再次,较弱次要的文字色彩采用纯度较低的灰色。App 界面通过合理色彩组织,使得界面色彩丰富而有条理(如图2)。“赣农业”App 标题类文字设计时选用“微软幼园”字体作为基础的字形,在其基础上进行字体的变形设计打造中国风的视觉形象,最终成为品牌标准字。整个字体的方块设计简约且清晰易读,规整的字型适合农业品牌基调。英文字体选用非衬线英文字体,时尚感十足。

图2 “赣农业”App 界面设计

流畅的交互行为使得App 产品更具活力,能给用户带来轻松愉悦的体验。“赣农业”App 的功能上加入社交互动的功能,让用户通过文章、视频以及直播的分享方式,加强用户与品牌的情感传递,能吸引更多的人了解江西农产品。App 交互方式的设定为多种交互方式并存如滚轴式前进,左右滑动的方式等。当用户通过点击、长按、拖拽、滑动等行为触发交互动作时,图标的色彩、形状等视觉元素会展现相应的变化。帮助用户了解交互过程的响应情况。若加载过程时间长时,App 会利用有趣的加载动画,缓解用户等待的焦虑。另外内容浏览的交互方式多样,通过产品轮播、图形切换、页面间跳转实现。通过调动受众的感性认知,创造虚拟沉浸式多元的交互体验。

品牌形象体系中核心视觉元素的提取与塑造,是让产品具有强辨识度的关键。“赣农业”App 的核心视觉元素是其标志。设计从品牌名称汉字造型入手。对“赣农业”三个汉字进行块状组合。对文字的笔画及整体骨架设计调整,再将文字打散、拆分、重组图形化。通过“农”“业”字体的偏旁部首与稻穗进行图形结合,突出品牌农业属性。“业”字转化成已知向上托起的手形稻穗,增加了图标的趣味性。App 功能性图标设计直观、易识别。整个界面系统的图标形象都采用扁平化、拟物化的设计方法。设计风格符合品牌的调性,如“产地查询”“谷物”“购物车”等功能性图标,以线性轮廓描绘物体设计方式描绘购物车、蔬菜的外形,简洁的轮廓、单纯的色彩增强了图标的准确识别性。整体设计上与其他农产品App 风格有明显区别,品牌个性突出。

四、结语

互联网信息技术的快速发展,让移动智能终端上第三方应用程序——App,成为日常生活中的必需品。用户对App 的要求从早期的只需满足技术与功能性的需求,到现在逐步上升至以建立信息传递为根源的多元化交互体验和以人为本的设计。农产品 App 应把握时机,设计应以用户体验为中心,找准品牌定位,构建特色农产品的App 品牌形象识别系统,才能多角度强化农业品牌,加速我国成为农业品牌强国的步伐。

猜你喜欢
界面设计调性图标
中医养生APP界面设计
“共享员工”平台界面设计
中国传统元素在界面设计中的应用
阿瑟·奥涅格新调性思维研究——以管弦乐曲《太平洋231》为例
20世纪20—30年代多调性观念与技法管窥
协和无调性:一种具有创意的和声处理方法
——以利盖蒂的部分音乐作品为例
手机UI界面设计中视觉艺术元素的构成
Android手机上那些好看的第三方图标包
谈“调性”
图标