学习目标知识目标了解界面设计原则掌握界面设计中结构色彩学习教案.pptx

任务 1 马乐山(lè shān)工作室宣传栏海报
任务分析：马乐山工作室主要是制作卡通手模(shǒumó)的，马乐山先生更被称为“snoopy的中国爸爸”，所以海报的颜色定位为黄色为主色的鲜艳色彩，配上马乐山的卡通手模(shǒumó)任务 1 马乐山(lè shān)工作室宣传栏海报
任务分析：马乐山工作室主要是制作卡通手模(shǒumó)的，马乐山先生更被称为“snoopy的中国爸爸”，所以海报的颜色定位为黄色为主色的鲜艳色彩，配上马乐山的卡通手模(shǒumó)和马乐山先生与学生在一起的生活照片来完成。
任务效果图：
第1页/共15页
第一页，共16页。
任务2 相机(xiàngjī)广告
任务分析：广告(guǎnggào)的主题是相机，相机广告(guǎnggào)的设计理念让背景图片设计成从相机里面跑出来的效果，利用透明度突出相机的主题。
任务效果图：
第2页/共15页
第二页，共16页。
任务(rèn wu)3 房产广告
任务分析：以房子所处的美好自然环境作为房产广告的销售(xiāoshòu)手段。
任务效果图：见右图
第3页/共15页
第三页，共16页。
任务4 环保(huánbǎo)低碳海报
任务分析：左手右手选择不同的生活生产方式对地球影响，呼唤人们举手之劳就可以做环保(huánbǎo)。
任务效果图：
第4页/共15页
第四页，共16页。
拓展(tuò zhǎn)训练
为商场设计一个降价(jiànɡ jià)促销平面广告。
为校园歌手大赛和篮球赛设计一个海报。
设计一个某品牌运动鞋的平面广告。
第5页/共15页
第五页，共16页。
相关(xiāngguān)知识
网站的设计，既要考虑网站的商业性，又考虑其艺术性,网站是商业性和艺术性的结合。
网站的设计策划、设计阶段一般包含：
一、明确主题，风格定位
风格是抽象的。是指网站的整体形象给浏览者的综合感受。包括网站的标志、色彩、字体、标语、版面布局(bùjú)、浏览方式、交互性、文字、语气、内容价值等等。
设计一个网站，首先要确定为企业网站，还是个人网站以及网站浏览者的特点。
第6页/共15页
第六页，共16页。
二、色彩搭配
网页的色彩是树立网站形象的关键之一。色彩可以给人心理感觉。暖色调如红、橙、黄色等，有暖和感，这种色调的运用可使网站有温馨、热情的氛围（图X-6-3）。冷色调如蓝、绿光具有冷静的感觉，运用在网站可呈现宁静、清爽、高雅的氛围（图X-6-4）。不同的色调还给人带来重量感、湿度感：暖色偏重，冷色偏轻；暖色密度强，冷色稀薄(xībó)；冷色显得湿润，暖色显得干燥。此外色彩的明度也给人重量感，暗色给人以重的感觉，明色给人轻的感觉。
第7页/共15页
第七页，共16页。
第8页/共15页
第八页，共16页。
不同的颜色会给浏览者不同的心理感受：
红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。需要配黑和灰来压制刺激的红色绿色---介于冷暖两中色彩的中间，显得和睦，宁静，雅致而有生气。
橙色---也是一种激奋的色彩，活泼热烈，具有轻快，欢欣，热烈，温馨，时尚的效果。　　
黄色---具有快乐，希望(xīwàng)，智慧和轻快的个性，它的明度最高。
蓝色---是最具凉爽，清新，专业的色彩。
白色---具有洁白，明快，纯真，清洁的感受。黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。
第9页/共15页
第九页，共16页。
网页配色的一般技巧：
1）用一种色彩。在设计网页时，先选定一种色彩，通过调整透明度或者饱和度，产生新的色彩。这样的页面看起来色彩统一，有层次感
2）用两种色彩 。先选定一种色彩，然后(ránhòu)选择它的对比色。如红与绿、橙与蓝等。这种配色需要总体色调和谐统一，局部的地方可以有一些强烈的对比，使得整个页面色彩丰富但不花稍 。
3）用一个色系。例如红、橙、黄 。
4）用黑色和一种彩色。比如红色系的图片配黑色的边框 。
网页配色的注意事项：
不要将所有颜色都用到，尽量控制在三种色彩以内。
背景和前文的对比尽量要大，以便突出文字内容。
第10页/共15页
第十页，共16页。
第11页/共15页
第十一页，共16页。
5）网站布局
确定好网站的风格、色调之后，就需要规划网页布局了。网站模板设计一般包括网页标头、导航菜单、侧栏、网页内容、以及页脚。
进行布局设计之前，应先了解人类视觉的****惯。人的视觉通常不是先看中间，而是根据母语的读写****惯，经过大脑的指令，按照：从上到下，从左到右的路线进行查看，所以(suǒyǐ)对于网页而