网站建设概述：用户需求驱动的功能策划与设计

2023-11-25 理论教育版权反馈

【摘要】：网站建设就是根据用户在互联网上传递的信息进行网站功能策划，然后进行页面设计与美化的工作。对网站的整体风格和特色作出定位，规划网站的组织结构等。因此，建议在网页设计中尽量避免使用过多的图片及体积过大的图片。主要页面的容量应确保普通页面的等待时间不超过10 秒。

网站建设就是根据用户在互联网上传递的信息（包括产品、服务、理念、文化等）进行网站功能策划，然后进行页面设计与美化的工作。作为用户对外宣传媒体中的一种，精美的网页对提升互联网品牌形象尤为重要。

网站建设一般分为3 种类型：功能型网站建设（服务网站和B/S 软件用户端，如电子商务网站、游戏网站等）、形象型网站建设（品牌形象网站，如公司或企业的网站）、信息型网站建设（门户网站，如新浪、网易、搜狐等）。根据设计网页的目的不同，应选择不同的网页策划与设计方案。

网站由若干紧密相连的网页组成，它的好坏由网页呈现。网页设计工作的目标就是通过使用合理的颜色、字体、图片、样式进行页面设计与美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑通过声、光、画及其交互等来实现更好的视听感受。

1.网站设计流程

专业的网站设计需要经历以下几个阶段：

（1）根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，从而建立营销模型。

（2）以业务目标为中心进行功能策划，制作出栏目结构关系图。

（3）以满足用户体验设计为目标，使用快速原型设计工具或同类软件进行页面策划，制作出交互用例。

（4）以页面精美化设计为目标，使用Photoshop、Illustrator、Fireworks 等软件，使用更合理的颜色、字体、图片、样式进行页面设计美化。

（5）根据用户的反馈进一步调整页面设计，以达到最优效果。

2.设计目标

（1）业务逻辑清晰，能清楚地向浏览者传递信息，使浏览者能方便地找到自己想要查看的信息。

（2）用户体验良好，使用户在视觉上、操作上都感到很舒适。

（3）页面设计精美，使用户能享受到美好的视觉体验，不会因为一些糟糕的设计细节而感到不愉快。

（4）建站目标明确，网页能很好地实现企业的建站目标，向用户展示产品、服务、理念、文化等信息。

3.设计说明

1）主题明确

在目标明确的基础上，完成网站的构思创意，从而完成总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构等。

Web 站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁的文本信息；有些站点则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布局，甚至可以供用户下载声音和录像片段。好的Web 站点把图形表现手法和有效的组织与通信更好地结合起来。

为了做到主题鲜明突出、要点明确，应该使配色和图片围绕预定的主题；调动一切手段充分表现网站的个性和情趣，体现网站的特点。

2）设计思路清晰

简洁实用：这是最重要的，因为在网络环境下，要用高效率的方式将用户想要的信息传递给他们，所以要去掉冗余的东西。

使用方便：网页做得越适合使用、越方便就越能显示出其功能美。

整体性好：一个网站强调的是一个整体，只有围绕一个统一的目标所做的设计才是成功的设计。

网站形象突出：一个符合美的标准的网页能够使网站的形象得到最大的提升。(www.chuimin.cn)

3）版式设计合理

网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。

版式设计通过文字图形的空间组合，表达出和谐与美。

页面的编排设计要求把页面之间的联系反映出来，特别要处理好页面之间和页面内容的关系。为了达到最佳的视觉表现效果，应反复推敲整体布局的合理性，使浏览者有流畅的视觉体验。

4）配色合理

色彩是艺术表现的要素之一。在网页设计中，设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。如果企业有企业形象识别系统（CIS），应按照其中的视觉识别系统（VI）进行色彩运用。

5）形式内容充实

为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。

灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。

6）视觉效果好

在网页中常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。

7）虚拟现实

人们已不满足于HTML（标准通用标记语言下的一个应用）编制的二维Web 页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web 页面上展示其迷人的风采，于是虚拟现实建模语言（VRML）出现了，它是一种面向对象的语言，类似Web 超级链接所使用的HTML 语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多地为虚拟现实环境服务。

8）多媒体

网络资源的优势之一是具有多媒体功能。为吸引浏览者的注意力，网页的内容可以用三维动画、Flash 等来表现。但由于网络带宽的限制，在使用多媒体的形式表现网页的内容时要充分考虑客户端的传输速度。

9）便于使用

如果人们看不懂或很难看懂网站内容，那么他们如何了解企业信息和服务项目呢？可使用一些醒目的标题或文字来突出产品与服务。

10）导向清晰

网页设计中导航使用超文本链接或图片链接，使人们能够在网站上自由前进或后退，而不必使用浏览器上的前进或后退操作。在所有的图片上使用标识符注明图片名称或进行解释，可方便那些不愿意自动加载图片的用户了解图片的含义。

11）下载快速

多数浏览者不会进入需要缓冲5 分钟才能打开的网站，在互联网上30 秒等待时间与平常10 分钟等待时间的感觉相同。因此，建议在网页设计中尽量避免使用过多的图片及体积过大的图片。主要页面的容量应确保普通页面的等待时间不超过10 秒。

4.发展趋势

网页设计是一种不断更新换代、推陈出新的技术，它要求设计师必须随时把握最新的设计趋势，从而确保自己不被这个行业淘汰。近年来，网页设计领域主要流行响应式设计、扁平化设计、无限滚动、单页、固定标头、大胆的颜色、更少的按钮和更大的网页宽度等。

网站建设概述：用户需求驱动的功能策划与设计

相关推荐