android开发之Launcher icon(启动图标)的设计

不同厂商的不同型号的android设备的分辨率是不一样的,而不同分辨率的所使用的icon的图片的大小要求也是不一样的。为了让用户能在不同的android设备上面有统一的视觉体验,作为  Launcher icon(启动图标),流畅的图片风格可以让你的UI看起来更加专业。

一、图标结构。
    Launcher icon(启动图标)的基面可以朝上或者朝前, 创建启动图标表面的时候需要使用启动图标色板。强调一下,使用一种或者更多重点色来高亮特性, 尝试抓住程序的主要特征。

     使用自然的轮廓和形状,看起来几何化和有机化,不失真实感。
Icon采用前视角,几乎没有透视,光源在顶部所有的启动图标必须是圆角的,这样可以让它看起来更加友好、简单, 所有的维数规范是基于250x250像素大小的一个图像矩阵编辑器,比如Adobe Illustrator, 图标能适合剪辑版的边缘。最终的图标需要重定义大小,导出图标要求是:透明 png 格式文件。 可以使用光栅图像编辑器,比如Adobe Photoshop。一般我们我先制作图片放在android工程中的mdpi中。图片的大小为48X48px.
 
   当然为适应不同手机分辨率的大小,我们需要分别制作不同大小的ICON图片。参考以下表格。
 

con TypeStandard Asset Sizes (in Pixels), for Generalized Screen Densities
 Low density screen (ldpi)Medium density screen (mdpi)High density screen (hdpi)
Launcher36 x 36 px48 x 48 px72 x 72 px
Menu36 x 36 px48 x 48 px72 x 72 px
Status Bar24 x 24 px32 x 32 px48 x 48 px
Tab24 x 24 px32 x 32 px48 x 48 px
Dialog24 x 24 px32 x 32 px48 x 48 px
List View24 x 24 px32 x 32 px48 x 48 px
 

 


然后把不同大小的图片放入不同的资源文件中。
android放置资源图片的目录。




 
二、图片的处理。
    启动图标是使用简单的带定义的光照和阴影效果的3D图标。光源被放置在稍微偏左前方位置,因此阴影投向右后方。参考图片如下:



启动图标的光照,效果和阴影
Launcher Icon通常是一个较大的标准图标中包含一个小图标,使用一个中性色彩和一个主要色彩,并保持高度的对比,不宜过度饱和。
以下是android 应用程序的一些参考ICON:


转载地址:http://soft.oneedu.cn/bbs/2012/1125/932.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果你想在 Android 10 中的启动图标上添加圆角,可以使用以下步骤: 1. 首先,在你的 `drawable` 文件夹中创建一个新的图标资源文件,并命名为 `ic_launcher_round.xml`。 2. 在文件中添加以下代码: ```xml <?xml version="1.0" encoding="utf-8"?> <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android"> <background android:drawable="@color/ic_launcher_background"/> <foreground android:drawable="@drawable/ic_launcher_foreground"/> </adaptive-icon> ``` 这段代码定义了一个自适应图标,并将背景设置为 `ic_launcher_background` 资源文件中的颜色,将前景设置为 `ic_launcher_foreground` 资源文件中的图标。 3. 接下来,在 `values` 文件夹中的 `styles.xml` 文件中添加以下代码: ```xml <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="android:roundIcon">@drawable/ic_launcher_round</item> </style> ``` 这段代码将你的应用程序主题与新的启动图标关联起来。 4. 最后,在 `AndroidManifest.xml` 文件中的 `application` 标签中添加以下代码: ```xml <application ... android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round"> ... </application> ``` 这段代码将应用程序的默认图标设置为 `ic_launcher` 资源文件中的图标,并将圆角图标设置为 `ic_launcher_round` 资源文件中的图标。 完成这些步骤后,你的应用程序的启动图标应该具有圆角效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值