细节决定成败:网站制作过程中需要注意的一些细节

日期:2012-04-26

细节决定成败。设计行业的从业人员应该对此有所体会。很多时候,一个小细节的失误往往会毁了整个设计。这一点也同样适用于网站设计。那么,一个好的网站应该在细节上注意些什么呢?日前国外专业设计师Carrie Cousins在设计网站tympanus上撰文讲述了在网页设计时,应该注意的一些小细节。

站长之家(CHINAZ.com)4月25日编译:每个人都可以通过相关工具创建一个网站,不过所有优秀的网站设计都有一些共同特点:组织有序,内容上乘,并且所有的设计细节井井有条。

网站排列,反差效果和色彩的等小细节的运用关系到设计的成败。在网站发布之前,要对相关细节进行仔细检查,以保证网站整体的简洁感。组织混乱,不够重视细节的网站会显得不专业,甚至会显得突兀。在下一个项目开始之前,设计师应考虑一下所有的小细节怎样能更好地做出项目。

排列

垂直和水平排列是简洁设计的首要关键。随意地排列元素不会营造出网站的简洁感和一致感,而这两个特点通常是非常优秀和专业的网站应该具备的。合适的排列有助于保持网站设计的层次感和一致性。

在处理图片和文本元素时,要注意整个页面是否水平对齐。位于页面顶部的各元素要水平对齐。底部的元素亦然。

页面的垂直排列同样要予以重视。各元素之间应具有相同的宽带,同时元素之间的空格距离亦然要保持一致。网站Jux在图片与网格布局的搭配上就做得很好,各个图片间不仅边距相同,并且不同形状的图片排列起来也堪称完美。

在网站设计过程中,对齐条目最快,最简单的方法就是使用网格。至于什么样的网格类型和大小的使用效果最佳,这并没有固定的规则。不过,有些类型的网格结构确实有助于达到理想的排列效果。

网格是由水平和垂直方向的直线交错形成的均匀小方框,类似于你上几何课用的网格纸。网格可用来进行定位和元素大小的调整,另外,柱状网格也是不错的选择。当然,自己创建网格或下载事先制作好的模板也是可行的。

 

反差效果

网站上总有一些元素,比如图片,颜色或文字更能吸引用户的目光。有计划地为这些元素建立反差效果,能快速吸引用户注意。如果你想要站点的某个区域引人关注,那么就在该区域制造鲜明的反差效果。

通过颜色达到反差效果是最简单的方法之一。选定背景和文本颜色之后,可使用一些完全不同的元素来增强网站某个位置的吸引力。在这一点上,可参见 Doberman使用的极简主义。黑白两色是网站最基本的配色方案,胜在简洁可靠,不过添加一些黄色块元素更能达到强调的效果。而亮色与严肃的主题所形成的鲜明对就很抢眼。此外,网站设计者在网站其它关键区域可添加蓝色形成其它的反差效果。

你也可通过其它手段制造对比效果,比如,字体大小和粗细的变化也能产生对比效果,并且有助于提升整体层次感。

字体效果

从头开始建站,字体的选择是最为困难的部分之一。为了保持设计的简洁性,不宜选用过多的字体,字体过多甚至会毁掉项目中大部分细节。

通过改变字体属性达到反差效果。在不使用其它字体的情况下,改变字体大小,粗细和颜色即可形成反差效果。通常,大多数网站只使用两种字体,这样排出的版面条理清晰,又方便用户阅读。

在使用字体前,应考虑字体大小和粗细。整个网站的常见条目的字体属性维持不变,标题使用同一种字体,大小和颜色,副标题则保持字体不变,大小,颜色,粗细进行相应变化,内容文本使用不同于前两者的颜色,粗体字。为了方便查阅,可将网站不同部分的字体属性设置进行记录,这样可以保证页面与页面间的字体规格一致。

颜色

使用少量的字体对设计有帮助。同样的道理,少量几种颜色也能起到相同的效果。在配色时,要注意每个样本的颜色混合。整个网站的颜色混合要准确,红色不仅仅是红色,甚至元素之间轻微差异都会显得不和谐。

建站时要记下所有颜色的值。对于颜色的差异,可用不同色调起强调作用,比如说,Netlife Research在坚持颜色一致这点上就做得很棒,整个网站使用了三种相同的绿色调。你的配色不必像这样简单,但是当你开始起草新设计时,要记住这个原则。

一致性

网站设计中,最关键的细节就是保持所有元素一致。比如说,页眉和横幅图片尽量保持一致,导航栏条目要使用相同的词语,共同的元素使用相似的颜色等。另外,还要坚持自己的字体风格。如果有网格,务必要用起来。

确保网站所有小的细节完整,如果把小细节都留待最后考虑会损害你的网站。设计完成时,记得将细节记在备忘录上。(VIA:tympanus.net 编译:jasming)

我们是一家集互动设计和行销推广的整合服务机构。
我们致力于互联网产品与互动传播的有效整合,帮助客户解决实际营销问题。
我们希望与您一同开创互动营销时代。


© SUNWAY INTERACTIVE 苏ICP备09034539号  Provacy Policy    联系电话:025-58895576
我们的微博我们的合作伙伴