App图标设计（app图标设计理念）

大家好！今天让小编来大家介绍下关于App图标设计的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008

文章目录列表:

• 1、如何做APP界面设计？

• 2、如何制作app图标以及logo

• 3、app图标的共同点和不同点

• 4、图标规范标准（IOS/Android）

一、如何做APP界面设计？

第一点：了解你的目标客户群的心态x0dx0a1、做微任务的目标客户群(如随时随地看看新闻，听听歌，看看电影，聊聊八卦之类)：x0dx0a这类的解决方案是设计的app最好是小而准，不要大而全。越全的功能应用，只能代表着这个应用在各方面的都很平庸x0dx0a2、喜欢当工具来使用的目标客户群：比如找地图，看天气，查数据等。x0dx0a这类的解决方案是我们尽最大努力的去满足用户的情景需求。做到极致和简单。x0dx0a3、无聊的客户群，用来打发消磨时间的：无需求，漫无目的的x0dx0a这类的解决方案是尽可能展示用户感兴趣的东西，帮助客户来打发消磨时光。x0dx0ax0dx0a第二点：APP原型图的制作和设计讨论x0dx0a这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。x0dx0a常用的APP原型图工具：移动APP原型设计神器POP、axure、Foreui等x0dx0ax0dx0a第三点：APP视觉设计与设计要点x0dx0a（1）大概设计板块有APP启动页面设计，APP界面设计的尺寸规范，app图标设计等x0dx0a一般来说，手机屏幕是从上往下布局的，重要的信息会放在上方。但是在操作上，大部分人都是单手拿手机，常用的操作，要放在界面的下方。x0dx0a另外还有一个原则，最小的触摸单位，一般是44个像素。如果再小，你的拇指难以触碰，或者容易引发误操作。同时，也不要让界面太拥挤。x0dx0a所以，设计师必须用减法设计，这个过程需要花时间思考、简化元素。x0dx0a你必须记住：（1）隐藏设计或者减法设计（2）分区或分类（3）帮用户做决策（4）提高交互创新设计（5）让人有爽快感和新奇感（6）在设计中浸入情感，把握用户的心理。（谈谈如何进行产品设计以及产品情感化设计）x0dx0a一位大师这样说过“真正的简约设计是：作品必须不断的被简化，一改再改，直到设计最终成形。”x0dx0a2014年APP设计风格趋向扁平化和卡片化。卡片，扁平化都会是移动app设计的趋势！认为卡片设计确实同时兼具了“拟物”和“极简”2种优势！x0dx0ax0dx0a第四点：APP界面设计流程x0dx0ax0dx0a（1）.设计APP界面时，学会从优秀APP界面设计作品中寻求灵感，以前的艺术大师，用少量的资源做了大量的设计。x0dx0a（2）.放下工作，休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作，带着全新的眼光工作，比长时间冥思苦想更有x0dx0a效。x0dx0a（3）.并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存，对比两个版式就能很快分清孰好孰坏。x0dx0a（4）.由于实物展示的相对比例至关重要，所以要及早在不同的目标设备上测试。x0dx0a（5）.整个设计过程中不断问自己“真的需要吗？”。支撑项目时候，找一些讨巧的办法，例如，添加一些有趣的元素、样式会这样会很容易也会很吸引人，x0dx0a但必须始终注意剔除不必要的元素，不断精简。甩掉你费尽心血的部分总是难以割舍，但修改过程必须挑剔。x0dx0ax0dx0a第五点：APP界面设计测试与预览修正x0dx0a设计完成之后，我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具：快速在移动终端上预览APP界面设计效果图的方法最后：好的APP界面设计作品必然是要经过不断升级、重复迭代的。

二、如何制作app图标以及logo

怎么制作呢？这里给大家推荐一个网站 http://www.logoko.com.cn/ ，在这里你可以简单的制作一个图标，操作简单，一看就会。这里以我生成的一个图片为例:

这里生成的图片在最下面会有广告，我们需要自己再截图一次，毕竟是免费的，可以理解。

为什么要变成圆角？因为现在主流的app都是圆角图标，这里依然给大家推荐一个网站 http://www.roundpic.com/ ，在这里只需要将图片上传到这个网站，就可以制作出圆角图片，操作简单，一看就会。

这里依然以我生成的图片为例:

这里依然是一个网站 http://icon.wuruihong.com/ ，将图片上传到这个网站就可以了，这里已android为例，如果不自定义尺寸，就会生成七个不同分辨率的图片，这七个就是android需要的，同时还支持预览。这里最后会是一个压缩包。

是不是感觉特别简单，这三个网站都不用注册哟，赶快尝试一下吧！

三、app图标的共同点和不同点

图标的设计需要表意明确，并具有适合的隐喻特征，相同点和不同点如下。

首先，要根据对象确定图标的整体风格并进行概念草图绘制；其次，在草图的基础上给图标上色，设计图标适合的角度和透视；再对图标进行细节调整，以表现图标的质感；最后,根据一个图标样式发散进行成套图标设计，使界面内的图标形成统一的风格。移动应用界面图标的形态既丰富又具有概括性。形态是定义图标的大致轮廓和基本样式。为了使用户更容易理解和接受图标，设计形态时要根据对象特征进行一定的隐喻，使图标形态贴近用户的认知范围。因此，图标的形态要尽量简洁易懂，避免过度使用象征性的隐喻符号，用简单的图形作为整体象征性的代表。色彩是图标设计的一个重要属性，要处理好图标的主要颜色与次要颜色之间的关系，它在很大程度上决定了图标的最终视觉效果。不同的颜色蕴含着不同的情感意义，因此设计师在设计手机界面图标时要基于应用的功能同时遵循用户的心理模型，以选择合适的色彩搭配。用户在实际生活中看到的物品在受到自然光线和物理光线的影响下会呈现立体的形态，因此要使一个图标变得立体就需要添加光影的效果。设计师首先要将图标想象成一个圆形的球体，通过定义图标的素描关系(即光线的方向)将图标分为白、灰、黑、影子、反光5个部分。

四、图标规范标准（IOS/Android）

IOS篇

本小节中ios图标标准均以iPhone6为例

1.APP图标  

         APP图标指应用图标，图标尺寸为120x120，如果是游戏类应用，这个图标也会被用在Game Center中。由于IOS应用图标是由于系统统一切圆角，所以设计的时候直接出方形图标即可。设计时可根据需要作出圆角供展示使用。

尺寸规格：

图标尺寸：57x57，圆角10；图标尺寸：114x114， 圆角20；图标尺寸：120x120，圆角22；图标尺寸：114x114，圆角20；图标尺寸：180180，圆角尺寸34；图标尺寸：512x512，圆角尺寸90；图标尺寸：1024x1024,圆角180.

2.APP Store图标

APP Store图标指上传至应用商店的应用图标，尺寸为1024x1024.为了吸引用户可增加更多的设计细节。不过基于效率考虑，一般与APP图标的设计保持一致。此时的图标需要设计圆角，圆角像素为160。

3.标签栏导航图标

标签栏导航图标指底部标签栏上的图标，图标设计尺寸为50x50。

4.导航栏图标

导航栏图标指分布导航栏上的功能图标，图标设计尺寸为44x44

5.工具栏图标

工具栏图标指底部工具栏上的功能图标，图标设计尺寸为44x44

6.设置图标

设置图标指在列表式的表格视图中左侧功能图标，图标设计尺寸为58x58

7.Web Clip图标

Web Clip图标指如果你有Web小程序或者网站，可以制定一个小图标。用户可以把它直接放在桌子上，用户可单击图标直接访问网页内容。图标设计尺寸为120x120。

Android篇

为了简化设计并且兼容更多的手机屏幕，安卓系统平台对屏幕进行了区分。按屏幕像素密度划分为低密度屏幕（LHDPI）、中低密度屏幕（MHDPI）、高低密度屏幕（XHDPI）、和超超高低密度屏幕（XXHDPI）。

密度之间的关系为3:4:6:8:12.使用这些比例，通过简单的计算，我们就可以适配出不同版本的位图，以供开发使用。

安卓尺寸标准：

75x75对应LDPI显示屏；100x100对应MDPI显示屏；150x150对应HDPI显示屏；200x200对应XHDPI显示屏；300x300对应XXHDPI显示屏。

特别提示：这些尺寸要熟练的运用到工作当中，希望大家多积累。

文章更新的速度确实有些慢了，我会加以改正。还望大家多多关注。

’

以上就是小编对于App图标设计问题和相关问题的解答了，如有疑问，可拨打网站上的电话，或添加微信。

推荐阅读：

阅读挣钱最快的app（做任务赚钱的app秒提现）

能让静态图片动起来的软件（照片一键生成眨眼视频app）

电商渠道API对接（电商渠道api对接流程）

室内设计师和装修设计师（室内设计师和装修设计师哪个好）

南通婚纱摄影排行榜（南通婚纱摄影排名）