《高级WebUI》课程 - 网站设计相关课程 - Adobe软件培训_Adobe考试国际认证-Adobe中国授权培训中心
400-101-3190 登录 | 注册

《高级WebUI》课程

                                                                                    
一、 培训对象
Ÿ 从事传统设计行业的设计师如平面设计师、网页设计师、室内外设计师、工业造型设计师、产品设计师、广告设计师、动画设计师等。
Ÿ 有一定程度的设计审美基础和软件操作基础。
Ÿ 从事UI设计师和初级交互设计师、产品经理助理的各种互联网设计师岗位的人群。
Ÿ 从事互联网行业的各个岗位的从业人员如程序员、网络运维、数据分析师等均可通过此课堂提高用户体验的产品设计思想。​
二、 培训目标
Ÿ 掌握网站设计流程和需求分析方法;
Ÿ 掌握网站设计流程中各阶段所需的软件工具的使用技巧;
Ÿ 掌握网站设计的规范和相关的工具;
Ÿ 掌握网站设计的高级知识如响应式布局、自适应等;
三、 建议课时:2-4天
四、 课程大纲
Photoshop设计网页界面的优势
PhotoshopCC2017基本功能介绍
线框图设计基础和难点+创建线框图
Photoshop设计网页界面的优势
 与前端和后端开发人员更好的协作;
 无需编写代码,快读导出网页所学资源和素材;
 适配不同设备的屏幕尺寸;
 方便展示不同的web干部版本;
 基本的原型准备;
 通过视觉效果图只管获取用户反馈;
 代表一种工作流程的升级和演变;
PhotoshopCC2017的版本和基本功能介绍;
 图形工具;
 扩展插件
 图片格式和输出
 文本样式提高效率
 调节层讲解
 对齐工具
线框图设计的基础和难点
 自适应和响应式设计的概念;
 屏幕分辨率和屏幕宽度;
 自适应和响应式断点;
 线框图和原型图的概念;
 讲评和总结
创建线框图
 构建栅格系统;
 栅格模板和插件-Guiedguide
 栅格模板和插件-Assitor ps
 Web线框图演示
 页面宽度设计规范
 创建栅格;
 创建不同的文本样式方案;
 色彩基础与配色原理
 深入完成web线框图;
 构建简单原型图;
作业:完成命题线框图;
 
web界面设计参考规范 网站设计流程实例演练
web界面设计参考规范
 规范.留白;
 规范.页脚信息;
 规范.图标;
 规范.图层及图层文件夹命名;
 规范.可读性和对比度;
 规范.banner类型和设计尺寸;
 规范.窗体布局;
作业:完成一个命题Web效果图设计
项目分析
 用户模型
 核心需求分析
 边缘需求分析
 竞品分析
 
项目分析
 功能架构
 主要任务流程设计
 技术分析
 设计风格
 色调与色彩搭配
实战演练
 屏幕分辨率和宽度
 素材整理
 线框图设计
 页头设计
 Banner和主视觉区设计
 导航设计
 页脚设计
 产品展示模块设计
 细节调整;
 效果图导出