小米手机百变锁屏及主题-MIUI主题设计案例、思路.ppt

百变锁屏及主题,第9期 全方位360度透视MIUI主题 - 发烧友俱乐部深圳站,韩 羽良,品牌&型号：小米科技 GUI设计师 功能：负责MIUI百变锁屏及主题的设计、实现工作 ID：Tevadis,全方位360度透视MIUI主题-发烧友俱乐部深圳站,2,布质纹理 · 锁屏,全方位360度透视MIUI主题-发烧友俱乐部深圳站,3,布质纹理 · 图标,全方位360度透视MIUI主题-发烧友俱乐部深圳站,4,金属核心 · 锁屏,全方位360度透视MIUI主题-发烧友俱乐部深圳站,5,金属核心 · 图标,全方位360度透视MIUI主题-发烧友俱乐部深圳站,6,釉色 · 图标,全方位360度透视MIUI主题-发烧友俱乐部深圳站,7,1. GUI 视觉设计,,全方位360度透视MIUI主题-发烧友俱乐部深圳站,8,GUI 视觉设计,与众不同的创意或风格减少用户的认知负担 - 取材、精炼、选色、留白锁屏易用性 界面的一致性 - 视角、光源，相近元素的纹理、颜色控制有效细节 - 材质精细度：纹理、光、影层次感：节奏和韵律,全方位360度透视MIUI主题-发烧友俱乐部深圳站,9,2. 百变锁屏及主题的实现,全方位360度透视MIUI主题-发烧友俱乐部深圳站,10,,百变锁屏及主题的实现,在 MIUI 论坛上下载几个对应 MIUI 版本的较全较新的主题包做样本用 PS 、 AI 或 FW 等软件和 Nine-Patch Editor，按照主题包样本中各个图片的文件名、尺寸及文件路径制作并存放图片主题中包含百变锁屏的，除制作并存放相关图片外，还需要用文本编辑器编辑主题包里面 lockscreen / advance 中的 xml 格式配置文件用主题编辑器编辑文字颜色和主题的版权、版本信息用主题编辑器打包，开始测试吧！,全方位360度透视MIUI主题-发烧友俱乐部深圳站,11,3. 从2.3到V4的主题迁移,全方位360度透视MIUI主题-发烧友俱乐部深圳站,12,[教程]大家久等了！MIUI V4主题制作教程来了！（内附主题样本）,从2.3到V4的主题迁移,在 MIUI 论坛上下载V4主题包做样本，保存主题迁移教程做参考按照主题迁移教程，用 PS 、 AI 或 FW 等软件和 Nine-Patch Editor 将2.3版主题包更新成V4版主题包2.3版百变锁屏在V4上会出现坐标错位的问题，需要用文本编辑器编辑主题包里面 lockscreen / advance 中的 xml 格式配置文件按照主题迁移教程，用主题编辑器编辑文字颜色和主题的版权、版本信息用主题编辑器打包，开始测试吧！,全方位360度透视MIUI主题-发烧友俱乐部深圳站,13,创意锁屏大挑战,活动规则 利用米聊的涂鸦功能设计出一个锁屏样式，要求富有创意,全方位360度透视MIUI主题-发烧友俱乐部深圳站,14,锁屏范例,,全方位360度透视MIUI主题-发烧友俱乐部深圳站,15,锁屏范例,,全方位360度透视MIUI主题-发烧友俱乐部深圳站,16,创意锁屏大挑战,活动规则 利用米聊的涂鸦功能设计出一个锁屏样式，要求富有创意,全方位360度透视MIUI主题-发烧友俱乐部深圳站,17,