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

　　每个人都可以通过相关工具创建一个网站，不过所有优秀的网站设计都有一些共同特点：组织有序，内容上乘，并且所有的设计细节井井有条。


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


　　排列 
 

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

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

 

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

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

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


　　反差效果 
 

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

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

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


　　字体效果 


 

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

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

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


　　颜色 


 

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

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


　　一致性 

 

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

　　确保网站所有小的细节完整，如果把小细节都留待最后考虑会损害你的网站。设计完成时，记得将细节记在备忘录上

---

总共1行 1页 每页20行 1