第十课 国外优秀网页赏析
课时：4课时
要点：本课以20个国外优秀网页设计为例进行赏析，讨论网页设计手段及主要页面信息传达情况，提高学生审美层次和分析解决问题的能力。
图4-11
图4-12
图4-13
图4-14
采用当下流行的扁平化风格，在单色背景下，以纯色作为点缀，十分醒目。利用鼠标的移动触发动效，实现三维视角的变化，时尚炫丽。
图4-15
采用纯色背景和单色相对应，利用文字作为核心元素，采用留白的方式表现画面，整个网站风格显得非常干净、清爽。
图4-16
设计构成感强烈，色彩运用较为严谨，在播放过程中音频文件对意境的渲染起到了非常重要的作用，营造出神秘、清幽的氛围。
图4-17
设计十分有趣，采用骨骼式排列，每组图片由白色剪影和真正的图片组合构成。图形符号设计的功力深厚，画面别具一格，让人印象深刻。采用分割版式设计，Logo大胆地居中放置，将两组图片设计成动态播放效果，静动结合，相得益彰，画面效果意境突出。
图4-18
采用分栏式设计，利用颜色区分不同版面的画面，既保证了画面的整体一致性，又富含变化，网页中小图标的设计非常出彩。
图4-19
图4-20
图4-21(https://www.daowen.com)
图4-22
以纯色作为背景，用图片的面积进行版面的切割。选择的图片精致，色调运用十分老练，画面小元素设计精彩，注重呼应。
采用时下流行的二维与三维相结合的视觉表现形式，Logo的设计十分巧妙。下半部分采用分栏式设计，版面划分清晰、明确，整体效果较好。
图4-23
色彩的设计显得大胆、奔放，画面表现也十分耀眼绚烂。整体风格统一，没有过多的文字，全图的设计简洁、大气。
图4-24
图4-25
利用明暗对比来增强画面的表现能力，三维特效搭配音效显得华丽、时尚，色彩运用大胆又不失庄重，整体效果好。
图4-26
图4-27
金属质感风格突出，采用悬浮式分层设计，动态效果格外美观。暗金与黑色之间的对应与气氛形成很好的呼应，核心元素设计细节突出。
图4-28
很好地利用了暗红色系对氛围进行渲染，细节元素的设计把握到位，特别是对质感的展示非常注重，整体效果较好。
图4-29
散点构成的自由版式风格，画面中的元素看似散乱却整体协调，导航条的设计轻松、有趣，把该网站的风格表现得淋漓尽致。
图4-30
图4-31
这是巴西的一个艺术类网站，大胆采用了滚屏式设计，通过鼠标的滑动进行翻页，不会影响背景图片的播放。悬浮的视窗设计简单、清爽，明暗对比得当，整体效果较好。
