Photoshop平面设计 UI界面设计 手机界面设计.docxVIP

Photoshop 平面设计 PAGE 7 第四章 移动UI设计 项目2 手机界面设计 教学内容 手机界面设计 教学目标 能进行不同手机应用界面的设计 应知 形状及形状图层 应会 画笔工具 滤镜的应用 难点 画笔工具的使用 课前导入 形状的绘制 图层样式的添加 新课安排 手机用户界面是用户与手机系统、应用交互的窗口漂亮好用的界面可以给用户使用带来视觉上的享受和操作上的成就感。手机界面设计分为手机操作系统界面设计和手机应用界面设计，手机操作系统界面设置分为时钟、联系人、锁屏、显示等主要系统设置和用户根据主题程序进行的主题界面设置，本项目针对不同类型分别介绍联系人界面设计、清新风格手机主题界面设计和手机照片应用界面设计，作品在进行设计前收集好素材，设计时灵活使用形状工具、图层技术以及滤镜技术。 任务1：手机联系人界面设计 自定形状工具 观看微视频：《自定形状工具.mp4》 任务：手机联系人界面设计 观看微课：《手机联系人设计.mp4》 任务2：锁屏及主题应用界面设计 任务：锁屏及主题应用界面设计 观看微课：《锁屏及主题应用界面设计.mp4》 任务3：手机照片应用界面设计 画笔工具 观看微视频：《画笔工具.mp4》 任务：手机照片应用界面设计 观看微课：《手机照片应用界面设计.mp4》 项目小结 本项目分别介绍了设置界面、主题界面和应用界面的设计和制作方法。无论是哪种类型界面，首先应对界面的分辨率、尺寸及各个控件的尺寸有明确的认知，然后合理选择界面的主色和辅助色。制作时先规划出各个功能区的大致框架，然后逐步刻画每个细部，这种从整体到局部的刻画方法可以保证整体效果的美观。 作业布置 复习本节课内容，预习下节课，为学习下一节内容做好铺垫。 设计制作如下图所示的手机音乐应用界面。 操作提示：手机尺寸为640×1136像素，使用的工具有画笔工具、椭圆工具、钢笔工具、矩形工具、椭圆选框工具、矩形选框工具及横排文字工具。 设计制作如下图所示的手机显示界面 操作提示：手机尺寸为1150×2046像素，使用的工具有画笔工具、圆角矩形工具、自动形状工具及横排文字工具。