什么样的设计方向找准什么的工具非常重要,所以强烈推荐全程PhotoShop来设计完成!CorelDRAW X5 下载链接http://pan.baidu.com/s/1i5h9pQlCorelDRAW X5破解补丁http://pan.baidu.com/s/1nvgfjnjAdobe Illustrator CS6下载链接http://pan.baidu.com/s/1nvcHu21Adobe Illustrator CS6破解补丁http://pan.baidu.com/s/1dE63FFF友情链接!献给有需求的筒鞋!二.板块介绍,按照我设计的主题包《商务简约》中的板块顺序(先从左到右,再从上往下)1.依次打开com.android.dialer文件夹:res、drawable-xxhdpi-v4,里面的内容便是电话UI界面的部分可供开发者开发的元素现在,我找其中一个元素,设计一个新的元素,对其进行覆盖如图蓝色的元素是新设计的(理论上要求尺寸大小与原元素一致),将其放到文件夹中覆盖掉原元素,如图OK,我们已经设计好这一板块中的其中一个元素了。

当然,对于内容多大程度的改动也完全取决与个人的审美判断,有些内容适当保持与原版一致也是没问题的!如图所示!第四步.魅族手机主题设计与制作打开:com.android.dialer,找到theme_values.xml如图,前面已经对板块中的素材部分做了一个讲解,接下来便对图中选中的XML文档做个讲解!如图,用“写字板”的打开方式对它进行编辑,如图:到这里,你可能会晕头转向!哈哈!请打开这个Excel文档(Flyme 6资源总对照表)打开如下图:如图,选中最下方“XML说明”工作表。

“红色标记”区域为电话板块的XML文档的主要内容。右上角红色标出的电话拨号UI界面中“i2”,其对应的主题审核元素为左边红色标出的“”。其中“FF62BE66”是以16进制表示的RGB颜色值!(通俗表示:颜色的值)解析一下!通常我们通过显示器(屏幕)看到的颜色,都是由三原色组成,即R(红)、G(绿)、B(蓝),学过油画的童鞋应该都知道,红色和绿色混合在一起会变成黄色;红色和蓝色混合在一起会变成紫色;绿色和蓝色混合在一起会变成青色;红色、绿色、蓝色三者混合在一起会变成白色。

当然,像红、橙、黄、绿、青、蓝、紫等颜色,只需按照比例将颜色之间进行调配即可生成!在电脑的数字海洋中,也是相同的道理,只是一切都数字化了而已。在电脑中,(此处按照16进制(16*16=256)讲解可能不够通俗)可理解为,单一个颜色被划分为256等份:0~255代表颜色深度由浅到深的一个渐变。如红色(值为0时表示没有颜色,值为122时为浅红色,值为255时为深红色)。

如绿色(值为0时表示没有颜色,值为122时为浅绿色,值为255时为深绿色)。如蓝色(值为0时表示没有颜色,值为122时为浅蓝色,值为255时为深蓝色)。注:当R、G、B值均为0时,这时组合成为黑色(理解为,他们本身都没有颜色,混在一起黑压压的)当R、G、B值均为255时,这时组合成为白色。OK!点到为止!多说无益!附图拾色器为PhotoShop的一个颜色工具,如图,每个颜色都有其16进制值(如#ff0000)。

调出自己喜欢的颜色后将其16进制值拷贝并覆盖到“theme_values.xml”相应位置就能达到你想要的效果!第五步.魅族手机主题设计与制作一.前面针对com.android.dialer这一板块内的图标元素以及XML文档已经做了一个讲解。当然,也没办法针对所有细节一一详述,过程还需自己能够举一反三。

com.android.mms、com.android.settings、com.android.systemui、com.meizu.flyme.launcher…等板块与com.android.dialer操作相同,不做复述(注:板块内图标元素可参照“Flyme6资源对照表”中对应的“工作表”摸清图标元素的属性)现在,我们从另一主要板块icons开始讲述。

其分为5个部分,即红、蓝、绿、黄、青5种颜色框选部分。红色部分对应的是桌面日历图标的日期显示元素(会随着日期动态变换数字);蓝色部分是系统自带APP图标元素,为必须重新设计的元素(每个图标都必须重新设计才能通过审核);绿色部分为第三方图标元素,官方要求必须适配10个以上第三方图标元素才能通过审核(本人设计的一款Flyme6主题《商务简约》第三方图标元素适配量达到1000 个);青色部分为主题审核元素,用于定义桌面日历图标日期数字元素的颜色();黄色部分:3个1.icon_background.png(图标底板):就像一块黑板,你在上面画画,你眼睛能看到的是:黑板 画(如果画得整块板都是画,即画盖住了黑板,就只能看到画)2.icon_border.png(高光/效果):在你的画上面做一点修饰,比如在上面喷一点美国斯顿高温胶啊什么的!哈哈!开玩笑的!3.icon_mask.png(显示区域):就像PS中的图层蒙板,这个得附张图,不知道该怎么讲述!!!是不是很明白了!我已经尽力了!!!(补充:细心的童鞋可能会发现,为什么主题模板包里的图片元素格式都是PNG格式的?是的,因为PNG格式的图片能够包含透明像素点,这正是UI界面细节所需。

 2/3   首页 上一页 1 2 3 下一页 尾页

文章TAG:魅族  免费  主题  
下一篇