网页艺术设计：图像的运用.ppt

网页艺术设计 ——第二章 图像的运用 插图、照片的作用 1、故事性——图片（照片、插图）带来的效果 2、造型性——排版样式、形状、色彩、文字等带来的效果 所谓的故事性，就是图片所传递的情绪、意思和内容。 A.图片的作用 没有图片，就难以让观者投入感情 A图片的作用——直接表现内容时，图片是最好的选择 图像直接传达内容 图像引起共鸣 探寻主题的背景 A图片的作用——故事性深入人心 具象的画面再现故事 故事的强化是从方向性开始的 A图片的作用——说服力的强弱  人物的瞳孔具有最强的说服力 风景、建筑物的说服力较低 走进一步提高说服力 B照片的轮廓 角版和模糊版相对 角版是客观的、模糊版是情绪化的 画面上标准的照片是四边形的，它也叫做“角版”。根据主题的形状自由变化的照片类型叫‘‘剪切版，将周边部分进行淡化处理的叫“模糊版。 B照片的轮廓——角版、剪切版、模糊版 C插图的效果 C插图的效果——强有力的使者 C插图的效果——温暖而亲切 C插图的效果——低品位会导致信赖感的丧失 配色的效果 配色最先映入眼帘，它决定了主页的印象 配色印象无法更改 配色不分场所，具有多重效果 A色调的选择 配色决定印象的主要因素有以下三个： l色调——鲜艳的色调、柔和的色调… 2色相——同系色、对比色、全色相型… 3对比——强明暗对比、相同明度的弱对比… 色调是明度与纯度的交点 选择色调——分析色调 ①鲜艳色调 不与白、黑、灰进行混合的、只有纯色的配色是最鲜艳的色调。给人强有力的、生机勃勃的、年轻人的印象。 ②亮色调 将鲜艳的色调稍稍加一点白就成了亮色调。与①相比，略微温柔一点，表现出乐趣，是大多数人的最爱。 ③淡色调 将②再加白就成了这种色调。让人联想起婴儿的肌肤，给人以最温柔的印象。远离商业性印象。 ④中间色调 将②的色调加一点黑就成了这种色调，是沉稳的成人的印象。 ⑤浅浊色调 将③的淡色调稍稍加一点灰，就产生了明亮但不过于鲜艳的稳定的都市性印象 ⑥暗色调 将②的明色稍稍加上灰就成了暗色调。并不是①、②、③那种单纯明快的气氛，而是表达了一种沉稳而安静的、素雅的气氛. ⑦深色调 将①的纯色加上黑色，就成了这种色调。传达了有力、强烈的男性印象。 B色相的效果——①同系色与同类色 相邻的颜色具有稳定感 B色相的效果——②对比色与准对比色 公开性强的商业性印象 B色相的效果——③全色相（喜庆型） 全色相具有开放的气氛 C色彩的4种功能角色——①主色 主色突显主题 C色彩的4种功能角色——②支配色（背景色） 背景色支配气氛 C色彩的4种功能角色——②壁纸（背景色） 提高格调 ③融合色（能够溶在一起的颜色） 反复融合 将给人印象深刻的颜色分开配置 C色彩的4种功能角色——④强调色 用小面积强烈的颜色加强紧张感 色彩多强烈也不过分 * *