- 1、本文档共10页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
1.UI设计基础
老师同学们,大家好,我是~号选手,我抽取到的节段是~,下面开始我的授课。
同学们好,今天我们来学习第一章第一节的内容,UI设计基础,我们已经布置了预习的内容,大家通过“超星学习通”《UI设计》线上课程,观看本课程的宣传片《什么是UI》以及教师录制的微课《UI设计基础》,相信大家对于UI设计的概念有了一定的了解。
大家课前看了UI设计课程的介绍之后,了解了什么是UI设计吗?我们随机抽取一名同学来回答。
使用学习通的随机提问功能,请一位同学回答。
回答:UI设计还需要考虑到用户的体验。
很好,接下来,我们来看看完整的UI设计的概念
板书:UI:UserInterface
UI设计分类:
移动端UI设计(手机、ipad、智能手表)
PC端UI设计
其他终端UI设计
了解了UI设计的分类之后,我们马上进行一个小检测,看看大家掌握知识的情况,请大家打开超星学习通,老师已经发布了一个小测验,大家在2分钟之内进行答题。
答题时间结束,我们可以在学习通中看到大家答题的情况,满分的同学是非常多的,接下来讲解一下答案。
UI设计师必备的技能
这是老师在网上搜到的2019年百度UI设计师招聘需求,
通过这个招聘需求,我们可以将必备技能总结为以上3点:
视觉设计,交互设计,用户体验
我们的课程模块,分为4大模块,分别是
板书:课程内容:AUI、GUI、MUI、WUI
刚才我们看到百度招聘要求中,提出要有面试作品集,接下来,我们来欣赏14级毕业生,目前已经在广州一家互联网公司担任UI设计师,他所准备的面试作品集。
我们还需要了解一个行业领域里的专业术语:
板书:
UE/UX——UserExperience用户体验
UED——UserExperienceDesign用户体验设计
ID/IxD——InteractionDesign交互设计
UCD——UserCenteredDesign,以用户为中心的设计
好的,大家都记下来了吗?了解了UI设计的专业术语之后,我们马上进行一个小检测,看看大家掌握知识的情况,请大家打开超星学习通,老师已经发布了一个小测验,大家在2分钟之内进行答题。
答题时间结束,我们可以在学习通中看到大家答题的情况,满分的同学是非常多的,接下来讲解一下答案。
9.图标设计
同学们,大家好,今天我们来学习第二章第二节的内容,应用图标设计,我们已经布置了预习的内容,大家通过“超星学习通”《UI设计》线上课程,观看教师录制的微课视频《扁平化图标设计》。
在我们的生活中,我们每天都会使用手机,当我们要打开某个应用,通常都要点击手机桌面上的应用图标,大家看看这些App图标,有你经常使用的吗?分析一下这些图标有什么特点?
使用学习通的随机提问功能,请一位同学回答。
回答:支付宝、知乎、淘宝,特点是都是文字型的图标。
在UI设计中,图标是界面中重要的信息传播载体,我们本节课主要学习图标的概念、设计流程、设计原则,设计技巧,给大家打好基础。
提问:什么是图标?
图标是具有明确指代含义的计算机图形,一般源自于生活中的各种图形标识,图标不仅包括程序启动图标,还包括状态栏、导航等位置出现的其他图标。
图标的英文名称是Icon,起源于希腊语,用来传达意义的图形符号。在网页设计中,我们常常把图标文件转化成.ico文件,为了让浏览器更好的识别图标。
板书:图标:Icon图标格式:.ico
接下来,我们来看看,图标设计中有哪些技巧:
第一种是正负组合型,也称为剪影图标,图形只有两种颜色,简洁的,抽象的。
我们看看这些图标中,有哪些图标是正负组合型图标呢?
第二种是折叠型图标,在图形的结尾或者转角处做局部折叠处理,如美拍软件,显得立体感很强。
第三种是线型图标,这种图标很常见,他是通过提炼图形的轮廓设计,简练、完整的表达图形。如:国外很火的一款照片分享APP,Instagram,就用的线型设计,我们常在网上看到的ins风格,说的就是这款APP中的照片风格。
第四种是透明渐变图标,通过设置不同透明度,形成一个层次丰富的图形,
接下来,我们来学习图标设计的流程:。。。。
在2019年初,老师带领15级的同学们参与了智智网络公司的横向课题项目,智智小店APP的UI设计,通过用户需求分析,在短短的1周内,完成了所有界面的设计,分享一下过程中的经验,这是智智公司与我们签署的美工外包合同:
明确LGOG设计,一个好的logo是界面设计的灵魂
要求图片、文字原创,不能照搬,引起法律纠纷,使用前要查询,是否有版权
商业保密条款中,明确了不能泄露甲方的商业秘密,不能公开发表设计、程序和技术
因此,按时交付产品、尊重知识产权、保密商业秘密,是UI设计人员必须要遵守的职业道德!
通过与甲方沟通,我们为这个餐饮APP商家管理平台设计了一个以面
文档评论(0)