flyme5怎么搭配历史版本主题,Flyme5小清新风格主题即将上架( 二 )


”(意思就是,不能原封不动的套用魅族主题模板原本的元素不做修改,它有指定以上几个板块必须得做出修改而且还不能删了它们,不然不让你审核通过 。其他一些非指定的板块,你若没有对其进行修改,则要将其删除掉 。如下是我制作的主题包,请看!)你看!是不是很精简,有没有发现少了好几个板块!是的!我修改且保留了指定板块的内容,非指定板块的内容我没做过修改,故被我删了!(嘻嘻!这款主题适配了1000 个图标哦!)好了!整个魅族的主题包结构我们是不是已经有了一个相对清晰的概念 。
下面,介绍工具 。一.绘图工具:PhotoShop(我用的是CS5版本,好吧!我承认我落后了!不过能用就行,什么版本对我来说其实都是一样的)Adobe PhotoShop CS5下载链接http://pan.baidu.com/s/1hrScnBYAdobe PhotoShop CS5破解补丁http://pan.baidu.com/s/1miBpvwG像Illustrator和CorelDRAW这等设计软件,在针对手机主题UI这类位图(非矢量)较多的设计上我觉得运用起来反而不够便捷 。
什么样的设计方向找准什么的工具非常重要,所以强烈推荐全程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) 。

推荐阅读