如何做图标改版设计?来看58 APP的实战案例!

如何做图标改版设计?来看58 APP的实战案例!,第1张

如何做图标改版设计?来看58APP的实战案例!

通过多月的努力,之前推广了七鑫58App图标的视觉效果。新版icon给了大家一种新鲜感,显著的气势让它在为数不多的app中脱颖而出。那么,是什么鼓励大家做这个修改的想法,在想法的过程中经历了哪些小故事呢?明天我会和大家分享这次图标推广的方方面面。

修订标准

首先大家要求知道一件事,ss="superseo">ss="superseo">就是关于一个App的icon的关键。其主次表现一直在“帮助掌握、吸收能力、爱好”等圈子里。所以,每个人的想法也必须主要表现出这些特点。

早期调查

改版前,大家都停止了一定的用户调研,客户反映“颜色略隐,吸收能力不足,模式识别没有降低”等所有测试分数。所以,就拿大家的复习发音来说它不空。

弄清标底的目的

根据客户反映的审查结果和对资料的掌握,我们都知道标底的总体目标和本次修订的目的:

发展标识识别,并帮助客户了解更多关于材料军事用途。

色彩搭配更加放肆,让材质布满活力和吸收能力。

力争借人民App的势头,拉开差异,互通有无

初始气势测试考试

想法一开始,大家就以巨大的差异和气势终止了测试测试。虽然有点平淡和成功,但也为最后的浪费提供了很多设计灵感:

他的气势毋庸置疑

经过气势、考试、克己的考验,我们终于对主图标的气势没有疑问了:

假定特征

颜色

根据58Logo的知名品牌颜色,在图标上应用了四种色调元素,单个图标接收单一色调,这样沙井组就会终止每个图标。

圆形图标可以切割尺度感,提高App的辨识度,让群体更强大。

穿过

图标完全接受两个堆栈缩减的显示情况。深棕色层已经在底部,浅色层放在顶部并设置透明度。因此,透明度的降低降低了吸收感,并为每个图标提供了一种恶性力量。

想象一下这个过程

想象的过程遵循以下六个方面:品牌形象、外观、表情、气势、谈判、配色。

品牌形象:易错成语,即可以表示物质内容的意思。一个准确而死的品牌形象,非常有利于icon的可识别性。就像用包装袋表达两条腿的物体,用猫表达侮辱一样。

外貌:外貌是icon想象出来的骨筋,好像一个人很健康,有缺点。一个图标有没有好感,要看它好看不好看。Icon的外观以圆环为主,同样的圆弧规格,只要注意外观细节即可。

表达式:当定义已经表达出来的时候,结尾应该是符合世俗的,UI本身的实际意义已经被附加了一个“功能”的表示层,这个表示层最间接的作用就是控制战争和交互。

气势:色彩鲜艳,圆润通透。

Negotiation:表示做出假设后应该终止关键点的协商。

配色:采用58Logo四种颜色进行配色,并降低了色度和噪点进行协商,让每一个Logo的拆装更加和谐。

类别页面图标

主图标的视觉效果确定了,下一步就是把那套想象语言落实到页面各大类的图标上。这时候大家才领会到,图标的尺度比最后一页的主图标小。除此之外,还要做好辨别歧视程度的工作。

假定特征

颜色

色调和色度与主图标协商,主图标被压低一个数量级。

环形图标可以剪切刻度和感应组。

积累

保存叠加结果,但丢失透明度的变换。

通过全过程新旧版本号的对比,可以创造出更多不好看的发明。新版icon多彩的拆装更为人熟知,更多的是关注它的外观。

小工具图标

下一步是小工具图标的想法。那种图标是所有app中的第三级图标。所以在视觉上一直要求取主图标进行明显识别才能开单。

假定特征

线条

线性图标,数量级不断压低。

环形图标是相同的。

平原

纯色应用。

摘要

每个标志都应该是一种对抗。如果表意文字清晰,就要非常重视好感度,在气势上要独树一帜。身份,分化,歧视,兴趣爱好,缺一不可。想象的过程也是一个不断挖掘和挖掘的过程。不经过反复考虑战争和磨砺,呈现出来的结果就不可想象。

不管都是磨还是打,最终成型的那一刻,总比没有好,总比没有好。表现出最好的视觉效果,结果,感觉,感觉才是最重要的。

最后,每一个图标都是从想象中的老师的脚底跳出来的粗糙的精灵。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/778933.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存