400-101-3190 登录 | 注册

高级WebUI课程




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