网站设计系列｜FOLLOW这八个简单步骤，设计出最强的网站！
38%的网站造访者会因为网站设计不美观而离开网页，可见网站设计的重要性。今天，哈利熊为大家整理了网站设计的八大步骤。
网站设计八步骤- 定义网站的目标和策略
- 研究最新的网站设计趋势
- 选择平台
- 选择模板并开始客制化
- 选定品牌策略
- 增加并优化内容
- 发布网站
- 分析并改进
一、定义网站的目标和策略
要订定目标是在我们几乎所有网路行销策略中最重要的一步，网站设计也不例外，在埋头开始创作前，你必须先弄清楚这个做这个网站的目的是什么。这会为未来网站设计的方向订下重要的基础。
网站目标有非常多种，以下只是一些常见的例子：
- 单纯陈列资讯？
- 增加营收？
- 打造品牌？
- 收集联络资讯？
- 成为产业具权威性的指标？
- 与现有或潜在客户增进互动？
如果今天制作的是针对单一产品的登陆页面，那么可以遵照SMART原则，订下一个明确的、可衡量的、可达成的、相关的及有时限的目标。
二、研究最新的网站设计趋势
网站设计的趋势变化快速，但也有一些恒久不变的设计趋势，你可以参考2020年五大设计趋势，以及2020年网站设计趋势，比如说动图、聊天机器人等。
但记得，非常新颖、流行的趋势不一定是最适合你的品牌的。
48%的人认为一个网站最重要的因子就是网站设计！所以在设计上绝对不能马虎，除了研究最新的网站设计趋势外，也可以看看竞争对手、业界的设计，决定你是要符合产业的设计趋势，还是打破传统的设计风格，做设计上的先锋者。
三、选择平台
想到网站设计，大部分的人可能会想要雇用专业人士，但有时候纯客制化的网站成本非常非常高。但是还好，现在有非常多已经架好的网站以及电商平台供选择，让你能够在完全不懂任何coding的情况下，快速的架出一个好网站。
架网的平台选择非常多元，有Wix、Shopify、BigCommerce、Squarespace、GoDaddy等。
Website Builder Expert针对不同的平台做了品质上的比较，不同的平台可以因应不同的需求。
而针对有一些基础coding知识的人来说，可以选择WordPress。WordPress是网站设计最热门的平台，可以几乎客制化你想要的版型与风格、免费的使用，还可以插入一些非常有用的小工具。
哈利熊上也有许多优质的卖家，可以教你快速的架网，回答你网站设计中遇到的问题。
wordpress 服务四、选择模板并开始客制化
现在你已经确立了网站的目标、查清楚了最新的设计趋势，并且选定了理想的平台，就可以开始选择网站的模板。网站模板，也有些人称之为网站的主题（Website Theme）是你网站的页面配置。就有点像是一个房子的基本结构，墙面、地板、隔间等等，在你把沙发、床这些家具搬进来前的样貌。
如果你选择的是市面上常见的平台，那么其实会内建非常多模板供选择，通常这些模板也会根据不同产业进行分类，在筛选起来应该是蛮容易的。
比如说Wix，是非常适合架设登陆页面的平台。
你可以根据网站目标以及产业进行选择，可以选择「线上商城」、「设计师」、「部落格」、「美妆」、「餐厅」、「健身」、「摄影」等。
接著，就可以选择不同的版型。
五、选定品牌行销策略
现在，我们要开始进入真正的设计阶段！
在设计的时候，你应该把整体的品牌策略纳入考量，这包括了品牌的颜色、风格、字体、图片等等，在设计的时候，非常重要的一点就是保持品牌的一致性，每一个页面、每一个元素都应该是要围绕著品牌的策略进行的。
1. 品牌颜色
品牌的颜色是设计中非常重要的一环，不同的颜色会有不同的心理效果，刺激不同的情绪反应，所以在选择颜色的时候就是至关重要的了。你可以参考这篇，颜色使用大全：不同性别、年龄层分别该用什么颜色呢？。
通常品牌会有一个主要的颜色，再加上两到三个辅助色，而数据显示，最受欢迎的颜色是蓝色，在品牌最爱用的颜色中，有几乎1/3的品牌都会选择用蓝色。
2. 字体风格
颜色对于人类大脑的影响很大，而字体也同样有很大的影响。平均网站造访者会读取页面上约略20%的文字，所以必须将字体设计得妥当、吸引人。
基本上，白领阶层的品牌会想要使用比较经典的字体，英文的话比如说Arial或是Helvetica，中文的话可能是黑体或是华文细体，给人一种比较稳重、专业的感觉。
如果是崇尚有趣、活泼、玩乐的品牌，就可以使用比较抽象的字体。但记得，字体的选择必须找到有趣与可读性的平衡，不要为了让字体过于花俏，而失去本来想要让读者阅读的初衷。
3. 图片
图片是网站设计中非常重要的一个元素，对于客户的点击与互动有极大的助益。且图片的使用可以让客户对你的品牌印象更为深刻，也更容易吸收内容与资讯，研究显示，对于一份资讯，当我们用听的，只能记住10%的内容，但当我们用视觉图片的方式呈现，就可以记住65%的内容！
但是要小心，也不要放置过多的图片，而拖慢了网站的速度。在网站设计最重要的7大元素中，我们有大部分的用户期待网站在2秒内就加载完成。
六、增加并优化内容
现在，你应该对于网站上要放入什么样的资讯有了大概的想法，那么就该做这三件事：
- 版面配置
- 内容放置
- 内容优化
1. 版面配置
版面配置（Positionging）指的是每一页上的内容要该如何摆放。
根据Nelson Study的研究，我们发现通常一般人在读一个网页的时候，会使用英文字母F的阅览方式。所以这也是为什么通常导览栏会放置在页面的最上方，因为这通常是用户第一个注意到的地方。而网站中最重要的资讯也应该考虑「F格式」，放置在相应的位置。
2. 内容放置
内容放置就是要将所有的内容放置其中，包括文字、图片等。
文案是一个非常重要的行销元素，可以参考网路商品的介绍文案怎么写，才能抓住客户的心？或是哈利熊文案系列文章。
3. 内容优化
内容优化（Content Optimization）指的是透过内容的优化，更好的让用户接收网站的资讯，也能进而转换为较佳的网页表现指标让网页在搜索引擎的排名更前面。
说到内容优化，也牵涉到了SEO（搜索引擎优化），透过对于页面资讯的改进，来增加页面在搜索引擎中的排行。网站中的每一个元素都有可能影响到网站的排名，包括文字、图片、内部链结，甚至是在手机装置上的反应，而对于SEO不熟悉的朋友，可以参考哈利熊的SEO系列文章。
七、发布网站
当网站网站有了一个雏形，就进入到测试网站的阶段，展示给家人、朋友、同事看，看看是否有错误，或哪里需要改进，一般需要注意的地方有：
- 测试所有的链结是否都正常运作，连结到正确的页面
- 所有的内容是否可读，方便被找到
- 离主页不要超过3个点击次数
- 网站在各个装置都是可以运作的，包括桌机、手机、平板
- 任何页面的加载速度不要超过5秒
八、分析成效并持续改进
在设计、放置内容、发布后，并不是结束！
网站发布完成后非常重要的一点就是要看网站的表现，很多平台都会有内建的分析器，或是类似的小程式可以插入，你也可以选择使用Google Analytics，查看页面的阅览量、转换率、每一页的停留时间、跳出率等。
最后，再来总结一下网站设计的八大步骤吧！
- 定义网站的目标和策略
- 研究最新的网站设计趋势
- 选择平台
- 选择模板并开始客制化
- 选定品牌策略
- 增加并优化内容
- 发布网站
- 分析并改进
推荐文章：