课程介绍
网页UI设计是根据企业希望向浏览者传递的信息(*括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化*。作为企业对外宣传物料的其中一种,精美的网页UI设计,对于提升企业的互联网品牌形象至关重要。
课程设置
视觉交互基本概念
*单元:UI基础知识
·介绍UI交互设计概念,以及专业术语(UI、GUI、 UE/UX、UED等)解释;
·
UI设计师需要掌握哪些技巧,学习哪些知识;
·UI设计师日常*职责,以及日常*流程
·UI设计师的*前景以及薪资待遇
视觉交互基本概念
*单元:
PS软件掌握
·讲解Photoshop菜单工具讲解,并熟悉快捷键;
·
通过练习,了解色彩分类、色彩基本属性、如何搭配色彩、色彩心理学、色彩的表现方法配色等;
·
通过练习,认识字体,设计常用的字体规范,以及不同媒介平台对字体的应用规律等;
·学习图像后期处理,掌握PS后期高级修饰功能、工具蒙版、滤镜等使用技巧等;通过海报设计制作,学
习对图像、文字、色彩、图形等元素的组合与设计
·了解书籍装帧设计(穿插Indesign软件的讲 解),了解印刷工艺以及专色工艺,以及名片设计
第二单元:illustrstor软件掌握
·讲解illustrator菜单工具讲解,并熟悉快捷键;
·矢量绘图软件Illustrator风格网页按钮和相关图片素材设计;
·熟练通过AI进行海报书籍排版,插画的实现;
视觉交互专业课程
*单元:图标设计课
·icon设计基本流程与设计规范的概念性讲解
·重点了解各种风格的设计方法,*括水晶风、拟物 风、扁平风(重点学习水晶风与扁平风)
·讲解色彩基本概念,并结合不同风格、类型的icon 进行案例分析及练习
第二单元:网站界面设计基础课
·web界面设计规范:网站设计基本流程与设计规范的概念性讲解
·网页配色与布局:讲解色彩与构图的基本概念,并结合不同风格、类型的网页进行案例分析
·web主要元素设计:网页中常见元素的表现学习,*括网页图标、banner、艺术字等
·多风格与类型的web界面设计:企业站、电商站、展览展示站,专题站的网页特点认知,根据不同特点进行
页面视觉设计,以达到视觉上的建站目标。
第三单元:网页banner广告设计课
·网络广告设计标准与实现:讲解动态banner的设计标准,学习Flash中的动画制作原理与技巧,典型WUI商
业广告中的Flash技术与实现
第四单元:网站样式与布局设计课
·对网页结构进行认知,了解切片与网页结构间的逻辑关系,学习符合W3C标准的HTML网页框架制作技术,*
括结构标签、表格、表单等,学习网页 样式表现方法,使用CSS对网页进行细节美化
·布局技巧与浏览器兼容:了解特殊布局的实现技巧,了解浏览器基本发展状况,对各浏览器的解析特点进行
认知
第五单元:网页交互设计应用课
·JS/Jquery交互应用:学习HTML结构设计与交互设计的关系,Javascript基本应用、Jquery特效设计与实
现,完成整站网页中的交互效果(交互效果不少于3项)
第六单元:交互原型设计基础课
·交互原型图:掌握Axure RP软件,通过项目学习和掌握交互设计的原理,不同平台交互特点,了解用户心理。
·拓扑图:通过各种不同风格网页整体GUI设计,通过项目实训直接设计
·方案展示:锻炼讲解方案的能力,掌握给客户讲解方案时需要注意的要点。
第七单元:移动平台界面设计课
·实例讲解Android相关设计规范,并结合办公类、休闲类项目对应用产品进行全案实训
·实例讲解iPhone、ipad等ios相关设计规范,并结合效率类、理财类项目对应用产品进行全案实训
第八单元:智能设备
·结合实际项目,讲解互联网行业设计流程规范,了 解UI设计具体流程,进行人群需求分析,产品分
析,用户群体调研等
第九单元:多平台综合应用设计课
·智能穿戴设备
·智慧城市开发
·智能家居
交互设计项目实践
*单元:项目实践
·结合实际项目,讲解互联网行业设计流程规范,了 解UI设计具体流程,进行人群需求分析,产品分
析,用户群体调研等
·讲解色彩基本概念,并结合不同风格、类型的icon 进行案例分析及练习
第二单元:毕业和面试技巧
·课程结束,布置毕业作品
·讲解简历设计技巧
·讲解面试技巧,让学生能够选择适合自己的企业