移动终端UI界面设计项目教程

前言 单元1 移动终端图标界面设计引例描述1.1 相关知识与技能1.1.1 界面图标设计要点1.1.2 拟物化界面设计1.1.3 扁平化界面设计1.2 任务一：图标界面背景和布局设计1.2.1 任务陈述——木质界面背景和布局设计1.2.2 任务实施1.2.3 任务拓展——牛仔布效果界面背景和布局设计1.3 任务二：图标造型效果设计1.3.1 任务陈述——金属质感图标造型效果设计1.3.2 任务实施1.3.3 任务拓展——皮革质感图标造型效果设计1.4 任务三：图标图形设计1.4.1 任务陈述——拟物化图标图形设计1.4.2 任务实施1.4.3 任务拓展——简约图标图形设计1.5 项目实训 单元2 移动终端锁屏界面设计引例描述2.1 相关知识与技能2.1.1 解锁开关界面作品分析2.1.2 时钟与日期图标设计2.1.3 天气预报图标设计的要点2.2 任务一：解锁开关界面设计2.2.1 任务陈述——迷宫解锁开关界面设计2.2.2 任务实施2.2.3 任务拓展——撕纸效果解锁开关界面设计2.3 任务二：时钟解锁界面设计2.3.1 任务陈述——指针时钟解锁界面设计2.3.2 任务实施2.3.3 任务拓展——数字时钟界面设计2.4 任务三：天气预报图标设计2.4.1 任务陈述——具象天气预报图标设计2.4.2 任务实施-2.4.3 任务拓展——抽象简约风格天气预报图标设计2.5 项目实训 单元3 手机通话界面设计引例描述3.1 相关知识与技能3.1.1 拨号界面设计作品分析3.1.2 通话记录界面的要点3.1.3 电话簿界面的要点3.2 任务：手机通话界面设计3.2.1 任务陈述——怀旧风格手机通话界面设计3.2.2 任务实施3.2.3 任务拓展——透明效果手机拨号界面设计3.3 项目实训 单元4 移动终端影音媒体界面设计引例描述4.1 相关知识与技能4.1.1 界面细节带给用户的心理感受4.1.2 制作金属质感按钮4.1.3 制作金属质感旋钮4.2 任务一：视频媒体播放器界面设计4.2.1 任务陈述——清新风格视频播放器界面设计4.2.2 任务实施4.2.3 任务拓展——橙色视频播放器界面设计4.3 任务二：音频媒体播放器界面设计4.3.1 任务陈述——流线型音频媒体播放器界面设计4.3.2 任务实施4.3.3 任务拓展——酷黑音频播放器界面设计4.4 任务三：收音机播放器界面设计4.4.1 任务陈述——旋钮型收音机播放器界面设计4.4.2 任务实施4.4.3 任务拓展——滑动型收音机播放器界面设计4.5 项目实训 单元5 移动终端游戏界面设计引例描述5.1 相关知识与技能5.1.1 游戏界面娱乐氛围的营造方法5.1.2 游戏界面字体设计的要领5.1.3 游戏界面发光字体设计与制作5.2 任务一：游戏图标设计5.2.1 任务陈述——手机桌球游戏图标设计5.2.2 任务实施5.2.3 任务拓展——手机五子棋游戏图标设计5.3 任务二：游戏登录界面设计5.3.1 任务陈述——手机桌球游戏登录界面设计5.3.2 任务实施5.3.3 任务拓展——手机五子棋游戏登录界面设计5.4 任务三：游戏操作界面设计5.4.1 任务陈述——手机桌球游戏操作界面设计5.4.2 任务实施5.4.3 任务拓展——手机五子棋游戏操作界面设计5.5 项目实训 单元6 移动终端软件界面设计引例描述6.1 相关知识与技能6.1.1 软件界面个性的塑造原则6.1.2 软件色彩设计6.1.3 软件布局设计6.2 任务一：软件图标设计6.2.1 任务陈述——即时聊天软件图标设计6.2.2 任务实施6.2.3 任务拓展——手机录音软件图标设计6.3 任务二：软件欢迎(登录)界面设计6.3.1 任务陈述——即时聊天软件登录界面设计6.3.2 任务实施6.4 任务三：软件操作界面设计6.4.1 任务陈述——即时聊天软件操作界面设计6.4.2 任务实施6.4.3 任务拓展——手机录音软件操作界面设计6.5 项目实训 单元7 移动终端UI主题设计引例描述7.1 相关知识与技能7.2 任务一：手机锁屏界面主题设计7.2.1 任务陈述——教师职业主题手机锁屏界面设计7.2.2 任务实施7.2.3 任务拓展一温暖夏日主题手机锁屏界面设计7.3 任务二：手机图标界面主题设计7.3.1 任务陈述——教师职业主题手机图标界面设计7.3.2 任务实施7.3.3 任务拓展——温暖夏日主题手机图标界面设计7.4 项目实训