打造现代网站设计的十大规则

创建一个设计与时俱进、极具现代感的网站，并且让所有使用它的人都感受到便利，已经不是什么难事了。当下的设计潮流与几年前相比已经发生了天翻地覆的变化，常见的网站更新得也很频繁。

设计网站时并没有什么必须遵守的特定规则，只是在开始或者完成设计之前有一些需要注意的事项，希望对大家有所帮助。

创建版式

设计时你可能觉得自己前无古人后无来者，但完成后，你可能会发现网站看起来繁冗且尴尬。这是因为你只能在工作完成后才能全面检视你的成果。

为了避免这种状况，你可以尝试先为你设想的设计创建一个版式。可以画在纸上，也可以用Photoshop。这应该是设计网站的第一步。

使用风格指南

通过使用“风格指南”，你可以在整个网页设计中实现一致性，避免尴尬。网络上有很多指南，你也可以动手设计自己的指南，比如在模板中保存所有你将要在设计中使用的合适的字体。

使用简单的大字体

字体最近在网站设计中被频频提及。独特的排版样式会令人愉悦，但我们一般不鼓励使用闪亮的字体，除非你的网站恰好需要这种风格的设计。

现代字体一般趋向于简单。它们要与背景形成对比，这样用户才能看到文字。此外字号一定要大，这样用户才能毫不费力地看清具内容。要做到用户一打开网站，就能知道网站到底是干什么的。

使用响应式大图像

确保网站上使用的图像足够大，能够吸引用户的眼球，抓住他们的注意力。一定要使用高分辨率图片，并确保它们出现在正确的位置。很多网站喜欢在屏幕顶部也就是菜单上方使用大图像。

这些图像一般都是响应式的。点击图像（而不是文字）跳转到网站的相应页面是当下很常见的策略。当然也不要过度使用这种策略，因为文字的便利性永远不可能被图像所取代。

设计的其他部分也要做成响应式

当程序员首次实现响应式设计时，大家都觉得非常酷。现在这已经是很常见的操作了。响应式设计已经成为当下网站设计时的必要条件。

要确保网站在PC和移动端屏幕都能正常显示。现在，没人会喜欢一个做不到响应式设计的网站。

主题视频

很多网站会在首页放置一段视频，介绍他们主推的产品。视频一般设置为自动播放，因为大部分情况下用户不会主动点击播放视频的。

如果你的网站也有这样的视频，那么它的内容必须是用简单的语言介绍你的产品及其优点。因为如果用户感觉太复杂的话，一般不会愿意使用你的产品。

合适的菜单

汉堡菜单曾经流行过一段时间，因为它能节省屏幕空间，而且非常容易上手。但很快，设计师就意识到汉堡菜单带来的不便。

汉堡菜单很难定位。有时候即使访问者终于成功定位，大多数人也并不知道怎样才能到达他们在寻找的页面。汉堡菜单仍然受到手机应用开发人员的欢迎，因为手机屏幕比电脑屏幕小。

现在回归潮流的是老式菜单，访问者定位简单，能够找到必要的信息跳转到想去的页面。除此之外，侧边栏其实也是不错的存在，因为能节省屏幕空间。

配色方案

尽量使用有活力的颜色。这个有活力并不意味着特别鲜亮的颜色。网站的配色必须与网站所采用的字体与图像形成对比，但又不能对眼睛造成压力。此外，网站配色还应配合网站内容与目的。

实时聊天

很多做得好的网站都有实时聊天功能。许多网站已经用它取代了几乎不会获得任何反馈的联系我们页面。

实时聊天需要一位员工随时在线查看并解答访问者的疑问，一般是采取多人轮班制的。

导航简单

访问者应该能够自由查看自己想看的内容，而不会困在某个页面不知何去何从。

为了做到这一点，一定要在合适的地方使用文字进行导航，指引人们达到要去的地方。

相关荐读文章1：网站设计的五大黄金法则

2、网站设计师行业六原则