图标设计技巧:漂亮的Android应用图标

文章描述:随着手机和平板的分辨率的不断进化,将你应用的主屏图标做的更加清晰和高质也变得越来越重要。那么你知道应该如何制作一个漂亮的 Android 应用图标吗。

  


   [核心提示] 随着手机和平板的分辨率的不断进化,将你应用的主屏图标做的更加清晰和高质也变得越来越重要。那么你知道应该如何制作一个漂亮的 Android 应用图标吗?

  编辑注:本文章译自 Android Developers 博客的 Making Beautiful Android App Icons

  对于一般用户而言,主屏图标/启动器图标 (一般简称应用图标) 是一个应用给他们留下的第一印象。随着手机和平板的分辨率的不断进化,将你应用的主屏图标做的更加清晰和高质也变得越来越重要。要做到这一点,你需要确保你做了 XHDPI (320dpi) 和 XXHDPI (480dpi) 分辨率版本的图标置入应用。

  Android应用图标规范

  当你打算制作自己的主屏图标时,除了在现成的主屏图标守则之外,请务必遵循下列同样重要的一些规范:

  启动器图标是 48dp 大小的方形,并且需要提供 MDPI, HDPI, XHDPI, XXHDPI 的分辨率大小——最起码要有 XHDPI 和 XXHDPI 的;

  除缺一些次要的细节外,512px 大小的 Play Store 展示用图标应该与应用图标一致;

  启动器图标需要被设计成纯粹的 Android 样式。就像在”纯粹的 Android”中提到的,避免模仿其他平台的视觉效果和样式(译注:如 iOS 的圆角矩形和水滴高光)。

  启动器图标应该是立体的前视图,而且需要是一定角度的倾斜俯视, 以便于用户能感受到”深度/厚度”的存在。


  具体如何制作漂亮的 Android应用图标

  主屏图标也应该有独特鲜明的轮廓,这也意味着你需要避开简单的方形或者圆形,去选择独特的形状。(译注: 四次元和抚波以及 Google 自家的 Google+, Search 等应用其实都没能做到这一点)

  在宏观层面,主屏图标应该计量简洁明了。但是在微观层面,依然不能抛弃丰富的细节 (如细致的边缘效果以及合理的渐变、纹理)。

  主屏图标应该采用轻量的背景防护比如细致的轻微的投影,但是别做的太暗或者喧宾夺主。

  主屏图标应该含有 0dp 至 3dp 的边距,利用不同的边距来达到光学校准以及图标视觉重量的正常化。 互联网的一些事

  特别需要注意的是平板和其他大屏设备对于图标分辨率的要求要比它的自身分辨率大一号,因此你需要尽可能的提供高分辨率版本的应用图标。例如,对于一台有着 XHDPI 屏幕的平板而言,主屏图标就需要达到 XXHDPI 级别的分辨率。

时间: 2024-10-03 00:36:19

图标设计技巧:漂亮的Android应用图标的相关文章

图标设计技巧与灵感

在过去10无数的图形用户界面(GUI)开发中我们看到了很多图标集.图标是生活中的基本元素以及任何精心构建的界面系统的驱动力.回到Windows 2000/XP的时代,我们就看到图标在我们的数字生活中变得更加普遍.不仅仅在软件上有爆炸性的增长,在网络应用程序上也一样.美术设计师瞬间就可以获取成百上千的图形学和矢量设计方面的教程. 在这篇短短的文章中我将讲述一些技巧以给那些对图标设计感兴趣的人一个好的开头.这是一个当前媒体没有关注的棘手的话题. 练习 Adobe Photoshop 不管你如何进行图

移动图标设计教程:快速打造iOS7风格图标

文章描述:我为你准备了一系列指南,能帮你通过简单的步骤打造iOS7风格的图标. 随着近年来iOS7的发布,很多网站和APP都忙于改头换面,来适配这套全新的扁平纤细的iOS设计风格.设计好图标是件棘手的事情,尤其当你要设计一整套时,而设计线条式图标本身又是另一项挑战. 下面,我为你准备了一系列指南,能帮你通过简单的步骤打造iOS7风格的图标. 目标是什么? 凡事分轻重缓急,你设计的图标或图标集是用于你的APP吗(这里的APP也指网站)?对于这部指南来说,都无所谓.因为无论如何你都应当遵循下面这些步

网页设计技巧:设计精美网页图标技巧

文章描述:满足四大要素!让网页设计中图标更有吸引力. 图标在网页设计中用途广泛,几乎每个网站中都存在着图标.通过这些小小的图标,可以方便的实现视觉引导和功能划分.如果选用恰当,图标能和页面中的图片有机融合,保持视觉上的一致性,同时也能够和整个网站的风格相契合.图标并不是华而不实的小玩意儿,小图标有大用处.在网页设计中,如果设计师并不擅长图标设计,那么就需要在图标选择上下功夫了. 一般来说,根据使用手法.使用场合的不同,一张图像可以有多种解读,图标亦如此.图标不但能够吸引用户的注意力,还能分割页面

揭秘苹果最新操作系统YOSEMITE的图标设计

  @陈子木 上个月苹果发布了最新操作系统OSX Yosemite 的预览版,界面的视觉设计与iOS7的设计语言更加接近了.那些熟悉的模糊背景和半透明材质被添加到UI中,更加的简洁漂亮的界面布局,和全新的图标和字体也都出现新版的系统中. Yosemite的变化是可喜的.我打算在这篇文章中说说Yosemite中的图标设计.在Yosemite发布之前,Apple在Mac系统上的图标设计规范并不明确,只是提出过一组粗略的List,并在官方的人机交互界面准则(HIG)中提出了一些简单的建议.在Yosem

UC8.0浏览器产品游戏中心图标设计经验分享

文章描述:UC8.0诞生记–应用中心图标设计小教程. 应用的时代到来?毋庸置疑的回答是"Yes!".无论是PC.Web还是移动终端,都迎来自己"应用化"的春天.当然,随着UC8.0各线浏览器产品的发布,UC浏览器的粉丝们不难发现,"应用化"的道路上出现了大家挚爱的UC嘞,可喜可贺呀! 找好自己的风格!这是我们开始图标设计之前需要想好的.平面的?立体的?写实的?卡通的?等等.这个过程也许很长,也许会很短.灵感这东西很难琢磨.当我们想好大体的形状,我

UC8.0诞生记 应用中心图标设计教程

应用的时代到来?毋庸置疑的回答是"Yes!".无论是PC.Web还是移动终端,都迎来自己"应用化"的春天.当然,随着UC8.0各线浏览器产品的发布,UC浏览器的粉丝们不难发现,"应用化"的道路上出现了大家挚爱的UC嘞,可喜可贺呀! 找好自己的风格!这是我们开始图标设计之前需要想好的.平面的?立体的?写实的?卡通的?等等.这个过程也许很长,也许会很短.灵感这东西很难琢磨.当我们想好大体的形状,我们就可以先动手画几个"模拟"图标,

苹果iOS 程序图标的设计技巧

文章像三联的朋友们介绍苹果iOS 程序图标的设计技巧,教程难度中等,IPHONE.IPAD.IPOD成为越来越多的人使用的移动互联设备,因此我们经常会遇到为这些设备设计图片,特别是设计IPHONE图标,这篇文章就像三联的朋友们详细的介绍一下IPHONE图标的设计流程,好了一起来学习吧:程序图标主要作用是为了使该程序更加具象及更容易理解,除了上述的作用外,有更好视觉效果的图标可以提高产品的整体体验和品牌,可引起用户的关注和下载,激发起用户点击的欲望. 表现形态 在有限的空间里表达出相对应的信息,在

聊聊PS图标设计流程及小技巧

  图标设计要求熟练运用软件,涉猎各种矢量特性.蒙板以及构造实体几何,因此,会需要同学们运用不同的软件工具与技巧,今天的译文全都是超实用的技巧干货,周末来补充点有料的. 图形创建 vs 图形样式 我认为,对矢量路径的创建和图形样式的设定作出正确的区分是十分重要的,因为它们需要通过两种截然不同的设计软件来实现--Photoshop 和 Illustrator. Photoshop 的渲染质量和蒙板功能几乎超越了所有的设计软件,而 Illustrator 则囊括了丰富的矢量功能.在我的漫漫图标征途中

Android 2.0环境下的图标设计原则

创造一个统一外观,感觉完整的用户界面会增加你的产品附加价值.精炼的图形风格也使用户 觉得用户界面更加专业. 本文档提供了一些信息,帮助你如何在应用界面的不同部分创造图标来匹配Android2.x框架下的普遍风格.遵守这些原则会辅助你为用户创造一个流畅而统一的体验. 为了使你创建图标的工作进行的更加快速,你可以下载Android图标模板包.更多信息请浏览Android图标模板包的使用. Android系统被设计在一系列屏幕尺寸和分辨率不同的设备上运行的.当你为自己的应用设计图标时,必须知道,你的应