网页设计案例鉴赏

网站鉴赏与网站规划主讲:党米花网页设计案例鉴赏全文共30页，当前为第1页。主要内容网站设计要求分析网站鉴赏分析网站规划资讯类门户网站电子商务类网站交通旅游类网站行业企业网站整体布局网页配色技巧导航设计网站图片设计主题规划域名设计网页设计案例鉴赏全文共30页，当前为第2页。第一节、不同类型网站的设计要求一、资讯门户类网站1.资讯门户类网站示例资讯门户类网站通常是指综合性门户网站。该类网站以新闻信息、财经资讯、体育资讯、娱乐资讯等为主。2.资讯门户类网站特点及设计要求统一的平台风格全面的内容频道良好的导航体验网页设计案例鉴赏全文共30页，当前为第3页。案例分析：新浪、搜狐、腾讯网页设计案例鉴赏全文共30页，当前为第4页。二、电子商务类网站1.电子商务类网站示例电子商务类网站通常指交易类电子商务平台网站。2.电子商务类网站特点及设计要求清晰的导航结构清晰的图片设计丰富的交易外功能网页设计案例鉴赏全文共30页，当前为第5页。案例分析：淘宝网、京东商城、阿里巴巴、当当网网页设计案例鉴赏全文共30页，当前为第6页。三、交通旅游类网站1.交通旅游类网站示例交通旅游类网站通常指覆盖与旅游活动相关的旅游景点展示、旅游行程线路规划、交通工具预订、旅游饮食、旅游商品交易等的内容信息的网站。2.交通旅游类网站特点及设计要求导航清晰网站内容丰富网页配色亮丽网页设计案例鉴赏全文共30页，当前为第7页。四、行业企业类网站1.行业企业类网站示例行业企业网站通常有两类，一类是行业垂直门户网站，另一类是企业网站。2.行业企业类网站特点及设计要求行业垂直门户网站类似于资讯门户网站，网站访问用户众多，要求网站内容丰富、内容更新快速，但该网站仅针对本行业进行相关信息发布，起到本行业资讯领头羊作用。网页布局合理网站应该追求整体与局部和谐统一网页导航清晰网页配色亮丽网页设计案例鉴赏全文共30页，当前为第8页。第二节、网站鉴赏分析一、整体布局网站的整体布局，包括首页布局、二三级分类页面和内容页面的布局，布局合理可以使网站结构清析，用户能对网站一目了然，降低网站调出率。网页设计案例鉴赏全文共30页，当前为第9页。页脚导航logo产品形象展示网站内容网站内容页面图部一般首页页面布局网页设计案例鉴赏全文共30页，当前为第10页。1.LOGO、导航突出在整体布局中，要求LOGO、导航的块放置在显眼突出的位置。2.统一的平台风格栏目页面采取相对一致的设计风格，页面布局、文字排版、网页元素基本相同，广告图片、视频在网页中了一的位置等细节处理上都体现了一致性。网页设计案例鉴赏全文共30页，当前为第11页。3.链接布局合理网站通过页面链接有效地形成一个整体，我们可以通过合理的链接布局整理某个主题内容。网页设计案例鉴赏全文共30页，当前为第12页。二、网页配色技巧视觉设计最大的挑战之一便是找了有效的调和色彩，让色系既不过于单调，也不过于夸大。每个色彩模式都包含了一组三原色，然后经由这一组三原色的相互混合而产生不同的颜色。在传统色彩学中，三原色指的是红、黄、蓝，而在RGB色彩模式中，色光的三原色是指红、绿、蓝，任何两个色光的组合会产生一组次颜色，三次色则是混合了原色与次色，或者是混合两种次原色所产生。我们可以简单使用同类色、邻近色，对比色、互补色来进行网页配色。网页设计案例鉴赏全文共30页，当前为第13页。同类色配色:单一颜色，只是深浅、色调和明暗度不同。邻近色配色：使用邻近的颜色在色环上很接近的颜。对比色配色：使用一种颜色，再加上其互补色旁边的两个颜色。互补色配色：使用色环上两个相对的颜色做调和。注：在探索色彩调和的时候，通常最好从纯色下手，然后再尝试不同程度的渲染、色调和明暗度。但配色的目的是提高视觉体验，提高网站的可读性。网页设计案例鉴赏全文共30页，当前为第14页。网页设计案例鉴赏全文共30页，当前为第15页。网页设计案例鉴赏全文共30页，当前为第16页。网页设计案例鉴赏全文共30页，当前为第17页。网页设计案例鉴赏全文共30页，当前为第18页。网页设计案例鉴赏全文共30页，当前为第19页。网页设计案例鉴赏全文共30页，当前为第20页。网页设计案例鉴赏全文共30页，当前为第21页。三、导航设计1.导航设计要求清晰的网站导航，可以让用户快速明了地找到相关信息，并且在用户阅读相关信息之后能准确地判断网站的位置，能方便地跳转到其他需求页面。具体有以下几方面。主导航结构和名称清晰网站导采用文本链接面包屑导航导航阅读习惯网页设计案例鉴赏全文共30页，当前为第22页。2.导航设计欣赏网页设计案例鉴赏全文共30页，当前为第23页。四、网站图片设计1.网站图片设计要求需要考虑图片与网站的总体协调、考虑放置位置，并预计浏览器是否支持该图像的显示、用户能接受其下载的速度。2.网站图片设计欣赏网页设计案例鉴赏全文共30页，当前为第24页。网页设计案例鉴赏全文共30页，当前为第25页。网页设计案例鉴赏全文共30页，当前为第26页。第三节、网站主题规划一、网站主题规划1.网站主题的含义网站主题就是一个网站主要讨论的话题。一个网站确定了主题，整个网站的内容就应该围绕这个主题来进行编写。2.网站主题的确定网站主题不同于网站的类型，网站主题更偏重于网站结构和网站内容的组织。网页设计案例鉴赏全文共30页，当前为第27页。多站主题具有强烈的针对性，针对访问者就限定得更专业、更精准；从用户心理来看，他们也会觉得网站主题越集中，网站长在该主题下所提供的内容就会越丰富越专业。确定网站主题可以从以下方面入手。主题内容定位，做到小而精，主题定位小，内容精；主题明确，突显重点，去除与主题无关的内容；专题内容丰富，展现高品质的产品和服务。网页设计案例鉴赏全文共30页，当前为第28页。3.主题规划在做网站主题规划时，可以参考企业竞争对手的网站，学习他人之长，挖掘自身优势，做出特色。4.域名设计域名设计是设计企业在互联网上的名称，一个富有寓意、易读易记、具有较高知名度的域名无疑是企业一项重要的无形资产。为了塑造企业网上与网下统一