现代网页设计流程-如何打造高流量与转化的网站-耀年数字创意

网页设计师们经常会考虑网页设计的每一个过程，但主要还是关注页面布局，代码规范与内容管理等技术问题。而优秀的网站页面设计并不单是关于如何整合图文信息资源，或者是工整的页面视觉效果。真正成熟的现代网页设计是创建一个与总体战略定位一致的网站。

精心设计的网站不仅仅只是美学层面的传达，而是通过各种指标（包括视觉效果，文本信息和交互样式）吸引访问者并引导人们了解产品，公司和品牌。这意味着您网站的每个元素都需要朝着既定目标输出价值。但是我们如何实现网页元件的和谐布局呢？我们可以尝试通过整体的网页设计过程，将展现形式和网站功能都考虑在内。

对于耀年创意来说，网站页面设计的过程与其他互联网产品一样，需要遵循用户体验进行规范设计，一般来讲会有七个主要流程。

第一步，目标识别，也就是网站定位。

在这个初始阶段，耀年数字创意会确定网站的最终目标，通常会是与客户或其他利益相关者的密切合作。在这个阶段要探索和解决的问题包括：

这是个面向什么人的网站？

这些人打算在网站做什么？

该网站的主要目的是信息传递、出售商品服务、娱乐、还是一个提高效率的工具？

网站是否需要清楚地传达品牌的核心信息，还是具有自己独特焦点的更广泛的品牌战略的一部分？

这个网站会有哪些竞争对手网站，以及该网站如何在竞争对手的网站中有所借鉴？

第二步，范围定义，一旦我们了解了网站的目标，我们就可以定义项目的范围。

在范围定义阶段，我们需要确定这个网站需要哪些页面和功能来实现定位目标，以及构建他们的的阶段时间安排。

困扰网页设计项目的最常见和最困难的问题之一是范围延伸。我们的甲方客户在设计过程中只考虑了一个目标，但往往在设计过程中会逐渐扩展或改变 - 举个例子，我们在为高校设计官网时不仅要设计网页风格和搭建网站，还要设计网络功能应用，比如对指定人员快速发送电子邮件，并推送反馈通知。

对于设计师来说，这并不是技术上不好解决的问题，因为它通常只是带来更多预期之外的工作。但是，如果增加的预期工作与预算或工作周期的预设并不匹配的话，那么这个项目的开发时间周期就变得难以把控。

大多时候我们会使用甘特图来详细说明项目的实际时间安排，包括主要工作以及灵活周期，可以帮助我们设定项目周期边界和可交付的最后期限。这为设计师和客户提供了准确的参考，并可以帮助耀年数字创意团队中的每一个人专注于手头的任务和目标。

第三步，站点地图和栏目架构的创建。

在范围定义明确的情况下，我们可以开始深入研究站点地图，明确我们在网站中存在的内容和功能将如何布局。

站点地图为任何精心设计的网站提供了基础指导，它有助于设计人员清楚地了解网站的信息架构，并解释各种页面和内容元素之间的关系。

建立一个没有站点地图的站点就像建造一个没有设计图的建筑，后果可想而知。

在这里我们可以用简单的思维导图来进行框架指导，用于存储网站的可视化设计和内容元素，也可以运用Axure等原型设计软件来制作网站原型。

原型作为网站最终外观的指南，重点在于指导后续设计与开发工作的逻辑思维，形式上可以有很多中方式，哪怕用简单的纸和笔来构建也是可以的，当然我们也可以制作极高还原度的可交互原型，这也有助于提高早期的客户沟通效率，避免后期多次改版。

第四步，内容创建，现在我们对于要开发的网站有了足够的了解，可以开始为各个页面创建内容。

在这个过程中，我们始终要牢记搜索引擎优化，以帮助每个页面能够专注于某些关键词或内容主题。如果网站建设的目的是带动销售订单或业务推广之类的话，这一点就显得尤为重要，如果网站建设的订单在前期就有相应需求标注，那么我们在内容创建之前就需要建立关键词库，并根据站点地图中不同的内容主题分配不同的长尾关键词，并建立起足够的关键词密度。

一般来讲，内容的创建有两种目的：

第一种目的是推动网站访问者参与某个活动或作出某个行为

首先，内容吸引读者并驱使他们采取必要的行动来实现网站预设的目标。这并非只受内容本身（写作）及其呈现方式（排版和结构元素）的影响。

一般来讲，沉闷且毫无生气，过长的文章很少会有人愿意仔细阅读。而简短活泼，有趣的内容则可以抓住人们的眼球并让它们点击某个按钮进入预定的落地页。

即使在某个网页需要大量的内容，我们也可以通过将内容分解为由视觉效果补充的简短段落来正确地“分块”内容，这可以让访问者保持轻松，愉悦的浏览体验。

第二种目的是SEO，即搜索引擎优化

网站上的内容可以提升网页对搜索引擎的辨识度，创建和改进内容以在搜索中排名很好的做法被称为搜索引擎优化或SEO。

正确获取关键字和关键词对于任何网站的成功至关重要，我们通常会通过关键词规划构建完整的站点关键词库，我们可以从中确定网站领域在搜索引擎中的高频搜索词，并利用关键词密度思维对网站内容进行调整与构建，根据权重的分配情况进行关键词的植入，常见的手法有：关键词植入meta标签中，越靠前效果越佳，同时也出现在H1，正文内容中。这样的内容创建方式更收搜索引擎青睐，往往可以在某些关键词中获取更好的搜索引擎排名，这对于通过网站盈利的甲方而言，是非常有价值的一环。

第五步，视觉元素，在建立网站栏目架构和创建一些内容之后，我们就可以开始研究视觉品牌调性了。

根据网站访问终端的不同，我们对于不同的屏幕尺寸进行视觉传达，在起初阶段我们已经明确定义了网站要输出的整体调性，在这时我们就可以开始进行视觉样式的设计调整了。

这一部分通常由客户规定的现有品牌元素，颜色选择和徽标来塑造。但它也是网页设计过程的一个必经阶段，一个优秀的网页设计师可以通过这些设计创造极大的价值。

图像如今在网页设计中扮演着比以往更重要的角色，高质量的图像不仅可以为网站提供更好的外观和整体调性，而且相比文字也可以更高效地传达信息，对于不同分辨率的设备来说更为友好，能有效帮助我们建立用户信任，而可视内容在某些时候也可以增加某些页面的被点击次数。但更重要的是，人们更多时候都会希望在网站上看到的是图像，因为图像不仅阅读起来更加轻松，而且它们还增强了页面中包含的消息，甚至人们不需要专注于阅读便可以提取到你想传达的主要信息。

第六步，网站程序测试。

到目前为止，我们已经完成了所有页面的设计及内容的创作，并定义了它们如何向网站访问者显示，在完成前端与后台程序的编辑之后，我们需要确保网站能够正常运行。我们将在不同设备上进行浏览测试与自动化网站站点爬虫相结合，以识别用户在浏览体验过程中可能会遇到的问题，或是致使用户断开链接或是空白的所有内容。

彻底测试每个页面以确保所有链接都正常工作，并确保网站在所有设备和浏览器上都能够正确加载，没有排版错乱等问题。一般来讲这种错误可能是因为编码错误的结果，虽然我们要找到这些问题并修复错误通常很麻烦，但我们最好这样去做，因为耀年数字向来以客户为中心。

对于一些竞争较高或是其他对网站安全性能有更高要求的网站，我们还可以进行网站渗透测试，以避免网站因潜在的漏洞风险被劫持或造成机密信息泄露。

最后一步，让你的网站上线！

这其中包括规划上线时间与推广传播策略，后者决定了你借助什么方法让网站让人们看到。在对网站进行了全面测试，并且您对网站感到满意的时候，我们就可以让网站上线了。

但我们仍不会因为网站上线后便对其感到放松，有可能仍有一些潜在的元素设计需要根据用户访问回馈数据分析并进行相应的细微调整，耀年数字网页设计项目往往是一个持续的过程，通过不断维护与优化，就网站上线工作，我们一般还有以下几个必经步骤以服务于搜索引擎优化：

1.登录搜索引擎

将网站提交给搜索引擎以便更快的收录网站页面，我们需要通过robots文件告知搜索引擎蜘蛛我们的网站链接都在哪里，其次通过sitemap文件存储我们的网站链接，并及时更新新出现的页面，大多时候我们会通过插件自动完成这一工作，如果你想让网站更快的被人看到，那么就一定要做好网站建设后搜索引擎上线的工作。

2.访问统计代码植入

一般而言我们建议客户使用百度统计代码植入页面进行访问数据统计，这不仅可以让客户更清晰直白的了解网站近期的访问状况，还可以根据搜索词与访问热度判断自己那些页面是更具有排名竞争力的，这对于后续的优化工作有极大的指导意义，我们也能得出一段时间内网站整体流量的变动，并从页面上下游分析中得出有助于策略调整的数据。

3.网站优化工作的制定

一般来讲，网站刚上线的时候页面内容是不够丰富的，必须要长期更新以维护网站，而这个过程也就是SEO优化工作中的重要环节，如果希望站内优化工作能够高效进行，最好的方式是通过甘特图等方式制定每日的工作计划，这对于网站运维来说是很有必要的

4.网站外推

很多时候搜索引擎优化都是一个漫长的过程，在这之前我们想要加快这个进度，在网站有稳定的关键词流量来源之前我们可以通过在其他渠道推广网站来获取流量，比如博客、贴吧、论坛、微博等方式都是值得使用的渠道。