网站的布局设计.pptxVIP

网站版式设计;一.网站的视觉路径 ;;;;5.常见问题： (1)视觉设计师不懂代码，前端设计师在视觉方面又不专业。常常是实现出来的产品跟视觉设计出来的图片有所偏差。建议视觉设计师跟进调整。 (2)广告图片破坏视觉效果。如果网站足够牛的话，可以让广告方遵循视觉规范。如果不行的话，起码设计师还能决定广告的尺寸，位置等等。 新浪、腾讯、淘宝的首页改版。单纯从视觉设计的角度上看，腾讯非常清爽，很用心。;;二.版式的基本类型：;;;;;;;8.焦点型 ：焦点型的网页版式通过对视线的诱导，使页面具有强烈的视觉效果。 （1）中心　以对比强烈的图片或文字置于页面的视觉中心。 （2）向心　视觉元素引导浏览者视线向页面中心聚拢，就形成了一个向心的版式。向心版式是集中的、稳定的，是一种传统的手法。 （3）离心　视觉元素引导浏览者视线向外辐射，则形成一个离心的网页版式。离心版式是外向的、活泼的，更具现代感，运用时应注意避免凌乱。 ;;;三.网站制作中的比例：;四.网站设计风格 ：;;五.网页色彩的搭配 ：;六.颜色误区 ：;七.视觉流程版式类型 ：;;;;;页面的设计轻松而具均衡的形式感，把最佳视域留给了横贯页面的大标题;作为个性化的视觉元素，拼贴剪纸式的文字分别占据了三个点，吸引视线在它们之间流动; 浏览者的眼睛首先看到的是页面的左上角;;视觉流程明确，形成清晰易读的页面设计;自由的视觉流程形成生动活泼的页面设计;;按照主从关系的顺序，使放大的主题形象成为视觉焦点，以此来表达主题思想。 ;将文案作整体编排，突出主题形象。 ;在主题形象四周增加空白量，使之成为视觉焦点。;通过在主体产品周围留白吸引视线;这是一个典型的运用焦点视觉流程的例子;页面中的方形图无疑首先吸引了浏览者的视线;具有独特个性风格的首页设计,视觉流程清晰 ;八.颜色应用;;;;;(2)抽象的联想 红色：可联想到热情，危险、活力…… 橙色：可联想到温暖、欢喜、嫉妒…… 黄色：可联想到光明、希望、快活、平凡…… 绿色：可联想到和平、安全、生长、新鲜…… 蓝色：可联想到平静、悠久、理智、深远…… 紫色：可联想到优雅、高贵、重、神秘…… 黑色：可联想到严肃、刚健、恐怖、死亡…… 白色：可联想到纯洁、圣、清净、光明…… 灰色：可联想到平凡、失意、谦逊…… 这些色彩的联想多次反复，几乎固定了它们专有的表情，于是该色就变成了该事物的象征。 ;;;;;;;;;;;;;;人物设定和场景;;;;;;;透视图;;