《Photoshop+Illustrator平面设计实战教程教学课件(共16章)14章UI设计》由会员分享,可在线阅读,更多相关《Photoshop+Illustrator平面设计实战教程教学课件(共16章)14章UI设计(8页珍藏版)》请在金锄头文库上搜索。
1、本章介绍: UI设计(User Interface),即用户界面设计,主要包括人机交互、操作逻辑和界面美观的整体设计。随着信息技术的高速发展,用户对信息的需求量不断增加,图形界面的设计也越来越多样化。本章以社交类App界面设计为例,讲解社交类App界面的设计方法和制作技巧。 第14章UI设计学习目标u掌握UI界面的的设计思路和过程。u掌握UI界面的的制作方法和技巧。技能目标u掌握“社交类App闪屏页”的制作方法。u掌握“社交类App聊天页”的制作方法。u掌握“社交类App注册页”的制作方法。u掌握“社交类App通知页”的制作方法。14.1 社交类App闪屏页设计在Photoshop中,使用置入
2、嵌入对象命令添加人物图片,使用椭圆工具、描边命令和创建剪贴蒙版命令制作头像框,使用横排文字工具、字符面板添加文字内容。 效果图14.2 社交类App聊天页设计在Photoshop中,使用置入嵌入对象命令添加素材图片,使用移动工具添加各类图标,使用圆角矩形工具、添加锚点工具、直接选择工具和渐变叠加命令绘制会话框,使用文字工具、字符控制面板添加会话信息。 效果图14.3 课堂练习社交类App注册页设计在Photoshop中,使用置入嵌入对象命令添加素材图片,使用横排文字工具、字符面板添加个人信息,使用直线工具绘制分隔线,使用圆角矩形工具、渐变叠加命令绘制注册按钮。效果图 14.4 课后习题社交类App通知页设计在Photoshop中,使用置入嵌入对象命令添加素材图片,使用移动工具添加各类图标,使用椭圆工具、圆角矩形工具、横排文字工具制作通知内容区;使用圆角矩形工具、投影命令制作标签栏。效果图