（中职）网页设计与制作项目一案例4

1、（中职）网页设计与制作项目一案例4（中职）网页设计与制作项目一案例4（中职）网页设计与制作项目一案例4项目一 了解网页基础任务三 了解网页设计基础活动二 介绍网页美工标准【活动实施】本章节以SONY这一制造业巨头为例，如图1-23。索尼的产品一向以品质性能卓著和外观精美时尚著称，其网站也不例外。首页上放置扁平化图片替代传统页面。这是现在网站制作的流行做法。该网站首页分为两层，上层所展示的是海报效果，以大图为底色，下层是主要的产品展示，并以淡蓝色为底色。图片具有半透明化肌理，显得晶莹剔透，十分具有美感。分析其中的色彩设计，整个首页界面以白色为基调，代表着理性和科技，整个大图运用景深处理的手法，伴

2、随着纯度渐变的手法，并配以高贵的银灰色，使得整个设计看起来和谐而能够体现索尼的网站特点。大图的底层使用了红、黄和橙等色彩，代表着SONY深入生活不同方面。同时运用了明度提高和纯度降低的手法，以此和大面积白色相调和。整个网页界面明度统一，引人入胜，具有非常好的整体性。图1-23索尼网站首页【案例2】为提高公司业绩，海泰方圆科此次网站改版主要是基于现有网站设计不够新颖、精致；内容规划不够完善、用户体验不好、网站设计的行业特色不强等多方原因，进行改版设计。网站受众定位 根据海泰方圆建设的定位和信息所要面对的群体，网站主要面对以下几种人群： 根据本网站建设的定位和信息所要传达的受众，将网站受众归纳为以

3、下几种： （1） 海泰顾客 网站的主要受众，可分为现有客户和潜在客户两类，通过网站发布产品、新闻 等内容进行业务联系，网站是最直接有效的沟通渠道；网站在设计中一定要体现行业特色（信息安全）；（2） 海泰员工、合作伙伴 企业运营发展的重要支撑者，展示企业文化，凝聚团队精神；（3） 企业同行、政府机构、新闻媒体等广泛受众 网站是企业公众形象建立、对外宣传的重要 窗口，浏览人群可通过海泰网站时时了解海泰的发展状态。网站设计风格 通过当面沟通，在对海泰方圆网站进行系统分析、整体规划后，我们建议将其首页设计定位为企业形象型+产品展示型网站：以产品为主，企业形象为辅来定位整个网站。由于面对的客户人群都是以

4、网络安全为目的的客户，为此整个网站设计要照顾到多行业、多年龄层次人的浏览习惯： “清晰、简洁、明了”是海泰网站信息布局设计的关键，在首页设计上避免大的形象图片，取而代之的是整齐且重点提要的文字为主，配以适量图片的简约型设计，整体风格大气、国际化，具有企业行业特点，强化公司的的品牌、产品、特色等，网站整体用色和谐统一，赏心悦目，充分展现出海泰方圆的产品内容和行业特点。三、Web及程序实现 （1） 依据原网站的构架，对网站栏目进行合理设置，栏目整合、重点内容突出、导航清晰、具有良好的连贯性和整体感。 （2） 动/静态页面的后台搭建，可扩展性，可管理性。 （3） 图片尽可能采用JPG和GIF图片格式，这种图片格式使图片容量小，下载速度快 （4） 后台编辑器采用人性化设计，界面友好，功能强大，使用简便。 （5） 网站编码中文使用简体中文GB2312，英文使用UTF-8。四、改版前后