《UI教案一.docx》由会员分享，可在线阅读，更多相关《UI教案一.docx（9页珍藏版）》请在三一文库上搜索。
1、时间分配杭州市电子信息职业学校教案数媒专业任课教师 刍即例I予章节第一章题目UI设计始业教育时间2018年 3月5日星期 1第1_ _2_节教学目的1课程规范及作业要求2 了解UI设计的作用及发展变化教学重点 （结合高职 特点提出重 点思路）UI设计的概念理解作用及发展变化教学难点 （提出解决 难点的思 路）什么的UI设计是优秀的，他与产品交互之间关系是如何教学方法（结合学生 实际，拟采 用的教学方法）（一）基本理论的讲授与设计练习并重，在建立设计观念的同时， 通过大量练习，掌握设计原则和技巧。（二）强调学生个性和创造能力的培养。（三）本章讲授后根据教学需要安排T量的作业，供学生艺术 实践；课
2、堂实践，老师逐一辅导。教具、图表PPT课件数字展台教学内容及设计一，始业教育1,进机房后不允许大声讲话，没有老师的允许，不准 擅自走动。去厕所必须是课间下课时间。2,上课要听老师讲课，不允许做与上课无关的事情， 比如打游戏，玩手机等。二者被发现，德育学分扣 30分， 手机上缴一个月。3,作业要求：每次课后都有作业布置，要求及时认真完成，课代 表在下次上课前负责统计，少做漏做的影响到期末总评。板 书 设 计 及 讲 解 要 点4,做好课前课后7S,绝对不允许在机房吃零食喝水， 破坏主机及键盘鼠标。二，什么是UI ?UI设计（或称界面设计）是指对软件的人机交互、 操作逻辑、界面美观的整体设计，也叫
3、界面设计。UI设计分为实体UI和虚拟UI,互联网说的UI设计是虚拟UI, UI 即User Interface（用户界面）的简称。好的UI设计不仅是让 软件变得有个性有品位，还要让软件的操作变得舒适简单、 自由，充分体现软件的定位和特点。WUI是 Web User Interface 的简称，即网页设计。图形用户界面（Graphical User Interface ,简称 GUI , 又称图形用户接口）是指采用图形方式显示的计算机操作用 户界面。2aAll InbCH：,Smart Llso-raMik* | Craativi Min看 FYagg Cieh iRaubleHP non*)a
4、 口gel fromProoua- 寻eim / candy Mluti.DnbbbleRomdPns$how and Dfl，时已”用20 TH* 由 DribbM*的 DrlibMSpamTm$h副.Rapsrpillar中，用g附fc/mOahxH。卬 We ara- PnpArpdlar, a dMiQn 工deMilop*ntfvi HiMiio tosad m 世用作ihaniaGompCWGUI即人机交互图形化用户界面设计。纵观国际相关产业在图形化用户界面设计方面的发展现状，许多国际知名公司早已意识到 GUI 在产品方面产生的强大增值功能，以及带动的巨大市场价值，因此在 公司内部
5、设立了相关部门专门从事 GUI的研究与设计，同业间也成立了若干机构，以互相交流 GUI设计理论与经验为目的。随着中国IT产业，移动通讯产业，家电产业的迅猛发展，在产品的 人机交互 界面设计水平发展上日显滞后，这对于提高产业综合素质，提升与国际同等业者的竞争能力等等方面无疑起了制约的作用Food 依 1 DetailsOetoiijK Chww 叮 EtBio goods?Minrfl ttpKOrfiaw Iwxi is- Ibod pnulwced 聊 Ihilf 岬甲斤 Mi W xtpjidbiiElv q/ qrp9nk;arraind 叨 ppodul signer dt。e翼叼 P
6、Mfrt 14tiMlaflt. Ct MtM * Tint elts 44 da kmd vmiBnu drriinai PusEjqMndlenlly 日 aughtWH 怖小 4it Iwd Ewt cwhng.do you want to 专注 only:ipes & Foadhsls9三 学习UI设计要掌握的软件有哪些?PS AI Skech 以及Axure的掌握Photoshop主要处理以像素所构成的 数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps 有很多功能，在图像、图形、文字、视频、出版等各方面都 有涉及。Adobe illustrator是一种应用于出
7、版、多媒体和在线图像 的工业标准矢量插画的软件，作为一款非常好的矢量图形处 理工具。该软件主要应用于印刷出版、海报书籍排版、专业插画、 多媒体图像处理和互联网页面的制作等，也可以为线稿提供 较高的精度和控制，适合生产任何小型设计到大型的复杂项 目。品Wdi不 MA中文彼乐版Sketch是一款适用于所有设计师的矢量绘图应用。矢量绘 图也是目前进行网页，图标以及界面设计的最好方式。 但除 了矢量编辑的功能之外，我们同样添加了一些基本的位图工 具，比如模糊和色彩校正。我们尽力让Sketch容易理解并上手简单，有经验的设计师花上几个小时便能将自己的设计技巧在Sketch中自如运 用。对于绝大多数的数字
8、产品设计，Sketch都能替代Adobe Photoshop , Illustrator 和 Fireworks。Sketch 是为 图标设计和界面设计而生的。它是一个有着出色 UI的一站 式应用，所有你需要的工具都触手可及。在Sketch中，画布将是无限大小的，每个图层都支持多种填充模式；我们有 最棒的文字渲染和文本式样，还有一些你一定会爱上的文件 导出工具。但是它只有mac版本。axureRPAxure RP是一个专业的快速原型设计工具。Axure （发音：Ack-sure）,代表美国Axure公司；RP则是RapidPrototyping （快速原型）的缩写。Axure RP 是美国 A
9、xure Software Solution 公司旗舰产 品，是一个专业的快速原型设计工具，让负责定义需求和规 格、设计功能和界面的专家能够快速创建应用软件或 Web 网站的线框图、流程图、原型和规格说明文档。作为专业的 原型设计工具，它能快速、高效的创建原型，同时支持多人 协作设计和版本控制管理1。Axure RP的使用者主要包括商业分析师、信息架构师、 产品经理、IT咨询师、用户体验设计师、交互设计师、UI 设计师等，另外，架构师、程序员也在使用Axure。四学习UI需要掌握的技能1要有一定的造型能力一主要是只有一定的素描及绘画功底。2对于平面构成的认知3色彩构成的的认知五几个学习网站推荐
10、补现weDriblbleL- F h L ,BehaneeC 3 Logopomd全刊KH 逗计 g作ffBkttELAdKJ 口 eMTFiSirHgmttS社区HD 外于社区由 51011r 29 102心任】193190 1 SrEllia1Ml MyF nnitscoot. M 酷创立工作.同恪社,底ftiiM断时 尚的商业京0*住bd向升 展示平白S 5BTin 131也。!52OB2O心 国3 5中立SketchfabAdobe C ohor华设计收于斯乘全球设敦三门国计稹独田扫于北*JteE的田去花色阿砧ns91-1 ere a7三gW I覆户Sketch.imFubiz优KL glnoPHSAfiE 也 fllISA 刊的 WKTbi站总电德法 HD- 3ffrBM5!,*心 5S):-心 64- ZZZO0 4-4UI gra dn j9nt*VimoignJllWi*i M yM i9d 9miM st面:的M立哂毡亮年有创出国画汨电制*:*E卡询？网拈也 97电 TUBE的 40迂6GM3 21ifirfQi Cartrdge貂斑拳忖项目 分 :国 & 22作 业复习ps 了解AI的界面操作教 学 后 记