中职（中职）Illustrator CC平面设计实例教程电子教案第十七讲交互界面设计_第1页
中职（中职）Illustrator CC平面设计实例教程电子教案第十七讲交互界面设计_第2页
中职（中职）Illustrator CC平面设计实例教程电子教案第十七讲交互界面设计_第3页
中职（中职）Illustrator CC平面设计实例教程电子教案第十七讲交互界面设计_第4页
全文预览已结束

付费下载

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

《IllustratorCC平面设计实例教程》配套教案第17讲课时内容第7章UI设计-交互界面设计授课时间200分钟课时4教学目标交互界面的设计编辑渐变制作按钮的立体效果手机APP界面的设计教学重点掌握利用圆角矩形工具做出手机界面并填充颜色。熟悉掌握利用钢笔工具、线段工具和椭圆工具做出状态栏及天气小图标。将文字设置外发光教学难点熟悉掌握利用钢笔工具、线段工具和椭圆工具做出状态栏及天气小图标。教学设计教学思路：（1）新建一个画布，填充背景渐变；（2）利用圆角矩形工具做出手机界面并填充颜色；（3）利用钢笔工具画出手机状态栏及图标；（4）根据天气状况做出天气指数栏；（5）复制手机界面做出其他三个天气界面。教学手段：（1）通过课堂实训案例熟悉设计理念和软件功能；（2）通过课后综合演练提高学生的实际应用能力。教学内容复习提问路经查找器的使用？立体按钮的制作？讲授新课：雨天手机界面效果图：案例分析：使用圆角矩形工具和椭圆工具画出图形，通过课堂实训案例熟悉设计理念和软件功能，提高学生的实际应用能力。相关知识：用圆角矩形工具和椭圆工具画出图形并填充颜色，做出手机。利用椭圆工具、直线工具和文字工具等做出手机界面上的时间点及手机相关信息。利用钢笔工具、线段工具和椭圆工具做出天气小图标，再用文字工具制作出时间点和天气度数。利用钢笔工具写出“雨”，打开效果—风格化—外发光并设置参数。核心步骤：新建画布，创建一个矩形并填充背景渐变。选择圆角矩形工具，创建一个145*285*13mm的圆角矩形，作为手机本身。用圆角矩形工具和椭圆工具画出图形并填充灰色，做出手机的听筒和主键。选择矩形工具，创建一个130*230的矩形，填充绿色渐变、黑色描边，作为手机界面。利用椭圆工具、直线工具和文字工具等做出手机界面上的时间点及手机相关信息。......课堂小结本案例主要是利手机APP界面的设计，通过本节的练习可以初步掌握APP设计的基本流程，为今后设计更优质的APP打下坚实的基础。作业课后练习：基础案例习题1手机等待界面效果图：基础案例习题2手机登陆界面效果图：基础案例习题3手机主页面效果图：提高案例习题1IPAD登陆

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论