小米主题图标设计.docx

《小米主题图标设计.docx》由会员分享，可在线阅读，更多相关《小米主题图标设计.docx（21页珍藏版）》请在三一文库上搜索。

1、小米主题图标设计篇一：小米主题制作要求 一、锁屏 设计要求： 1、设计常态下的锁屏样式。 2、合理展现基本锁屏模型或细节（例如解锁时的变化，充电时的样子等） 3、锁屏界面规格：720 x 1280像素（宽 x 高） 说明： MIUI“百变锁屏”技术能实现千变万化的锁屏样式，你可以不用担心自己的想法是否太出格，没有什么能够限制住你的想象力。 此外，锁屏还可以支持解锁直接进入电话、短信、相机、浏览器等不同的应用，甚至可以在锁屏上实现音乐播放控制。 所以在设计时你可以自由考虑是设计一个简单的锁屏，还是加入更多的高级功能。 二、自由桌面 设计要求： 1、设计必须两屏或两屏以上 2、单屏规格：720 x

2、 1280像素（宽x高） 说明： MIUI“自由桌面”把真实场景变成手机桌面，丰富的桌面动态效果，就连一个游戏的界面也能成为手机桌面。没有什么能够限制住你的想象力，发挥想象设计出奇思妙想的自由世界。 自由桌面支持进入电话，短信，相机，浏览器等不同的应用。 参考链接： 三、图标和时钟Widget 设计要求： 1、设计36个MIUI常用系统图标，包括： 电话、短信、联系人、浏览器、相机、图库、音乐、主题、日历、设置、文件管理、应用超市、备份、防打扰、收音机、电子邮件、系统更新、下载管理、天气、网络助手、地图、便签、计算器、时钟、视频、指南针、手电筒、录音机、后台应用管理、病毒扫描、sim卡应用、玩

3、机手册、用户反馈、密码保护、搜索、授权管理。2、设计2个通用图标：文件夹、图标背板 3、设计15个选作图标：58同城、UC、WPS、YY语音、多看阅读、凡客、金山词霸、金山快盘、口袋购物、米聊、人人、手机QQ、搜狗、微博、游戏中心 4、设计1个时钟Widget，两种规格任选一种：360 x 360像素 或 720 x 360像素（宽 x 高） 5、单个图标尺寸：122 x 122 像素 四、桌面壁纸 设计要求： 尺寸：1440 x 1280像素（宽 x 高） 五：手机界面 设计要求： 1.模板上的界面都需要重新设计篇二：小米自制主题包教程 二、MIUI主题模板内文件说明 首先，咱们要需要一个模

4、板来对应说明，下载模板： 解压后你会发现它并不是我们熟悉的后缀，而是一个MTZ后缀的文件，不用急咱们把它重命名为XX.zip即：将原来的.mtz后缀改为.zip，然后解压即可显现原型如下图： 具备以上几个文件就可以做一个简单的MIUI主题了，下面我们对以上目录做一个中文说明: description.xml（主题配置文件包括：主题作者、版本号信息） icons （桌面图标，所有被改动的桌面图标都会放在这个文件夹内） lockscreen （锁屏样式） preview （应用主题时预览图） wallpaper（存放锁屏、桌面壁纸） com.android.launcher（启动器） 本图中并未标

5、出的项目请参见： 注：如果您在在线主题内下载主题，重命名为.zip解压后您会发现很多目录都成了无法识别的文件？例如文件夹icons变成了icons文件无法打开，简单处理方法：重命名为XX.zip解压后就能看到里面文件了。 三、MIUI主题包具体制作说明 1.描述文件-description.xml制作说明 step1.下载此文件： (下载后需解压)，并右键单击-编辑，打开后出现以下内容： ?xml version=1.0 encoding=UTF-8? MIUI-Theme title蓝调透明/title authorhfy166/author versionV3.0/version uiVe

6、rsion1/uiVersion /MIUI-Theme step2.将以上内容中绿色文字修改为自己想要填写的文字。 title主题名字（你可以取一个符合合适的主题名填写在此处）/titledesigner设计者名字（如果你是设计者可以填写你的名字）/designer author制作者名字（即为mtz主题包打包作者名）/author version此主题的版本号/version uiVersion1（此项默认填为1即可）/uiVersion step3.修改完后，将文本保存并关闭然后双击打开description.xml测试是否成功，如成功会出现如下显示： 至此咱们的配置文件就完成了。 注：

7、以上关于 uiVersion位置 使用方法详见：这里（简单制作主题时候可以直接填写1即可） 2.wallpaper文件夹使用说明 wallpaper文件夹用于存放锁屏状态下壁纸和桌面壁纸，通常包含以下三个命名的图片： default_wallpaper.jpg ： 桌面壁纸，较佳图片尺寸：960X854（可其他尺寸） default_lock_wallpaper.jpg : 锁屏壁纸，图片尺寸要求：480X854 default_lock_wallpaper_800.jpg : 高度为800像素的锁屏壁纸，图片尺寸要求：480X800 注意： 1.所要使用的桌面壁纸和锁屏壁纸的名称必须严格重命

8、名为以上对应的文件名。 2.default_lock_wallpaper_800.jpg 仅在主题包包含default_lock_wallpaper.jpg 且 手机屏幕高度为800像素时自动使用。 3.icons文件夹使用说明 icons用于存放系统图标或第三方图标，图标为90X90尺寸的PNG图片。 我们需要将您制作的图标名称按照下面名称重命名并放入icons文件夹内，如果以下图标名称有多个就说明该图标需要多个相同图标不同名称图标，例如：电话图标对应了三个名称，我们就需要先将电话图标复制三份，并将三份图标名称分别命名为这三个名称。（主要为了简化操作） 电话图标使用名称： com.andro

9、id.providers.telephony com.android.phone com.android.contacts.TwelveKeyDialer 通讯录图标使用名称：com.android.contacts alias.ContactsShortcut com.android.contacts.ContactShortcut com.android.contacts.DialtactsContactsEntryActivity com.android.providers.contacts 短信图标使用名称： com.android.mms 浏览器图标使用名称： com.android

10、.browser 日历图标使用名称： com.android.calendar 相机图标使用名称： com.android.camera（安卓原生相机图标） com.miui.camera（MIUI相机图标） 设置图标使用名称 com.android.providers.settings com.android.settings 时钟图标使用名称： com.android.deskclock com.android.deskclock.DeskClock email图标使用名称： com.android.email 文件管理器图标使用名称： com.android.fileexplorer 电

11、子市场图标使用名称： com.android.vending 主题风格图标使用名称： com.android.thememanager 图库图标使用名称： com.android.gallery 录音图标使用名称： com.android.soundrecorder 计算器图标使用的名称： com.android.calculator2 地图图标使用的名称： com.google.android.apps.maps 天气图标使用的名称： com.miui.weather 音乐图标使用的名称： com.miui.player 备份图标使用的名称： com.miui.backup 便签图标使用的名

12、称： com.miui.notes 其他未提及图标名称可以参见这个文档内的命名规则： 注：如有压缩包内未出现的图标想要修改，请用re文件管理器进入data/system/customized_icons_1查看图标的命名 除了以上常规图标，我们还能够看到以上文档内出现icon_background、icon_border等名字的图标，下面我们来具体介绍下这类图标的作用和用法。MIUI为了统一第三方图标和系统自带图标风格的匹配给第三方图标定义了一个框架，分为三层上层、中间层、下层来约束第三方图标的风格。 第三方图标约束图标： 下层（背景层）图标命名：icon_background，第三方图标会自

13、动匹配在这个背景层之上。如下图： ：第三方图标背景图。 中间层图标命名：icon_mask，主要约束第三方图标显示范围，超过这个范围的将会被自动切掉。例如下图： ：黑色框框为第三方图标限定范围，超出黑色框框将会被切掉。 上层图标命名：icon_border，用于覆盖在第三方图标之上。如下图： ：由于图标上半部分透明故此图标只有下半部分将会遮挡住第三方图标。 综合以上图标结合就会出现如下效果： ：中间小鱼、微信、超级兔子、微博小图标是第三方图标自带图标系统会自动提取。 快捷方式约束图标（效果如第三方图标约束图标一样）：背景层图标命名：icon_shortcut，第三方程序快捷方式图标会自动匹配在

14、这个背景层之上，此图标可与第三方图标约束图标的下层图标相同。 上层命名图标:icon_shortcut_arrow，用于覆盖在第三方程序快捷方式图标之上，此图标可与第三方图标约束图标的上层图标相同。 注：1.其中还有一个命名为icon_pattern图标，此图标是纹理图标，可以和icon_background图标相同。 2.以上第三方图标约束图标和快捷方式约束图标是根据自己设计图标的整体风格自主定义的图形规则，如果你不想约束第三方图标此处的图标可忽略。 4.lockscreen文件夹使用说明 lockscreen文件夹用于存放锁屏所需的图片文件，基本包括如下图片所示的文件： （点击可放大图片）

15、 以上图片显示的每一个文件分别对应锁屏状态下不同位置的显示，具体对应关系可参见： -锁屏 打开网页后具体操作方法如图所示： 以上主题格式较老，只需要查看以上主题格式对应关系即可，这里下载最新的锁屏原始对应包： 以便于查看具体文件尺寸和选择需要修改的文件。 如果想要制作更漂亮的百变锁屏可以去官方论坛找找相关教程，因为涉及较多代码不太适合新手就不在这里叙述了。 5.9.png图片的简单制作 1.什么是9.png： 拥有了制作好的图片文件和对应关系其实只是第一步，细心的人会发现锁屏文件内出现了很多.9.png格式的图片，它并不是png文件，而是安卓系统特有的文件类型。 9.png格式的图片是安卓平台

16、上新创的一种被拉伸却不失真的玩意（挺高级的吧），也许有的同学在做美化的时候很喜欢一个图片素材，重命名替换了drawable-hdpi下的素材，但是运行系统后发现，怎么被拉伸得不像样子了，这就是9.png图片不能轻易碰的神奇所在，不过不要紧，下面看完你就会了。 首先我们还是得介绍一下，9.png图片他的具体不同之处，它的四周与普通的png图片相比多了一个像素位的白色区域，该区域只有在图片被还原和制造的时候才能看到，当打包后无法看见，并且图片的总像素会缩小2个像素，比如23x23像素的9.png图片被打包后会变成21x21像素。所以我们在制作的时候要注意掌握尺寸。 当我们制作出9.png图片的时候

17、你还有惊奇的发现一个几KB或者几十KB的图片，变得非常的小，一般只有几百个字节那么大，系统加载起来当然会更加的流畅咯。篇三：MIUI8主题设计引导文档 MIUI8主题设计引导-高级篇 1、 锁屏部分（略） 2、 桌面部分 桌面壁纸 壁纸要求：锁屏壁纸尺寸为1080 X 1920像素（宽X高），桌面壁纸尺寸为1080 X 1920像素（宽X高）图标和时钟Widget 1、 时钟Widget 设计1个时钟Widget，最大高度564像素，最大宽度996像素，在此区域内任意设计即可。 2、 图标设计 图标的尺寸：192X192像素（宽X高） 必做图标： 相机、图库、音乐、个性主题、设置、应用商店、安

18、全中心、拨号、联系人、浏览器、短信、日历、便签、电子邮件、系统更新、百度地图、天气、文件管理、时钟、计算器、录音机、喜马拉雅FM、游戏、指南针、下载管理、QQ、微信、微博、小米商城、小米视频、智能家居 不允许出现重复图标： 相机、图库、音乐、个性主题、设置、应用商店、安全中心、拨号、联系人、浏览器、短信、日历、便签、电子邮件、系统更新、百度地图、天气、文件管理、时钟、计算器、录音机、喜马拉雅FM、游戏、指南针、下载管理、QQ、微信、微博 我的小米、小米金融、小米钱包、用户反馈、语音助手、碰碰贴、二维码扫描、视频、米聊、智能家庭、快盘、蓝牙、新闻资讯3、 系统界面 联系人拨号界面： a、 b、 c、 V8联系人拨号界面的拨号、联系人、黄页3个界面的顶栏支持单独设计3张图 拨号界面通话记录列表背景图与全局列表背景图不同，可单独定义 联系人列表背景图同样可以单独定义， V8系统界面主要使用卡片样式，卡片列表可以做成透明或者纯色，背景图在卡片下层拨号界面： 拨号界面和V7有较大区别，输入的号码从顶部移到了拨号盘上边，所以拨号盘的样式个性化和之前相比需要考虑输入号码栏的背景。联系人： 联系人弹窗和详情页与V7主题基本相似，主题设计上没有太大改变 小米主题图标设计