试谈网站视觉设计

网站视觉设计,一、案例分析,1、网站的视觉元素（看到了什么？）,2、视觉元素分布方式（网页框架是什么？）,3、分布方式原则（网页框架划分依据什么？）,1）、视觉流程,*从上至下 从左至右,*视觉中心位于页面中上部,*网页中视觉优势等级,2）、使用习惯,4、各视觉元素设计原则（经验与技巧）,1）、文字,a、无特殊需要，正文字体不多过两种,b、字号中文12磅以上，英文9磅以上可以清晰辨认,c、字体颜色与网站整体色调协调，不易过多,2）、图片,a、图片大小适当。（过大会影响浏览速度）,b、单个页面动态图片数量3个以内，且运动速度不同。,3）、色彩,a、色彩的视觉心理与网站风格,火焰、灯光、霞光、水果等物象，感觉活泼、华丽、辉煌、跃动、炽热。,太阳、火焰、热血、花卉等，感觉温暖、兴奋、活泼、热情、积极、希望、忠诚、健康、充实、饱满、幸福,阳光、轻快、光辉、透明、活泼、光明、辉煌、希望、健康,植物，具有生命、青春、和平、安详、新鲜等,大海、寒冰，具有沉静、冷淡、理智、高深、透明等含义,沉静、神秘、严肃、庄重，悲哀、恐怖、不祥、沉默、消亡、罪恶等印象,洁净、光明、纯真、清白、朴素、卫生、恬静等,b、网配色方案,*基于类似色的配色,色环中相邻色的搭配； 需有一种主色调,*基于对比色的配色,色环中成平角的 颜色搭配； 需有一种主色调,4）、版式,版式构成类型包括： 水平分割、垂直分割、水平垂直交差分割、倾斜型、曲线型、自由型,a、水平分割 水平均匀分割，上半部用作视觉表现，下半部用来解释说明。,b、水平不均匀分割 如果上半部安置标题或导航，则面积较小；上半部安置主体内容，则面积适当加大。,c、水平交叉分割 水平均匀分割，上半部用作视觉表现，下半部用来解释说明。,d、水平分割 水平与垂直结合使用，运用广泛。,e、倾斜型 页面倾斜分割，运用时需使文字适于阅读。,f、自由型 文字、图片自由排列，一般用于个人或要求突出个性的网站。,淘宝网的版式类型？,二、经验和技巧,1、谨慎使用字体,2、网络安全色,3、美观与速度,