sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

网站版式的创建:避免的好处,阶段和常见错误

Share

Time:

2020-04-16 08:55:04

Author:

limo

一个好的网站需要具备什么条件?许多人会说重要的是有用和排他的内容。没错,但是网站的设计同样重要。事实是,如果网站的可用性很差,就没有人会访问您网站设计中的独特内容。大多数用户会把它关掉,然后去找别的网站。没有一个好的网站版式,就不可能创造出完美的网站设计。在本指南中,我们将阐明网站版式开发中常见的陷阱。


网站版式:这是什么?


网站设计过程包括四个后续阶段,每一阶段都需要产生一种中间产品:

一个线框图;

一个网站版式;

一个网站原型;

最终产品(网站)。


线框图只是一个未来网站的草图,通常是手工绘制的。一个网站版式,反过来,是一个现实的网站形象,其中显示的颜色,形状,和风格的所有设计组件。它有助于理解整个网站的外观,评估其可用性和设计。一个网站原型是一个所谓的最小可行的产品-一个工作的可点击的网站版本,用于测试和评估。




为什么你需要一个网站版式?


如果您认为产品几乎不需要测试就可以跳过网站原型的阶段,但是开发一个网站版式是必须的步骤。让我们来解释一下它为网站开发人员和站点所有者提供了什么好处。


从网站开发人员的角度来看,一个网站版式可以帮助解决一系列的任务。


1)及早发现问题。突然发现似乎很完美的设计存在严重缺陷。越早发现并改善这些缺点越好。


2)可能比较不同的变化,例如,几种配色方案,并选择最好的一个。当客户和开发人员在某些方面不能达成一致时,这一点非常重要。


3)广告和促销。证明你的技能和解释你的想法的最好方法是展示它们。毕竟。а图片顶一千个词。


从产品所有者的角度来看,开发一个网站版式有以下好处。


1)一种吸引投资者的方式。如果你想找人投资你的产品,你可能要先把它展示给潜在的投资者。线框图显然是不够的,而网站原型太贵了。一个网站版式正是你所需要的。


2)版式可以作为参考。如果您查看一个版式页面并了解它是如何工作的,那么在使用实际站点时就不会遇到任何困难。


3)它有助于理解什么是错误的,并改变它。在网站版式开发阶段,很容易进行修改。当你看到一张真实的照片时,你可以更好地理解你想要改变什么。


最重要的是,一个网站版式可以帮助双方在所有细节上达成一致,以免为时已晚。




如何创建一个网站版式


网站开发人员在版式创建阶段的主要目标是在设计和功能之间找到一个完美的平衡。有时,如果不能满足潜在用户的期望,很酷的设计可能会变得毫无用处。一个好的网站必须赏心悦目。


然而,使其易于浏览也同样重要:所有的关键元素和按钮都应该是可见的,并且易于从任何页面访问。


在制作版式之前,尽可能多地获取关于产品的信息是有意义的。试着找出下列问题的答案。


网站创建的目的和理念是什么?


它将出售什么商品或服务?


谁是它的潜在用户/访客?


目标受众的平均年龄是多少?


该网站将包含哪些内容?


需要以什么形式提供信息?


会有一个移动版本吗?它应该是什么样的?


在这个阶段,客户、开发人员和设计人员的协作是至关重要的。当所有的细节都安排好了,就该开始计划了。你做的准备工作越多,将来需要改变或增加的东西就越少。


你需要考虑的网站版式的主要元素包括:


款式及配色方案;

公司的标志;

网站的结构;

call-to-action元素和按钮;

布局。


这些都是简单网站的必备元素,大型复杂的sires和门户可能有许多额外的元素需要考虑。




版式开发中常见的陷阱和错误


有时候,一个小细节就能毁掉整个项目。无论项目类型如何,都要尽量避免开发人员常见的错误。


1)过多的细节,如果您不确定是否需要某个元素,那么您可能不需要。去掉任何不必要的东西,保持界面整洁。


2)不恰当的颜色,错误的,不匹配的颜色看起来很糟糕,以及过于明亮的鹦鹉式配色方案。使用Photoshop进行版式开发也是一个坏主意。


3)阅读文本,重要的是要选择正确的字体、样式和颜色的文本和背景。一个经典的解决方案是在单色背景上的黑色文本。同时,您可以使用不同于文本其余部分的颜色来突出显示链接。使用太亮、太艳的颜色和太黑的背景会让你冒着失去可读性的风险。


同样重要的是,要确保网站版式在各种屏幕上正确显示,交互元素在触摸屏上也能正常工作。


底线


制作版式是网站开发过程中的一个关键阶段,因为它有助于尽早解决多个问题。因此,它节省了时间和金钱在未来。要做到这一点,你可以选择一个众多的版式建设者可用。我们希望我们的建议将有助于你作出一个真正用户友好和好看的产品。