在我们深入研究该过程之前，让我们从基础开始：Web设计是创建网站的视觉外观的过程。
如今，“设计”还包含了“用户体验”的概念-这本身就是一个完整的主题，但是就我们今天的目的而言，这意味着网站设计不仅在于网站的外观如何，还在于其网站的简便性做诸如查找信息，重要链接和按钮之类的事情。
因此，“外观”（人们在您的网站上看到的内容）和“感觉”（使用您的网站的容易程度）。
网站是使用HTML和CSS编码语言构建的，HTML和CSS可以告诉网络浏览器如何在网站上排列所有文本，使用哪种颜色制作图片，在哪里放置图片等。
在过去，Web设计人员不得不从头开始手工编写网站代码-实际上为他们制作的每个网站编写HTML和CSS代码的每一行。
如今，由于“您所见即所得”网站建设者和诸如WordPress之类的内容管理系统，您可以成为设计师而无需了解任何内容。
这些网站创建工具完成了为您创建代码的艰苦工作，因此您可以使用基本的计算机技能（用鼠标拖动事物，单击按钮，复制/粘贴）来创建网站。快速简便。
“外观”是什么意思
有一些Web设计元素可以确定您的网站的外观（好坏）。
您的文字是什么颜色？ 那段文字后面的背景怎么样？ 您的标题菜单？ 纽扣？
色彩是制作美观网站的重要组成部分，也是网站看起来像是应该向业务主管出售昂贵手表的重要组成部分，还是您的兄弟共享侄子生日聚会照片的地方。
字型
字体决定您网站上文本的外观。 仅仅基于字体，相同的单词就可以感觉到超高级（如始终优雅的Helvetica）或随意友好（#comic sans）！
图形/图像/视频
这些东西包括照片，视频，图标，插图（其中整个“图像”是在Adobe Illustrator之类的程序中绘制的–上面的可爱小猫就是例子！）或合成图像（例如“如何设计网站” 图片在这篇文章的顶部）。
这些照片显然是由摄影师拍摄的。
如果视频是真实世界的视频，则将由摄影师制作；如果是其他图像/插图，则由动画师制作。
从技术上讲，它是“图形设计师”，可以创建图标，插图和合成图像
但是，由于存在太多重叠，因此许多网页设计师都具有图形设计/摄影/录像技术，因为存在太多重叠。
一旦获得这些照片/图形/图像/视频，“网页设计师”就是以一种看起来很棒的方式将它们添加到网站的人。
书面内容
创建内容/文字不是网站设计师的工作，而是与图形设计一样，一些网站设计师具有内容创作技能。
在网页设计方面，“内容”是指在网站上排列单词，以便它们易于阅读并吸引人们的注意（例如，在阅读这些内容之前，我们希望您先阅读上面的“书面内容”） 最后两句话，因此我们在页面上将其提高了，而在页面上使它变得更大，因此它引起了您的注意，并让您知道该部分内容。
但是，由于存在很多重叠，特别是如果您创建自己的网站，因此创建网站设计的人可能还会编写部分或全部内容。
“感觉”是什么意思
除了上述内容之外，这些视觉元素与一些网页设计魔术结合在一起，使网站看起来引人注目，还有一些元素使网站“感觉”容易，我们敢于说出乐趣。
布局是页面上图形，文本和按钮的排列方式。
布局不仅使您的网站看起来不错，而且布局坚实也易于使用，因为信息以合理的方式显示，按钮位于人们期望的位置，图像被放置以帮助人们理解 您要在不使文本难以阅读等情况下进行交流的内容。
导航
这是人们从一页到另一页的方式，对于较复杂的页面，这是他们在页面周围的方式。
以这个网站和页面为例（您在这里，为什么不这样做），其中包括
标题菜单（桌面上页面顶部的“首页”，“ YouTube教程”，“书面指南”等部分，或移动设备上的三行叠加部分）。
浮动目录位于左上角（如果您使用的是台式机；如果您现在像大多数人一样使用手机，则会在页面顶部看到该目录，该部分巧妙地称为“目录”）。
“跳到顶部”按钮（页面右下方蓝色圆圈背景上的白色箭头）。
页面底部的“最近撰写的文章”部分。
此类导航元素的目标是使人们在需要时能够轻松找到所需的页面和信息。
兼容性
兼容性是您的站点/页面在不同的浏览器，操作系统和设备上的加载和外观状况。
对于6英寸的手机屏幕，人们必须用手指轻敲东西，而对于15英寸的笔记本电脑屏幕，人们使用鼠标/触控板，您网站的外观和功能将有所不同（提示：如果您使用 想要进入网站构建游戏，让自己成为鼠标；即使是Apple的触控板也很难使用）。
