Web设计中的简单性:优点和方法
简单的网站设计并不等同于极简主义的设计美学。简单的站点只需从设计、内容和代码中删除所有不必要的元素。虽然极简主义网站通常符合这个标准,但有很多网站,不管怎样,都不会被认为是“极简主义”,它仍然符合简单的定义。
下面是简化网站设计的一些好处,以及一些简化Web设计过程的简单技巧。
简单网站的优势
1。更容易浏览
简单的网站没有冗余的信息。这有助于在两wyas导航:一般来说,网站有更少的页面和栏目;或者网站的设计通常不杂乱,更容易找到导航元素。
简化网站设计可以很好地解决导航可用性问题。这里有一些提示,简化你的导航:
只使用一个主导航菜单。
确保导航在网站是一致的。
使用导航的各个部分来简化你的主导航。
不要使用下拉菜单导航,可以很容易的隐藏杂乱的菜单。相反,强迫自己将导航元素合并到站点的设计中。一般情况下,这将导致清洁导航。
2。简单设计加载更快
简单的设计,一般产生较小的文件大小。而较小的文件加载速度。另外,如果你保持代码的简单和精简,你就不太可能会调用多个样式表,一吨的JavaScript文件,或其他内容的增加网站HTTP请求数的大量使。更快的加载速度和更快的响应网站改善用户体验。
3.内容更是“浏览”
当你的网站设计中没有大量复杂的装饰元素时,你的内容就占据了中心舞台。放置在网站最前端的内容更容易被访问者浏览。
一项研究显示,79%的测试用户扫描了他们访问的任何新页面,而只有16%的人逐字读了页面。与这些浏览者一起工作比尝试与他们打要好。通过把内容放在前面和中间,让访问者更容易快速浏览内容。这些访问者会觉得你的网站更方便用户,将来更有可能返回。
4。简单的网站能更快的设计和建造
如果你的站点设计简单,代码可能会紧随其后。设计一个布局简单的网站,一个或两个页面模板,和简单的排版要比设计一个有八个部分的站点(每个页面模板不同)、复杂的排版和需要复杂的切片和编码的背景要快得多。
小心创建一个看起来简单但实际上非常复杂的站点。保持你的代码尽可能简洁为。有时只是调整保证金或填充某一元素或移动周围的东西一点点可以大大简化你的网站的代码没有任何明显的影响在前端设计。
5。简单的代码更容易调试
如果简化了代码,就很容易找到bug。如果你有300个不同的属性有一个样式表,它会给你很多时间去找出原因是工作不比如果你有30。
寻找从一开始就简化代码的方法。像合并CSS属性和定义可以使你的样式表很短。合并样式表或者JavaScript文件也可以大大简化你的代码的整体。利用自动程序,可以去掉不必要的标记从你的样式表,脚本,和其他文件,然后上传(只要确保你仔细检查一切还打算)。
6。较小的文件意味着较少的服务器空间
已经提到过,简单的站点通常比复杂的文件小。这意味着你的站点占用的服务器空间和带宽要比其他站点少。虽然这对于一个月只有几千名访问者或内容有限的网站来说可能不是什么大不了的事,对于拥有更多页面和更多访问者的站点来说,这实际上可以增加一笔巨大的积蓄。考虑到一些极简的网页的一些图片可能会低于100KB,而一些复杂的网站有时可以达到1MB。这意味着,你可以有十倍的流量与简单的网站相同的成本,更复杂的一个。如果你有很多内容或者很多访问者,简化站点并减少文件大小是有意义的。
删除不必要的装饰元素
许多最初的网站设计都包含了许多装饰性的元素,它们毫无意义。虽然没有必要从你的设计中移除每一个装饰元素,但至少去掉其中一些,往往会使你的网站看起来更干净、更优美。
可能被删除或简化的元素包括图像边框、阴影、页眉或页脚中的额外图像以及个别页面上的额外说明图像(通常有一两个图像是充足的)。
问你自己:“这是件真的很重要吗?“
这是创建简单网站时的一个“黄金问题”。在每一个元素,无论是设计、代码或内容,你都应该问问自己是否真的需要。
看看网站上哪些元素可以结合,太。有网页可以合并成一个?你能结合方式来简化你的样式表?几乎可以肯定的是,设计和代码中的元素可以组合起来简化事情。
确保你的网站的后台是简洁
很多设计师只注重设计的前端,很少注意到他们的代码。一些看似简单的网站在后台一团糟。确保站点的标记尽可能简单。这可能是限制你的样式表的样式数量或JavaScript的影响你的使用数量。这也意味着书写好的,符合标准的标记。
这也意味着你应该为你的站点的主干选择一个合适的CMS。一些CMSS过于复杂,而一些网站从其复杂性的好处,他们可以很容易地为许多站点矫枉过正。选择一个CMS,它只提供你需要的功能,或者允许你根据需要打开和关闭功能。
简单的网站设计很好的例子
下面是伟大而简单的网站设计示例,让你思考如何简化自己的设计。