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

天亮说晚安

课程简介:
1、完成H5网站主视觉设计
2 W/ N! |) N# `( t! a2、学习H5网站内页设计
+ O$ ?5 S9 T# L, w% r" B3、完成H5内页设计、详情页设计
+ }2 ]/ K' K, @& x! J( Y* y4、完成网站第二张主视觉效果打造
5、网站整体调整
: m6 b3 {; s3 ?
1 S5 q, J, ?6 a# x" M课程目录:
├─day1
│      01-综合概述
│      02-网站的组成部分
│      03-网站功能区分
│      04-WEB元素设计理论
3 K: r% S+ q8 W) H9 ^│      05-平面类按钮绘制
3 m( p2 Q# r9 h0 w" u! R│      06-体积按钮-1
│      07-体积按钮-2
; n# @3 b$ @: |. R: M3 k& r+ B7 r5 C│      08-光效按钮
│      09-投影类技法
│      10-内凹类
2 X) ~4 A5 Z$ I" p+ x│      11-导航技法-1
│      12-复杂技法-加载条-1
│      13-复杂技法-加载条-2
. }4 m$ A! c5 ^( [4 |3 U& U│      14-复杂技法-加载条-3
│      15-复杂技法-加载条-4
' a- c  p! G7 z2 q0 e( L- i- N│      16-复杂技法-加载条-5
│      17-课程复习
│   
& s' l4 o2 t8 T- m* J├─day2
- F, ]3 C' u* D  J0 O0 c│      01-网页设计基本原则-1
│      02-网页设计基本原则-2
│      03-网页尺寸规范
, v3 ?$ @+ m6 j8 _8 {) r│      04-网页布局方式
│      05-项目分析法-功能需求
9 l. R# D+ p, b1 \+ n$ p│      06-项目分析法-界面设计法则
│      07-网页实战-项目分析
│      08-网站LOGO设计
+ w" G4 q6 c) W+ P│      09-网页头部元素置入
3 w4 j0 b; u2 s│      10-尺寸规范设定
2 x2 Q( z: Y2 z/ d( V│      11-工作经验分享-原型图调整
│      12-视觉效果打造
8 |/ c1 J2 F; s( O/ W7 t3 Y4 ~│      13-banner设计
" ]. f: H4 t) Y7 }│      14-公司简介内容排版
8 t. K! W) d; o) D' Z( _$ S│      15-新增区域设计
2 L: \; u) ^- i1 z! M6 t* ^│      
├─day3
│      01-公司简介区域设计
# t1 P" L6 E0 Y  n. `- f/ O│      02-成功案例-1
│      03-成功案例-2
│      04-公司新闻
│      05-公司版权信息-1
7 K, i' s( U2 F│      06-公司版权信息-2
% L% Y* N$ f2 o, V- @5 x│      07-页面检查
! h- |7 w' s& A. L3 K. N, l. @5 ~│      08-辅助元素
! r5 p# t* r1 G; {( o; X$ ]# l' L│      09-浏览器查看效果图技法
/ p$ C/ L' _" J* A  i0 D; a! G' a; h│      10-布局风格变化
│      11-变换布局与风格-banner-1
│      12-变换布局与风格-banner-2
│      13-变换布局与风格-内容
│      14-导航风格变化
│      15-banner设计
│      16-课程复习
: o$ I/ G7 |0 D6 q) f) ~│      
2 s8 V5 S; e9 c2 B9 l├─day4
│      01-课程回顾
" Q+ ?) ^/ S+ q  A' ^& p│      02-内页布局方案
│      03-设计要点
│      04-内页内容布局
4 p( V6 t0 N4 N" y& w│      05-内页banner设计
│      06-内页内容设计
# v& B- M( r+ R3 F6 l5 x│      07-内页检查与调整
│      08-关于我们栏目下其他界面设计
│      09-新闻列表设计
│      10-新闻详情内容排版
; V* @- A5 }2 X' i& _7 G  e│      11-新闻详情内容设计
│      12-切图概念
# P% `( S6 [+ ~7 ^! T│      13-切图遵循的原则
3 _7 C1 T" _+ Z* T$ v! ], s│      14-切片切图与导出-方法1
/ x; |9 b" m8 L: b& M│      15-切片切图与导出-方法2
│      16-智能对象切图
/ }( E9 i* r+ {3 {( V1 K│      17-课程复习汇总
2 P* l% ^9 u1 e' |; e9 p│      
└─day5
% p( o+ s* o& O9 M        01-html5网页基本概念
# Z1 y/ l: I: {, @4 y& @) n( E        02-html5界面设计尺寸
# y% G4 T" F7 T/ P8 N$ M, y( {        03-宝马XI项目分析-1
* ^6 {+ `" k( K" ]  ]* U        04-宝马XI项目分析-2
  u+ P% a6 F  x# }0 T- A, v        05-界面基本布局
        06-参考网站分析
+ }8 U. ^' ?& N" c! ?- W2 ~        07-页面元素构图
- d4 `) S; `+ P6 w. R2 f  ~2 c3 l. D        08-雪山元素调整
7 N' o  o0 K3 _3 q9 V        09-雪山蒙版抠图
+ S9 p# {3 n4 l' Q9 F. N2 Y        10-雪山与冰川基本合成
. x: L- f. w# S& A+ l        11-云的打造
        12-背景色彩调整统一
4 E) e8 s& K4 c# j( z) E        13-汽车精修
2 x# g5 x6 \8 D5 N        14-雪花打造
        15-辅助元素打造
# k4 Z. J4 p, C$ g3 x  g1 J        16-功能元素排版设计
        17-功能元素细节打造
        18-课程总结

; R6 }6 x1 R  G, ~5 f1 O( W