当您熟悉网站创建的世界时，您会发现“网页设计”和“网页开发”几乎可以互换使用。
在初学者级别，他们基本上是–都是关于创建网站的。
但是我们在这里可以帮助您从初学者到专家，以SpaceX火箭的速度弹弓，所以我们将为您进一步分解它们。
上面我们已经介绍过，Web设计是关于人们看到的内容以及它们与您的网站的交互方式–按钮，颜色，字体，图像，页面布局等。
Web开发实际上是要进入代码，编写构成功能网站的HTML，CSS，Javascript，PHP等。
如果您是使用网站构建器或WordPress之类的CMS构建网站的，那么从某种意义上来说，这两者都是有意义的（即使您没有写一点代码也是如此）。
随着技术的提高，您可能需要在Web设计或Web开发中建立一些武士水平的技能。
或者，您可能想雇用某人来帮助您完成网站创建过程的某些部分。
因此，这里更深入地介绍了Web设计人员和Web开发人员之间的区别。
什么是网页设计师？
再次简单地说，这些人使网站看起来不错并且易于使用。
但是在像Amazon和Google这样的大型网站的世界中，也许有一天您的网站中，实际上存在着几种不同类型的“网页设计师”。
用户界面（UI）设计器
在网站建设游戏的顶层，UI设计人员仅致力于视觉效果–使用的颜色，使用的字体，使用的图像以及位置，文本的大小和位置等。
只是视觉的“外观”，美学，而不是任何“感觉”的东西。
因此，当很多人说“网页设计师”时，这通常就是他们在说的…
用户体验（UX）设计器
但是，网页设计界还有另一端–网站的“感觉”。
当您入门时，老实说，很长一段时间之后，在很多网站上，您都可以坚持使用预先构建的模板和一些标准的设计表单来确定网站上的工作方式，按钮的位置，在哪里使用导航菜单和元素等。
例如，您的站点应具有主页（联系页面，关于页面，主页，博客等）的标题菜单。任何网站主题或模板都将具有这些主题，而仅通过使用Internet，您就知道标题菜单是您的网站在页面顶部必须具有的东西。
但是在游戏的更深处，您会开始问“在标题菜单中实际上应该包含哪些页面？”之类的问题。 “标题菜单中的联系页面是否应该有一个按钮？” “菜单应该停留在屏幕顶部并在我向下滚动或悬停在内容上方时消失吗？”
UX设计师会问这些问题，然后进行用户研究和测试，以找出布局页面的最佳方法，包括要包含的确切元素，以使大多数人发现您的网站有趣，引人入胜，甚至有些上瘾。
什么是网络开发人员？
再次，这些是使运行的实际代码变成网页设计的人（“这里是文本在哪里，用什么字体，以什么大小；这里是按钮在哪里，它们应该是这种颜色”等）实际网站。
而且，再次入门时，您将使用网站构建器和WordPress之类的工具来为您处理这些事情-因此，您将在进行“网络开发”时进行“网络开发”设计。”
但是，当您变得更高级时，有时您会希望事情看起来像模板中找不到的某种方式，或者无法通过网络生成器的工具包或WordPress插件实现。
在这种情况下，您需要一个了解代码的人来实现它或自己成为一个人。
到那时，您肯定会赢。
到那时，您将需要三种Web开发人员之一的帮助。
后端开发人员
后端开发人员是负责网站核心结构的专家。
他们使用Java，SQL和C ++之类的语言从数据库中获取某些信息，单击按钮后加载页面，将您的联系表格之一中的新条目发送到MailChimp之类的程序，以便您进行一些电子邮件营销。
基本上，如果它与使您的网站正常运行但与访问者所见不直接相关的事情有关，则这是后端开发人员的工作。
前端开发人员
前端开发人员制作HTML，CSS和Javascript，使您网站的访问者可以看到。
您需要一个按钮吗？前端开发人员会将其添加到代码中。
需要此联系表具有姓名，电子邮件和消息字段吗？前端开发人员将使这些字段显示在您的页面上，并能够接受某人的文本（但是后端开发人员将确保在服务器上正确接收数据并将其发送到Mailchimp）。
全栈开发人员
现在我们了解前端/后端开发人员，这很容易：全栈开发人员只是可以为“ Web开发堆栈”的两端提供帮助的人。
您是否需要聘请网页设计师或网页开发人员来帮助您创建网站？
简短的回答：不！
尤其是当您入门时，最好的网站构建器之类的工具以及WordPress之类的CMS这样的工具，使任何人都可以轻松创建网站，而无需花费大量时间和时间来积累网站设计的精髓或学习如何编写代码 。
当您达到某一点时，您可能需要设计师或开发人员来帮助您完成一些您想做的更高级的事情（例如，我们团队中的一个人创建了一些东西，例如此页面上的跳转到顶部按钮） –谢谢Dan！）。
但是，如果没有这些专家的帮助，您绝对可以构建一些外观漂亮的网站。
而且，由于这里的博客文章和我们的Youtube频道等资源，您可以学习自己做很多Web设计和开发工作！
这很好地引导我们进入有关如何设计网站的分步指南中……
步骤1：定义网站用途
是的，设计网站的第一步有点哲学：您创建网站的原因是什么？
您想创建一个吸引数百万粉丝和读者的博客吗？
有一个很棒的在线业务创意可以让您享受零碎的甜蜜时光和财务自由，而这是您日常工作所没有的？
您是否正在学习建立网站，以便可以作为其他人的网站创建者赚钱？
无论您想学习如何设计网站的原因是什么，您创建的每个网站都必须有一个目的，即法国人的“存在理由”或试图太过花哨的人会认为它是有目的的（#guiltyascharged）。
你为什么问？
好吧，如果您是网站建设的新手，那么思考起来超级容易。关于如何建立网站，如何建立博客，如何在线赚钱等，有数百篇博客文章。
关于创建在线业务应采取的措施，网站应具有的功能，建立业务所应使用的工具的各种想法。
了解您为什么要建立网站以及网站应该做什么，可以帮助您决定需要创建的设计以及#extra的内容。
另外，如果您不清楚网站从一开始就应该做些什么，您可能会遇到一个“怪异的网站”，这有点怪诞和令人困惑，因为您花了100多个网站建立了100个想法。
因此，为了帮助您在进行网站设计时一目了然，我们为您准备了三件事：
有关您要设计的网站的常见问题列表
对网站可以实现的3个基本目标的一些见解
您可能要建立的网站类型的一些示例
首先，将军，请教您的和尚/爱因斯坦：
你为什么要一个网站？
一个“成功”的网站对您来说是什么样？
您认为您的观众/观众是谁？
他们通过访问您的网站获得了什么？
一旦他们到达您的网站，您希望他们做什么？
您的网站创意与他人相比如何？
您的目标是从您的网站赚钱吗？
最后一个使我们很好地进入：
网站的3个主要目标
在较高的层次上，一个网站基本上可以为您做三件事：
建立您的权威
产生潜在客户
销售产品
第一个可能是最简单的-您真正需要的只是一些相对基本的页面和博客；您可以从那里得到更多的希望，但这是使人们知道您的意思并与他们建立足够联系以使他们希望听到您的更多信息的基本条件。
从技术的角度来看，第二个较为复杂，但并不过分。
无需参加整个业务讲座，基本上，通过“产生潜在客户”，我们意味着两件事之一：
您要出售某种服务（例如图形设计或网页设计），并且希望人们能够访问您的网站，决定他们想与您合作，然后找到一种上手的方式。
您正在建立一个联盟网站，在这里您想吸引那些会阅读您的内容的人，然后单击他们将要购买的产品的链接，并从中获得佣金。
对于这些网站，您需要多考虑一些您想要和需要吸引什么样的人（这在很大程度上是一个营销问题，但也会影响您的设计），以及您需要展示和讲述的内容他们，以便他们想要单击您的会员链接或填写表格以与您合作。
第三个是最复杂的-除了一些描述您的网站/业务的基本页面，一个博客以及一些有关您需要访问谁以及何时让他们看到它们的思考之外， ，则必须创建电子商务页面和功能，以便他们可以向您购买产品。
6种网站
这三个基本目标可以转化为几种不同的网站，每种网站都会影响您在设计网站时需要考虑的功能和外观。
步骤2：网站配色方案
颜色是定义网站设计和整体品牌的重要组成部分。
颜色的含义和最适合您的网站及其所代表的业务的颜色背后蕴含着大量的心理。
整本书和网站都涉及“色彩理论”主题，但是我们在这里为您节省阅读时间。
以下是颜色与品牌和网站有关的基本含义：
黑色代表奢华，力量，优雅和精致。
灰色代表简单，中立，逻辑和“未来”。
红色代表紧迫感，兴奋，危险和激情。
粉色代表甜蜜，女性味，纯真和浪漫。
黄色代表乐观，开朗和年轻。
橙色代表创造力，友善和热情。
紫色代表成功，智慧，财富和皇室。
绿色代表健康，财富，和平与自然。
蓝色代表安全，稳定，信任和平静。
很酷，但是您如何选择网站的颜色呢？
好吧，大多数品牌都有一种主色，然后是两种或三种二色和一种背景色。
您还需要考虑一下您的受众群体-不仅要选择自己喜欢的颜色，还要选择能够与访问您网站的人进行良好交流的颜色。
为高档（又名昂贵）餐厅建立网站？黑色，红色和紫色是不错的起点。
建立销售婴儿服装的网站？蓝色，粉红色或黄色可能是此举。
也许这是您网站创建服务的投资组合网站。灰色，蓝色和橙色在此处稳定。
一旦确定了哪种主要色彩最适合您的目标受众，就该旋转Adobe的“色轮”了。
它是100％免费的工具，可让您选择主要颜色，然后自动为您建议辅助颜色。
而且，它将为您提供十六进制代码（例如“＃231885”），这些代码将用于告诉您的网站建设者/ WordPress在某些地方确切使用哪种颜色（而不是依靠您的眼睛来尝试匹配–那不是专业的大声笑）。
确定了配色方案后，如何在您的网站上使用它？
主色应在网站的最重要部分中使用，例如：
您的徽标
菜单标签
号召性用语按钮
重要信息的背景
标题
您的辅助颜色应在诸如以下的地方用作重点：
副标题
重要但并非最重要的信息背景
悬停效果
您的背景色（可能是白色，灰色，黑色或您从Adobe的朋友那里获得的辅助色之一）应在…背景中使用。
咄。更具体地说/有帮助地：
当您希望页面的某一部分的文字和图像突出时，请使用较浅的彩色背景。
使用较深的颜色/辅助颜色来帮助区分页面的各个部分；如果您确实想在您的网站上推广品牌，请使用这些背景/代替浅色或白色背景。
