试谈网站视觉设计.ppt

《试谈网站视觉设计.ppt》由会员上传分享，免费在线阅读，更多相关内容在PPT专区-天天文库。

1、网站视觉设计一、案例分析1、网站的视觉元素（看到了什么？）2、视觉元素分布方式（网页框架是什么？）3、分布方式原则（网页框架划分依据什么？）1）、视觉流程*从上至下从左至右*视觉中心位于页面中上部*网页中视觉优势等级2）、使用习惯4、各视觉元素设计原则（经验与技巧）1）、文字a、无特殊需要，正文字体不多过两种b、字号中文12磅以上，英文9磅以上可以清晰辨认c、字体颜色与网站整体色调协调，不易过多2）、图片a、图片大小适当。（过大会影响浏览速度）b、单个页面动态图片数量3个以内，且运动速度不同。3）、色彩a、色

2、彩的视觉心理与网站风格橘色火焰、灯光、霞光、水果等物象，感觉活泼、华丽、辉煌、跃动、炽热。联想与感受色彩名红色太阳、火焰、热血、花卉等，感觉温暖、兴奋、活泼、热情、积极、希望、忠诚、健康、充实、饱满、幸福黄色阳光、轻快、光辉、透明、活泼、光明、辉煌、希望、健康绿色植物，具有生命、青春、和平、安详、新鲜等蓝色大海、寒冰，具有沉静、冷淡、理智、高深、透明等含义黑色沉静、神秘、严肃、庄重，悲哀、恐怖、不祥、沉默、消亡、罪恶等印象白色洁净、光明、纯真、清白、朴素、卫生、恬静等b、网配色方案*基于类似色的配色色环中相邻

3、色的搭配；需有一种主色调*基于对比色的配色色环中成平角的颜色搭配；需有一种主色调4）、版式版式构成类型包括：水平分割、垂直分割、水平—垂直交差分割、倾斜型、曲线型、自由型a、水平分割水平均匀分割，上半部用作视觉表现，下半部用来解释说明。b、水平不均匀分割如果上半部安置标题或导航，则面积较小；上半部安置主体内容，则面积适当加大。c、水平—交叉分割水平均匀分割，上半部用作视觉表现，下半部用来解释说明。d、水平分割水平与垂直结合使用，运用广泛。e、倾斜型页面倾斜分割，运用时需使文字适于阅读。f、自由型文字、图片自由

4、排列，一般用于个人或要求突出个性的网站。淘宝网的版式类型？二、经验和技巧1、谨慎使用字体2、网络安全色3、美观与速度