|
|
课程简介:
8 t D c8 {9 [2 }5 V! [1、完成H5网站主视觉设计
9 V% \ u9 U9 v6 ]2、学习H5网站内页设计
1 D9 W: ^1 s1 B3、完成H5内页设计、详情页设计
# j! h! w3 Z9 O2 r4、完成网站第二张主视觉效果打造( E g# `. u" [. b4 ] W8 c
5、网站整体调整
" v4 o5 O4 _; T3 k. ^5 j* k" v% i, O$ n
课程目录:8 [$ o7 y3 n6 @+ z+ b1 l5 X9 W
├─day1
: `3 l% ?" y' H6 ?2 x│ 01-综合概述* E7 A& y9 k* F
│ 02-网站的组成部分4 z9 G2 c$ {* G. V% o( w
│ 03-网站功能区分) M: i% N+ h- x* X8 {7 v' ^' {
│ 04-WEB元素设计理论1 Z) F5 l. d. X+ M! A8 ]3 n+ q+ ?
│ 05-平面类按钮绘制$ A( l+ L. M+ l9 W+ \, j: N
│ 06-体积按钮-15 D: g% W" N; S2 n F4 { e% d! C
│ 07-体积按钮-2
! t1 V6 ^) ?2 c( b4 l( P│ 08-光效按钮' i- I u& C1 N5 Y
│ 09-投影类技法
/ n8 s7 l" T; \│ 10-内凹类
% ]: F7 g4 V9 Y! x% o% K% t│ 11-导航技法-1
% F4 M/ j$ ~$ ?# |/ c│ 12-复杂技法-加载条-13 j, g R4 U7 g- y
│ 13-复杂技法-加载条-2/ a% V' V, r- g3 j2 M& C
│ 14-复杂技法-加载条-3/ o& s7 F0 a( a8 n8 b5 u
│ 15-复杂技法-加载条-4
8 n( r- @0 v7 y) Q9 n. \" Q( F│ 16-复杂技法-加载条-5
+ n# N& t- b+ [│ 17-课程复习' g8 R* D7 h9 I
│
" ~2 O9 o5 T% e! {" L$ i├─day2% Y; W9 R) w7 f* I( c0 V
│ 01-网页设计基本原则-1$ o% ?; s1 k( G$ Q* k- |
│ 02-网页设计基本原则-2
) h% Q& k$ G" r% J% n4 B$ S1 e│ 03-网页尺寸规范
r$ o$ j. B& _/ v5 J9 G7 p( y: \! d│ 04-网页布局方式* Y% l' \9 {1 @3 R" R+ j$ C; C
│ 05-项目分析法-功能需求
8 u" k+ h/ t9 W6 _│ 06-项目分析法-界面设计法则3 f$ e1 v4 @8 z! Q
│ 07-网页实战-项目分析' \7 H/ Y+ H- V2 s. V2 q m# k
│ 08-网站LOGO设计
8 N- ]' ^1 s6 i│ 09-网页头部元素置入
1 c: L2 M% K$ ^. O# t│ 10-尺寸规范设定1 \* i' y. }3 b" R
│ 11-工作经验分享-原型图调整 {+ [, C, w$ C8 O- H+ y
│ 12-视觉效果打造+ N% z. p$ p A- l- Z; u0 {
│ 13-banner设计' P8 H+ R9 V2 ~0 M! k! q
│ 14-公司简介内容排版
0 S6 W" f0 y$ I8 M& L0 f│ 15-新增区域设计
% f# h B( H' i2 S) Q* g7 J/ Y0 R' ~│
5 T7 o! }( v4 F├─day3* Q, E7 H6 ] k6 _! w
│ 01-公司简介区域设计
. z0 t2 L( u0 U! B7 e│ 02-成功案例-1
* G& \% O7 n3 j& P" K; I9 Q│ 03-成功案例-2; U* n) X' }7 L
│ 04-公司新闻& l6 }* L7 f" z0 |% i H8 a- ^
│ 05-公司版权信息-1( \3 M" t9 w( T
│ 06-公司版权信息-25 G' s5 w) D3 j+ M2 r9 x; {
│ 07-页面检查
# M5 L& |9 |% i. s. T│ 08-辅助元素! U+ f X( B9 k7 m( o3 N, j& {5 |3 O
│ 09-浏览器查看效果图技法
S6 q# c. P9 }* f│ 10-布局风格变化+ D3 e! P3 I1 Z' o* z7 i% t
│ 11-变换布局与风格-banner-1: e% l. ?7 ?' E& z
│ 12-变换布局与风格-banner-2
1 q+ U Z- ]! N│ 13-变换布局与风格-内容
: U% P; R) ` F" ^4 m. G3 h│ 14-导航风格变化* e: Y, r+ l7 T, s, t( _2 w
│ 15-banner设计7 f$ t, n/ b# k
│ 16-课程复习. I9 {+ [/ b$ C6 F7 y4 M
│ 8 ^ ~6 h6 O$ A" x
├─day4* |1 W* B/ C0 m G, |$ A) O5 w1 n
│ 01-课程回顾: K" f4 L7 \7 p7 j, G E
│ 02-内页布局方案# \8 e9 v. y5 a; \4 e: ~1 G6 Y
│ 03-设计要点9 b# l# C5 {+ `+ W
│ 04-内页内容布局
9 f0 b0 A& E" i' ~│ 05-内页banner设计$ s l i5 r/ z7 J8 E2 T q# ^
│ 06-内页内容设计
4 d3 C+ a- f! v4 W1 G% }│ 07-内页检查与调整) }; ~# _+ k9 ]4 J4 r) c; i+ m$ o5 ~
│ 08-关于我们栏目下其他界面设计% }# K6 L: l/ i( L% j8 j
│ 09-新闻列表设计
~1 y* \- d- G7 t6 ^5 I│ 10-新闻详情内容排版6 }* t( S- c6 L; l& Q
│ 11-新闻详情内容设计' ~! M' s7 L2 x
│ 12-切图概念
- v/ X( h- _" {- ~' X│ 13-切图遵循的原则* A0 i- W; I& x$ C7 c3 I! `. z
│ 14-切片切图与导出-方法14 n; U. i" V% }+ \: B' H7 @2 L
│ 15-切片切图与导出-方法2( y# e) x1 `& L5 a+ b) M" D
│ 16-智能对象切图
y/ T% v3 a7 I" t│ 17-课程复习汇总
# y! M& s+ S' B6 g) [│
, g$ x" M; ~; v) ^- y0 R) E1 l, C└─day5" U1 ~3 o! A9 R! a! n& o1 p9 }' y
01-html5网页基本概念
- R' r$ C& {0 g+ V 02-html5界面设计尺寸
& e+ {3 Z) z0 J6 M% G# C4 ]9 n 03-宝马XI项目分析-1
+ [% _" I2 [: c& p' A9 B 04-宝马XI项目分析-2
( r2 f0 n/ P) @0 U! F& e 05-界面基本布局7 P$ t8 ~& n0 H* J% g( Z# ?0 N/ }) s
06-参考网站分析$ k- j) O% r7 h* ]1 K% f
07-页面元素构图
' `( l) q# v8 _' Y. v4 b 08-雪山元素调整8 g+ x4 V, O' E, R! U2 L9 U# o. Z7 d
09-雪山蒙版抠图
* e7 Z: k! g F 10-雪山与冰川基本合成# U: e' q3 b/ J/ x/ q! h
11-云的打造
1 @7 R6 H2 \& a4 m" B 12-背景色彩调整统一
?% q- s6 z F3 k- n k 13-汽车精修# ]+ T7 _# w" ]9 {+ g
14-雪花打造# _$ t: i. P1 C7 @7 z4 V u! Y3 Q
15-辅助元素打造6 D0 z- l: U% m0 W" w2 S* [
16-功能元素排版设计
: k J8 P! ^" z8 } 17-功能元素细节打造
" O+ H3 c8 a% S2 P! H* } ^% H- ~ 18-课程总结
( f+ q: R% i- a! `; t& `3 z, X7 t# m; ^& I: Z2 A5 w4 Q, x3 `
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?立即注册
×
|