新闻动态

app图标制作,需要哪几步才能完成?





上篇文章小编有提到app图标设计的风格,那么图标的制作步骤你知道吗?接下来小编简单从图标的形态、配色、规范、趣味、提示这几个方面教大家如何制作,接下来大家可要好好听讲哦!



1、形态


以金融产品为例,为了突显产品安全、效率等属性,图标风格应该设计得稳重,大气、简洁、精致。一来图标所表达的内容清晰易懂,不需要用户思考就可以识别;二来消除了新用户开始使用时的不安情绪。


精致的设计可以提升整体页面的品质,使得产品更加专业可信。细节的优化可以使得产品在众多竞品中更加亮眼。当设计精致得当的产品与设计粗糙的产品进行视觉比对时,用户的选择不言自明。

常用的样式大致分为两种:纯面性或线面结合


线性图标标签切换时,由线性转化为面性时变化细节更明显,加上动效效果更丰富。面性图标给人的感觉更加有整体感,更加稳重。


APP图形

(线性图标)

APP图形

(面性图标)

标签栏设计当中,首页位置的图标常用的有房屋标志,或者是直接使用产品logo的样式来进行设计。


APP图形

(logo直接用作首页图标)


细节上,前面已经通过分析“产品属性”、提炼“LOGO特点”等方法得到了延伸图形。这里的icon也可使用这种方法。

APP图形

(土豆 and 天猫)



2、配色


上一篇中分享了选择颜色的方法,这个时候便派上了用场。我们在标签栏中可以直接使用品牌主色,未选中的标签图标可以搭配灰色来使用。当然,颜色的选择也与产品属性以及产品定位相关。比如:百度外卖首页的icon,为了突显科技与品质,选择了线性红黑两色搭配。


APP图形

(链家 and 百度外卖)


3、规范


统一性,是图标设计中非常重要的一项内容。拿方形、圆形等形状来说,虽然都是在统一大小的框中进行设计,但从视觉上给人的感觉却不一样大,这种情况时有发生。


APP图形


这时候我们可以用辅助模板来进行视觉约束,来辅助我们进行设计。谷歌的material design设计规范中就为我们提供了这样的模板,我们在设计图标时,在固定的框架内制作即可。


APP图形



4、趣味


ofo、百度外卖、淘宝、优酷、京东等APP在节日或是重要活动发布时,首页版式以及重要的icon都进行了更换。这不仅仅是为了迎合活动内容或是节日的到来,更主要的是为了增加产品的趣味性,增加用户粘度,让用户觉得产品有趣并且想继续使用深挖功能。同时,也缓解了用户长期使用此产品所产生的审美疲劳。


所以,找准切入点,在合适的时机适当更新页面版式或icon,会起到不错的效果,让用户眼前一亮。


APP图形

(ofo and 百度外卖)



5、提示


现在有越来越的产品都将重要信息或者是迫切需要让用户知道的内容,做成浮动的气泡形式,悬浮在标签栏之上。或是在消息、我的icon上添加“红点”来进行提示。


APP图形

(网易云 and 京东金融)



小编分享的这个几个制作app图标的步骤,是最基础也是必备的,有了这些小图标之后,不仅能够让我们app页面变的更加深度有趣,还能够让用户加深印象哦,所以小编说的这些你都学会了吗?还有任何疑问也可以给我们留言哦。



我们的服务

  • 品牌官网
  • 营销网站
  • 平台网站
  • 电商网站
  • 安卓开发
  • iOS开发
  • 工业APP
  • 运维管理
  • 智能化仓储
  • 智慧物流
  • CRM系统
  • OA系统
  • 抖音运营推广
  • SEO优化
  • 新媒体
  • 品牌推广
优质服务
丰富经验
私人订制
网站推广