WEB前端开发之20个小时学会宝马H5网站设计项目实战

天亮说晚安

课程简介:
. k5 v& D. Z# b1、完成H5网站主视觉设计
8 N1 f1 w, E8 k4 X' b2、学习H5网站内页设计
3、完成H5内页设计、详情页设计
( v1 b8 X- X9 R! x8 T$ l# g4、完成网站第二张主视觉效果打造
5、网站整体调整
) N8 i( G6 S, K* n2 }
课程目录:
├─day1
( \* ~3 d" }6 D1 k│      01-综合概述
│      02-网站的组成部分
│      03-网站功能区分
) [6 G6 n( S/ V│      04-WEB元素设计理论
. ]) o* G/ X& L9 m3 Y  ?9 E│      05-平面类按钮绘制
│      06-体积按钮-1
: K+ V$ o# L( V│      07-体积按钮-2
3 j4 ~7 v" f, K& V& x3 a; Y7 B│      08-光效按钮
# D0 a7 w3 O' O5 C' q│      09-投影类技法
│      10-内凹类
│      11-导航技法-1
$ ]% j  A4 r& Q│      12-复杂技法-加载条-1
│      13-复杂技法-加载条-2
' L# N$ b. @' J  W│      14-复杂技法-加载条-3
, R) b7 C: H6 w- l. @; A│      15-复杂技法-加载条-4
! \4 i9 e* J4 _1 j* ?# P│      16-复杂技法-加载条-5
│      17-课程复习
' l; {, @! g# r  Q6 e! ^0 F│   
├─day2
; L3 U: Z+ j+ p" J" v; N2 @  N│      01-网页设计基本原则-1
│      02-网页设计基本原则-2
2 K4 X- _3 V9 Z2 i3 g2 d# o│      03-网页尺寸规范
│      04-网页布局方式
│      05-项目分析法-功能需求
│      06-项目分析法-界面设计法则
. V  z* p1 g# B  C* \/ T3 \│      07-网页实战-项目分析
│      08-网站LOGO设计
│      09-网页头部元素置入
│      10-尺寸规范设定
│      11-工作经验分享-原型图调整
* {4 l; X% V4 z# Y│      12-视觉效果打造
" K; B6 ^. H3 X) C$ `│      13-banner设计
% m/ e* ^' F' ~7 S, l│      14-公司简介内容排版
│      15-新增区域设计
$ H4 H  }/ t" t& x  c; Z7 Q3 J│      
├─day3
/ _7 G& i& ]% {% G& w, ]│      01-公司简介区域设计
/ V" m. T5 x6 i│      02-成功案例-1
│      03-成功案例-2
│      04-公司新闻
4 M- G* k5 }: p│      05-公司版权信息-1
, D; E; O0 t9 q1 C0 @# L: S6 g│      06-公司版权信息-2
3 k$ A3 }3 f/ k( h+ C│      07-页面检查
: d7 ^5 Y, h4 ~│      08-辅助元素
│      09-浏览器查看效果图技法
" V, }" _* S+ Z5 v, D( d1 E│      10-布局风格变化
│      11-变换布局与风格-banner-1
│      12-变换布局与风格-banner-2
│      13-变换布局与风格-内容
. V4 q& s2 c( H, m│      14-导航风格变化
│      15-banner设计
│      16-课程复习
│      
├─day4
│      01-课程回顾
" Y* D& A: r) R2 v( r│      02-内页布局方案
% Q3 h0 @" |$ T7 u2 f. t  y│      03-设计要点
│      04-内页内容布局
0 \9 L5 @2 B" O7 d2 a$ q3 S# }│      05-内页banner设计
│      06-内页内容设计
5 ?9 n* @5 E4 b6 r│      07-内页检查与调整
│      08-关于我们栏目下其他界面设计
│      09-新闻列表设计
5 X6 D4 }3 I5 M/ B2 [5 @1 o3 C│      10-新闻详情内容排版
│      11-新闻详情内容设计
- N7 l# K! R% F2 F# {$ U0 I│      12-切图概念
' C0 ]  E0 ?# W7 I+ h8 q│      13-切图遵循的原则
4 @% H% n2 s1 o: u1 i# v& {6 M# t% S5 V│      14-切片切图与导出-方法1
! c+ D! T& y, U7 j: m, _│      15-切片切图与导出-方法2
│      16-智能对象切图
% J' @. `$ K) f% O│      17-课程复习汇总
│      
1 X" o) b  _" F0 a1 R- S7 A+ Z# y└─day5
# ~. {4 m# I: i. X        01-html5网页基本概念
        02-html5界面设计尺寸
        03-宝马XI项目分析-1
- {' v$ N% R. x- C8 R# C" m        04-宝马XI项目分析-2
        05-界面基本布局
        06-参考网站分析
        07-页面元素构图
, x* v# Z8 H9 ]4 e1 e; y) Q$ G        08-雪山元素调整
- M3 C$ g6 b( O        09-雪山蒙版抠图
        10-雪山与冰川基本合成
. ~. {- Z% E4 L        11-云的打造
* f/ x7 h+ f% t; z4 c# A        12-背景色彩调整统一
        13-汽车精修
        14-雪花打造
, |4 ^# w$ U4 s; j; I) d+ w        15-辅助元素打造
        16-功能元素排版设计
/ P, I2 _7 b1 q: X# q( K) q9 |# X        17-功能元素细节打造
        18-课程总结