网页设计查看源代码讨论查看历史

网页设计原图链接来自 站酷 的图片

网页设计（英语：Web design）涵盖了制作和维护网站的许多不同的技能和学科。它包含了网页图形设计、界面设计、编写标准化的代码和专有软件、用户体验设计，以及搜索引擎最优化。通常许多人以团队协作的方式来工作，各自参与设计过程的不同方面；但有些设计师会参与到任一方面。网页设计这个术语通常用来描述与网站前端（客户端）设计相关的设计过程，包括编写标记语言。在更广泛的Web开发领域，网页设计与网络工程存在交集。网页设计师应该对网络可用性有一定的认识。如果他们的工作涉及到编写标记语言，那么他们也应该遵循网页亲和力的最新指引。

页面布局

部分用户界面设计受到页面布局质量的影响。例如，设计师在设计页面布局时可能要考虑网站的页面布局是否应该在不同的页面上保持一致。在布局设计中，页面像素宽度对于对齐对象也是至关重要的。最流行的固定宽度网站通常具有相同的设置宽度，以匹配当前最流行的浏览器窗口，在当前最流行的屏幕分辨率，当前最流行的显示器尺寸。在大屏幕上，大多数页面也是中心对齐的，以保证美观。

字体设计

网页设计师可以选择将网站字体的种类限制为仅有少数具有相似风格的网站字体，而不是使用各种字体或字体样式。大多数浏览器都识别特定数量的安全字体，设计者主要使用这些字体来避免复杂性。

动态图形

使用动态图形也可能影响到页面布局和用户界面。是否选择使用动态图形可能取决于网站的目标市场。娱乐导向的网站预期或至少更容易接受动态图形。然而，一个更严肃或正式的网站（如商业、社区、政府网站），可能就会觉得出于娱乐或装饰目的的动画没有必要，还会分散人们的注意力。这不是说比较严肃的内容不能用与内容相关的动画或视频演示来提升。无论哪种情况，动态图形设计都可以使更有效的视觉效果或分散注意力的视觉效果有所不同。

代码质量

网站设计者可能认为符合标准是良好做法。这通常通过描述说明元素在做什么来完成。不符合标准可能不会使网站无法使用或容易出错，但标准可能与页面的正确布局有关，以便于阅读，并确保编码元素适当关闭。这包括代码中的错误，更有条理的代码布局，以及确保正确识别ID和类。编码不佳的页面有时俗称tag soup。只有在做出正确的DOCTYPE声明时才能通过W3C进行验证，该声明用于突出显示代码中的错误。该系统能识别错误和不符合网页设计标准的地方。这些信息可以帮助用户改正错误。

生成内容

网站的生成方式有两种：静态或动态。

首页设计

包括Jakob Nielsen和Kyle Soucy在内的可用性专家经常强调主页设计以确保网站成功，并声称首页是网站上最重要的页面。不过，2000年代的从业者开始发现，越来越多的网站流量绕过主页，通过搜索引擎、电子新闻稿和RSS源直接进入内部内容页面。使得许多从业者认为首页没有大多数人认为的那么重要。Jared Spool在2007年提出，网站的首页实际上是网站最不重要的页面。

在2012年和2013年，轮播（Carousel）已经成为极受欢迎的设计元素，经常用于在有限的空间展示特色或最近的内容。许多从业人员认为轮播是一种无效的设计元素，会损害网站的搜索引擎优化和可用性。

视频

网页设计 相关视频

DW网页设计制作视频教程免费公开课 网页设计布局