新媒体UI的概述.................................................................................................................................1
一、什么是UI界面设计 .........................................................................................................................2
二、图标设计的原则 .............................................................................................................................3
三、网页UI界面设计 .............................................................................................................................3
四、手机界面设计的理解 .....................................................................................................................4
五、数字电视界面设计 .........................................................................................................................6
项目实训一 游戏主题系列图标制作.................................................................................................7
实训项目 .................................................................................................................................................8
项目分析 .................................................................................................................................................8
实现过程 .................................................................................................................................................8
一、“设置”游戏图标制作 .................................................................................................................8
二、“帮派”游戏图标制作 ...............................................................................................................16
三、 “背包”游戏图标制作 ..............................................................................................................22
四、“任务”游戏图标制作 ...............................................................................................................26
五、“首充”游戏图标制作 ..............................................................................................................32
六、“魔法屋”游戏图标制作 ...........................................................................................................38
项目实训二 网页用户界面设计......................................................................................................45
实训项目 ...............................................................................................................................................46
项目分析 ..............................................................................................................................................46
实现过程 ...............................................................................................................................................46
一、网页页面设计展示效果制作 .......................................................................................................46
2
二、电脑网页页面设计展示效果制作 ...............................................................................................55
三、iPad网页页面设计展示效果制作 ................................................................................................56
四、手机网页页面设计展示效果制作 ...............................................................................................57
项目实训三 手机APP界面设计......................................................................................................59
实训项目 ...............................................................................................................................................60
项目分析 ..............................................................................................................................................60
实现过程 ...............................................................................................................................................60
一、客舍APP图标制作 ........................................................................................................................60
预备过程 ...............................................................................................................................................77
实现过程 ...............................................................................................................................................77
二、基础界面制作 ................................................................................................................................77
三、登录/注册页面制作 ......................................................................................................................84
四、书桌页面制作 ................................................................................................................................97
五、分类界面制作 .............................................................................................................................104
六、领读页面制作 .............................................................................................................................108
七、我的页面制作 .............................................................................................................................112
项目实训四 手机主题界面设计....................................................................................................115
实训项目 .............................................................................................................................................116
项目分析 .............................................................................................................................................116
实现过程 .............................................................................................................................................116
一、单个图标制作 .............................................................................................................................116
二、主页制作 .....................................................................................................................................139
项目实训五 TV界面设计..............................................................................................................145
实训项目 .............................................................................................................................................146
项目分析 .............................................................................................................................................146
实现过程 .............................................................................................................................................146
一、首页展示效果制作 .....................................................................................................................146
二、电影列表界面制作 .....................................................................................................................157
3
三、详细界面制作 .............................................................................................................................159
四、播放界面制作 .............................................................................................................................160
五、TV界面展示效果 ........................................................................................................................164
学习资源推荐.................................................................................................................................167