Photoshop+IIlustrator平面设计实战 第14章　UI设计.pptVIP

本章介绍： UI设计（User Interface），即用户界面设计，主要包括人机交互、操作逻辑和界面美观的整体设计。随着信息技术的高速发展，用户对信息的需求量不断增加，图形界面的设计也越来越多样化。本章以社交类App界面设计为例，讲解社交类App界面的设计方法和制作技巧。 第14章　UI设计 学习目标 掌握UI界面的的设计思路和过程。 掌握UI界面的的制作方法和技巧。 技能目标 掌握“社交类App闪屏页”的制作方法。 掌握“社交类App聊天页”的制作方法。 掌握“社交类App注册页”的制作方法。 掌握“社交类App通知页”的制作方法。 14.1 社交类App闪屏页设计 在Photoshop中，使用置入嵌入对象命令添加人物图片，使用椭圆工具、描边命令和创建剪贴蒙版命令制作头像框，使用横排文字工具、字符面板添加文字内容。 效果图 14.2 社交类App聊天页设计 在Photoshop中，使用置入嵌入对象命令添加素材图片，使用移动工具添加各类图标，使用圆角矩形工具、添加锚点工具、直接选择工具和渐变叠加命令绘制会话框，使用文字工具、字符控制面板添加会话信息。 效果图 14.3 课堂练习—社交类App注册页设计 在Photoshop中，使用置入嵌入对象命令添加素材图片，使用横排文字工具、字符面板添加个人信息，使用直线工具绘制分隔线，使用圆角矩形工具、渐变叠加命令绘制注册按钮。 效果图 14.4 课后习题—社交类App通知页设计 在Photoshop中，使用置入嵌入对象命令添加素材图片，使用移动工具添加各类图标，使用椭圆工具、圆角矩形工具、横排文字工具制作通知内容区；使用圆角矩形工具、投影命令制作标签栏。 效果图