良好的网页设计中的简单性,简化设计技巧

  网页设计中的简单不一定等同于简约的设计美学。简单的站点只需从设计、内容和代码中删除所有不必要的元素。尽管极简主义网站通常符合此条件,但无论从哪方面来看,有很多网站都不会被认为是“极简主义者”,但仍然符合简单的定义。

  乐得设计给大家带来的是简化网页设计的一些优点以及简化你自己的网页设计过程的一些简单技巧。

简单网站的优势

1、更容易浏览

  简单的网站没有多余的信息。这有助于以两种方式进行导航:通常站点的页面和部分较少,而且网页设计通常不太混乱,从而更易于查找导航元素。

  简化网站设计可以很好地解决导航可用性问题。以下是一些简化导航的提示:

  仅使用一个主导航菜单。

  确保整个站点的导航一致。

  对各个部分使用的导航可简化主导航。

  不要使用下拉菜单进行导航,因为这样很容易隐藏混乱的菜单。相反,强迫自己将导航元素纳入网站的设计中。通常这将使导航更加整洁。

2、设计简单,加载速度更快

  简单的设计通常会导致文件较小。较小的文件加载速度更快。另外,如果你使代码简单且精简,则不需要调用多个样式表,大量JavaScript文件或其他许多增加你的网站发出的HTTP请求数量的内容。更快的加载速度和响应速度可以改善了用户体验。

3、内容更“可扫描”

  当你的站点设计中没有大量复杂的装饰元素时,你的内容将成为焦点。访问者更容易浏览放在网站最前面的内容。一项研究表明,有79%的测试用户扫描了他们访问过的任何新页面,而只有16%的用户逐字阅读页面。与这些扫描的访问者一起工作比尝试与之抗争要好。通过将内容放在首位,你可以使访问者更轻松地快速浏览其中的内容。这些访问者会认为你的网站更加用户友好,将来更有可能返回。

4、简单的站点可以更快地设计和构建

  如果你的网页设计简单,则代码很可能会跟进。设计具有简单布局,一个或两个页面模板以及简单排版的网站比设计具有八个部分(每个页面具有不同页面模板),复杂排版以及需要复杂切片和编码的背景的网站要快得多。只是要注意创建一个看起来简单但实际上非常复杂的网站。旨在使你的代码尽可能简陋。有时只需调整边距或在某个元素上填充或移动一些内容就可以大大简化你的网站代码,而不会对前端设计产生任何明显影响。

5、简单的代码更容易调试

  如果你的代码经过简化,则发现错误更容易。如果你的样式表包含300个不同的属性,那么与30个样式表相比,找出某些不起作用的原因将花费更长的时间。寻找从一开始就简化代码的方法。诸如组合CSS属性和定义之类的事情会使你的样式变短很多。组合样式表或JavaScript文件也可以大大简化整体代码。并利用自动程序,这些程序可以在上载样式表,脚本和其他文件之前剥离掉不必要的标记(只需确保仔细检查所有内容是否仍可以正常使用)。

6.较小的文件大小意味着更少的服务器空间

  已经提到,简单站点的文件大小通常比复杂站点的文件大小小。这意味着你的站点将比其他站点占用更少的服务器空间和带宽。尽管对于一个每月只有几千个访问者或内容有限的网站来说,这可能不是什么大问题,但是对于具有更多页面和更多访问者的网站而言,这实际上可以节省大量资金。考虑一些带有很少图像的极简主义主页可能小于100kb,而更复杂的网站有时可能接近1mb。这意味着简单站点的流量可能是复杂站点的十倍,而成本却相同。如果内容很多或访问者很多,则简化站点并减小文件大小是很有意义的。

如何简化你的网站

1、去除不必要的装饰元素

  许多最初的网站设计都包含了许多毫无用处的装饰元素。虽然不必从设计中删除所有装饰元素,但至少删除其中一些装饰元素通常会使你的站点看起来更整洁。可能会被删除或简化的元素包括图像边框、阴影、页眉或页脚中的多余图像以及各个页面上的额外说明性图像(有时一两个图像就足够了)。

2、问问自己:“这个元素真的很重要吗?”

  创建简单网站时,这有点是“黄金问题”。在每个元素上,无论是设计,代码还是内容,你都应该问自己是否真的必要。看一下你网站上的哪些元素也可以合并。是否有可以合并为一页的页面?你可以组合样式以简化样式表吗?几乎可以肯定,你的设计和代码中的某些元素可以组合在一起以简化操作。

3、确保网站的后端与前端一样简单

  许多设计师只专注于设计的前端,而很少关注其代码。一些外观简单的网站在后端一片混乱。确保你网站的标记尽可能简单。这可能会限制样式表中的样式数量或使用的JavaScript效果数量。这也意味着编写良好的,符合标准的标记。这也意味着你应该为站点的主干网选择合适的CMS。一些CMS过于复杂,尽管某些站点从其复杂性中受益,但它们对于许多站点而言很容易过大。选择仅提供所需功能或允许您根据需要打开和关闭功能的CMS。