ui界面设计61手机主题UI界面设计汇总课件.ppt

第六章 手机主题UI界面设计
第1页，共15页。
1
2
3
4
界面设计任务分析
制作步骤详解
知识拓展
能力拓展
目录
第2页，第六章 手机主题UI界面设计
第1页，共15页。
1
2
3
4
界面设计任务分析
制作步骤详解
知识拓展
能力拓展
目录
第2页，共15页。
熟悉手机UI界面设计的基本思想和原则；掌握平板电脑界面设计的工具和技术。根据苹果界面设计的原则（简洁、一致性、对比度）进行界面规划、概要设计和设计要素的选择，并利用一种界面设计工具（Photoshop）完成设计。
学习目标
第3页，共15页。

联想手机的UI主题界面设计
第4页，共15页。

需求分析
Android系统
主题界面
卡通风络
第5页，共15页。
原型设计

交互设计：
1）总体交互逻辑：
锁屏界面
主界面
列表界面
背景
2）细节交互设计：图标
拨号、信息、联系人、浏览器、相机
图库、音乐、日历、设置、计算器
2. 布局设计：
控件排列
第6页，共15页。
视觉设计

1. 规范定制：
橙黄色主色调
图标：172*172px
界面设计：
锁屏界面
主界面
列表界面
背景
第7页，共15页。
输出方案

1. 整理图层并命名
2. 删去无用图层
3. 细节问题：
对齐
拼写
阴影方向
第8页，共15页。

第9页，共15页。

设计制作主体形象
1
设计制作手机壁纸
2
设计制作锁屏
3
天气插件制作
4
桌面图标制作
5
第10页，共15页。
A
手机界面
设计原则
B
手机常用尺寸
与图标格式

第11页，共15页。

1
拓展练习:ico图标设计制作
2
拓展练手机主题UI界面设计
3
独立实践
第12页，共15页。

第13页，共15页。
本章设计UI主题界面，从天气模块、系统图标、锁屏界面等视觉元素入手，通过Photoshop完成整套手机主题UI界面设计。通过本章的学习，可以掌握手机主题UI设计的流程和制作方法。
小结
第14页，共15页。
Thank You !
第15页，共15页。