PhotoshopCCUI设计案例教程(全彩慕课版)教学教案 第3章.pdfVIP

PhotoshopCCUI设计案例教程(全彩慕课版)教学教案 第3章.pdf

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多

教案编号:3

课题:第3章App界面设计

课时:16课时

授课类型:讲授+实训

教学目标:

・了解App的基砒知识

掌握App的设计规范

认识App常用界面类型

教学重点:

App的设计规范、App常用界面的设计方法

教学难点:

App常用界面的设i-方法

本章技能点:

社交类App-闪屏页的绘制方法、社交类App-欢迎页的绘制方法、社交类App・首页的绘

制方法、社交类App-消息列表页的绘制方法、社交类App-聊天页的绘制方法、社交类App-

个人中心页的绘制方法

本章教学技巧:

1.知识讲解

2.案例实训

教学过程:

(一)课前准备

1.授课前准备

准备好教学川具和教学设备

2.板书

课题:第3章App界面设计

项目目标:

・了解App的基础知识

掌握App的设计规范

认识App常用界面类型

3.课程引入

(二)课程内容

3.1App基础知识

本节介绍App相关的基础知识,包括App的概念、App的流程以及App设计的原则,

311App的概念

App是应用程序Application的缩写,一般指智能手机的第三方应用程序,如图所示。用户主

要从应用商店下载App,比较常用的应用商店有苹果的AppStore.华为应用市场等。应月程序的

运行与系统密不可分,目前市场上,主要的智能手机操作系统有苹果公司的iOS和谷歌公司的

Android系统。对于UI设计师而言,要进行移动界面设计工作,需要分别学习两大系统的界面设

计知识。

由RonDesignAgency创作的App界面

312App设计的流程

App设计可以按照分析调研、交互设计、交互自查、界面设计、界面测试、设计睑证的步骤来

进行,如图所示。

App设计的流程图

1.分析调研

App的设计是根据品牌的调性、产品的定位而进行的,不同应用领域的App,设计风格也会

有区别。因此,我们在设计之前应该先分析需求,了解用户特征,再进行相关竞品的调研,明确设

计方向,如图所示。

|—yy

推再欧能

或于生弟乳率我被㈤0冷❷卷■不升豪鲁更女贱然a

QQ音乐(左)、网易云音乐(中)、虾米音乐(右),三款虽然同是音乐App,但产品定位不同,因此设

计风格也有所区别

2.交互设计

交互设计是对整个App设计进行初步构思和流程制定的环节。一般需要进行纸面原型设计、

架构设计、流程图设计、线框图设计等具体工作,如图所示。

MoMtaco*Vbur»IT

乌克兰UI/UX设计师TatianaLazarenko创作的App交互设计

3.交互自查

交互设计完成之后,进行交互自查是整个App设计流程非常重要的一个阶段。可以在执行界

面设计之前检查出是否有遗漏缺失的细节问题,如下所示。

交互惺计自宣寰

文档评论(0)

zhuifengshaonian + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档