童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

9个关键步骤,设计最出彩的APP图标

9月9日 浅时光投稿
  最出彩的APP图标,都会经历这样9个关键设计步骤。
  对于移动端APP而言,图标始终还是最重要的门面,它直接关联着产品的品牌价值,图标是否具备良好的可用性,将会直接影响到品牌和产品本身。图标设计的讲究很多,而APP图标这种牵一发而动全身的东西更加讲究。今天,就分享一组图标设计的方法和技巧。
  通常,用户第一次仔细审视APP的图标是在AppStore和GooglePlay这样的软件商店和某些第三方推荐文章当中,相比于在界面中使用的功能性图标而言,APP图标需要承担更加广泛的责任:不只要具备品牌本身的气质和元素,还要能够体现这个数字产品本身的功能和特质,视觉上能够在同类的设计当中脱颖而出,在手机主界面的程序列表中还得足够抓人眼球,易于识别。对于这样一个小小的图标而言,要求一点都不少,不是吗?(对于图标设计师而言,这个要求同样很高了!)
  真正出彩的APP图标,从来都不是上手就做的,动手之前的基本工作做的有多充足,开始着手设计的时候才有底气,才有后面出彩的结果。
  Lion浏览器
  1。第一件事:从背景信息搜集开始
  在给一个APP设计图标的时候,最重要的是什么事情?是图形和色彩吗?这当然重要,但不是最重要的。随后我们会讲到这个部分,但是给APP设计图标的时候,这不是起点。先应该了解的是产品背后公司的气质、团队的背景、产品的功能,而不是直接设计。
  了解这个图标所涉及到的APP的业务组成和整体架构,询问团队相关的营销策略和内容,包括价值主张,目标受众,市场特征,定价策略,这些东西确定了产品本身给人的感觉,应该有的定位,这些东西都和设计息息相关。没有做足够深入的背景调研,就只能闭着眼睛画图了,这很难让APP图标真正贴合产品,发挥功用。
  企业和产品本身的状况和数据对于设计的重要性,怎么强调都不算过分。认真搞定这种准备工作,绝对是磨刀不误砍柴工。
  2。熟悉标准:仔细研读设计规范
  虽然在图标的设计上,创意和想法并不受限制,但是在任何平台上,都有着相对清晰的设计规范,它们是需要设计师严格遵守的。设计规范让图标在一个范围内和其他的图标在视觉上保持着足够的协调,设计师可以在规范范围内让图标更加出彩,而不是突兀。
  在Android平台和iOS的设计规范中,对于图标的设计和使用有着非常清晰的说明,从配色到尺寸大小,包括样式和具体使用场景。请尽量遵循图标设计的技术规格和设计建议,因为许多问题和障碍是设计规范的制定者已经考虑清楚了,遵循规范能够让你的设计绕过很多坑。
  3。选对工具:大家通常用这些软件
  通常情况下,最终输出的图标会使用PNG格式,不论你选择什么样的工具,至少要能够输出PNG格式的图标。当然,这只是选择软件工具过程中很小的一个条件。目前,绝大多数的设计师都会选择时下最常见、接受度最高的专业软件,其中几个甚至就是行业标准本身:
  AdobeIllustratorCC,也就是常说的AI,是最好的矢量设计工具之一,历史悠久。
  AdobePhotoshopCC,是目前使用范围最广也是最好的位图编辑软件,无论是制作光影还是阴影效果,都非常的称手。
  Sketch是一款有着友好界面和丰富插件的矢量图形编辑和UI设计软件,对于复杂的设计它可能不是最好的选择,但是拓展性足够强大,许多功能都是基于现代的UI和移动端的设计来开发的。
  AffinityDesigner是矢量绘图软件中的新贵,有着足够干净的UI,非常适合初学者。
  4。注意细节:简约而富有凝聚性
  在设计图标的过程中,记得随时审视图标,看看是否缺少一些关键性的信息,关键性的元素是否缺失了,是否有多余的东西。众所周知,APP的图标被设计出来之后,会出现在不同的场合,大小也不尽相同,随着大小尺寸的变化,有些信息会变得不够显著,拥有太多细节的图标会在缩小的时候显得非常混乱,所以将过多的文本和图片细节融入到APP图标当中,是非常没有必要的。
  简约的图标设计不仅仅是一种风格上的选取,它在功能和体验上的优势也非常的明显。不要指望将大量的隐喻和内容都包含在同一个图标当中,抓住最主要的概念和想法,并且用清晰的轮廓、简单的元素来呈现它。至少绝大多数大型企业和优秀的团队都倾向于使用直截了当的设计。
  5。结合品牌:记得考虑品牌风格指南
  每个品牌都有着独特的设计,从配色方案到细节元素的样式,通常都有着相对明确的定位。品牌风格指南在绝大多数的品牌当中,已经具备了非常明确的说明文档。为了让APP的图标和品牌的联系足够清晰,最好参考品牌风格指南来进行设计,这样确保用户在看到APP的第一眼就能够从视觉上与品牌本身构成关联。
  Foxygenicappicon
  6。艰难取舍:让你的图标替APP发声
  当你想到电子邮件的时候,你的脑海当中想到的第一个意象是什么?是信封,对吗?那么,当你在苹果的AppStore中搜索邮箱的时候,会发现一大堆的信封样式的图标,各种配色和风格都有,不一而足。
  一方面,使用大众所熟知的意象来设计图标,确实非常成熟,被广泛的认知,大家非常容易理解。而这种设计策略还有另外一面:类似的设计意味着激烈的竞争。这件事情可能是设计师在设计图标的时候,所面临的最大的挑战:设计师需要在原创性和功能性之间,做艰难的取舍。
  Elephunappicon
  7。知己知彼:仔细审视竞争对手的设计
  留出足够的时间来对竞争对手进行调研,了解竞争对手的功能,APP的设计,图标的构思,这样可以让设计师足以排除已有的设计,在营造独特性上获得思路,避免作出和竞争对手相似的设计,降低风险。
  有些甲方喜欢使用和竞争对手相似的元素,这同样有其优势在,因为相似甚至相同的元素确实会让一些用户面对这个新的APP的时候,产生信任感和同理心。但是和之前所提到的很多问题一样,这需要设计师来取舍,或者控制中间的程度。看起来太过相似,用户会视之为山寨和跟随者,缺乏独特性,很容易让人在使用过程中失去信任,甚至完全放弃。
  8。开始设计:选择正确的色彩和展现形式
  终于到了这个熟悉的环节了。优秀的配色和有趣的图形,确实能够让图标在视觉上脱颖而出。在选择色彩这个环节,很多设计师都很容易收不住手,许多色彩挤压在小小的图标当中,会让图标变得像现代艺术品一样。这个时候,需要在已经限定的色彩范围内(品牌用色),结合色彩心理学,来构建图标的色彩体系。
  在纸上绘制图标的原型,探索基本的想法和构图,是非常有效的手段,无论你会不会手绘,这个过程都会让你的设计过程更加顺畅,很多创意和想法,会在纸和笔的摩擦中,逐渐诞生,这一点,是许多数字软件都无法替代的。
  此外,运用基本的几何图形(圆形、方形、三角形等)来创建图标的基本框架,非常有用。请记住,任何复杂的图标都是在简单的图形的基础上创建出来的。
  AAppShack
  9。多做检验:绕不过的实际测试
  无论你的APP图标出现在什么地方,你都希望它看起来是非常不错的,对吧?所以,接下来绕不过的环节,就是要在不同的场合、不同的地方测试图标的设计,是否有足够的对比度,是否看起来足够清晰,是否能够融入相应的场景,是否贴合品牌的气质,等等。
  检查不同尺寸的APP图标,主要注意看小尺寸的图标是否可以看得清,识别度如何,大尺寸的图标是否有不恰当的设计;
  使用不同的背景来查看APP图标,看看图标在不同色彩、样式的背景下,是否有足够的对比度;
  了解图标在不同分辨率下的样子;
  不要只在AppStore和GooglePlay下测试图标的外观,还可以将图标放到随机某个用户的屏幕上,看看实际的效果。
  
  原文作者:TubikStudio
投诉 评论 转载

为什么欧美国家的产品界面更简洁,你们可能想多了欧美国家的互联网产品的界面普遍更简洁,这一点在手机APP上尤其明显。而亚洲国家,以中国和日本为代表,产品的界面都更加拥挤。可以导致这种情况的原因是什么呢?关于这种现象的解……APP界面设计中的趋同化:近期看来是有益的为什么如今的APPUI设计如此的趋同?这也许是件好事。现在,当你打开Instagram、Airbnb、AppleMusic、Twitter、Dropbox这些应用的时候,……交互设计笔记(上):设计需求分析交互设计师的任务不是简单的画画线框图,而需要对设计需求进行分析,才能设计出令人满意的方案。本文从业务需求、用户需求、关键因素分解和归纳设计需求四个步骤,结合案例对设计需求的分析……减少流畅,用户体验也需要摩擦力本文将分三点来阐述UX设计中,需要摩擦力的状况,以及相应的设计方法。一起来看看经常有人问我:物理和用户体验设计有什么关联?我是一个有着多学科知识背景的设计师,这个问……9个关键步骤,设计最出彩的APP图标最出彩的APP图标,都会经历这样9个关键设计步骤。对于移动端APP而言,图标始终还是最重要的门面,它直接关联着产品的品牌价值,图标是否具备良好的可用性,将会直接影响到品牌……如何合理地使用插图,来扩展用户界面?合理的功能是良好的用户体验基础。但我们都只关注函数吗?用户是人,他们不仅有解决问题的逻辑,也有情绪支配他们的决定。支持这两种方法的诀窍是将插图应用于web和移动接口。让我们看看……9个作品案例:优秀UI视觉设计的台前幕后本文将透过这些案例,来聊一下优秀的UI视觉设计台前幕后的事情。enjoy设计是一个不断发展和变革的领域,很多时候,看似熟悉的设计趋势会在下一刻摇身一变,再次惊艳到你。灵活……语音交互产品的设计原则在上一篇文章中,我们简单了解了一下“语音交互”的相关发展历程,以及实现原理等,那么此次我们落实到产品本身,来谈谈“语音交互产品”在设计、制作时的相关原则。语音交互所满足的……四个方面分享:首页改版的设计思路本文作者主要是针对新用户转化和导购效率、以及在接到一个方向性的改版目标后设计师如何转化为需求语言并制定设计目标这些问题有一些个人经验。enjoy前两天抽出时间整理去年的作……设计色彩对用户行为的影响本文致力于在用户界面和品牌设计、以及颜色选择对用户行为的影响中使用各种颜色的问题。每一天,我们都被各种各样的颜色所包围。如果你仔细看看周围的东西,他们可能会用一些颜色和色……如何设计一款理解用户需求的智能语音产品考虑到目前市场上Alexa、GoogleAssistant、DuerOS、AliGenie等语音智能平台都有各自的优缺点,本文讲述的语音交互设计将是通用、抽象型的,以及不会针对……作为体验设计师,是否应该保护自己的专业度?我们要学会用专业性的武器捍卫设计师的地位,但却不能过分的加固设计行业壁垒。一、捍卫专业是为其布道如题,体验设计师是否应该保护自己的专业度?回答是肯定的。1。1……
合理的搜索引擎策划是提高网站流量的砝码介绍用SEO优化方法提升网站流量的方法seo优化即可以拯救公司业绩也可以抹杀公司发展根据模板网站的功能判定是否符合搜索引擎优化优帮云网站优化外包公司在搜索引擎优化中的优势企业关键词如何设置才能参与百度首页排名?导购类型网站做优化需要分析站点类型做出优化方案网站建设之内容更新维护技巧教你几个技巧短时间内可以提升新站的收录率不同类型网站的SEO关键词策略网站优化过程中最常见的错误是什么?了解企业网站移动端的网站优化技巧父亲节里的父爱作文如果起诉离婚一方不同意怎么办决定胎儿大小的个因素陕西汽车关键零部件项目最高奖补5000万元养殖造句用养殖造句大全雷军小米公司中国式合伙人细节新时代加强企业廉洁文化建设有效路径短发烫发小卷蓬蓬头日系卷短发今年爆火到不行海报暴露剧情,林更新的动作出卖了角色性格!首次演霸总帅翻网友别了2011记叙文的表现手法及作用梅花喜神谱其三就实六枝

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界