随着互联网行业不断的日益完善和发展,网站建设中网页的设计已经不像以前那样简单的去用设计软件设计一个网页效果图那么简单了。在进行网站设计的时候不仅要保证网站视觉上的美观,其更加主要的是要综合考虑对网站后期优化影响,一个好的网站设计师不仅可以把网站设计的让人看到后感到赏心悦目,还能让网站的整体架构符合网站优化,符合搜索引擎蜘蛛的爬去,只有这样去设计一个网页才能事半功倍,让网站建设游弋有余。下面是小编根据近几年从事成都网站建设的经验,总结出在网站设计的过程中,应该注意哪些细节才能达到这个效果呢?
1、排列
垂直和水平排列是简洁设计的首要关键。随意地排列元素不会营造出网站的简洁感和一致感,而这两个特点通常是非常优秀和专业的网站应该具备的。合适的排列有助于保持网站设计的层次感和一致性。
在处理图片和文本元素时,要注意整个页面是否水平对齐。位于页面顶部的各元素要水平对齐。底部的元素亦然。
页面的垂直排列同样要予以重视。各元素之间应具有相同的宽带,同时元素之间的空格距离亦然要保持一致,做到各个图片间边距相同,也要注意不同形状的图片排列。
在网站设计过程中,对齐条目最快,最简单的方法就是使用网格。至于什么样的网格类型和大小的使用效果最佳,这并没有固定的规则。不过,有些类型的网格结构确实有助于达到理想的排列效果。
网格是由水平和垂直方向的直线交错形成的均匀小方框,类似于你上几何课用的网格纸。网格可用来进行定位和元素大小的调整,另外,柱状网格也是不错的选择。当然,自己创建网格或下载事先制作好的模板也是可行的。
2、字体效果
从头开始建站,字体的选择是最为困难的部分之一。为了保持设计的简洁性,不宜选用过多的字体,字体过多甚至会毁掉项目中大部分细节。
通过改变字体属性达到反差效果。在不使用其它字体的情况下,改变字体大小,粗细和颜色即可形成反差效果。通常,大多数网站只使用两种字体,这样排出的版面条理清晰,又方便用户阅读。
在使用字体前,应考虑字体大小和粗细。整个网站的常见条目的字体属性维持不变,标题使用同一种字体,大小和颜色,副标题则保持字体不变,大小,颜色,粗细进行相应变化,内容文本使用不同于前两者的颜色,粗体字。为了方便查阅,可将网站不同部分的字体属性设置进行记录,这样可以保证页面与页面间的字体规格一致。
3、 颜色
使用少量的字体对设计有帮助。同样的道理,少量几种颜色也能起到相同的效果。在配色时,要注意每个样本的颜色混合。整个网站的颜色混合要准确,红色不仅仅是红色,甚至元素之间轻微差异都会显得不和谐。
建站时要记下所有颜色的值。对于颜色的差异,可用不同色调起强调作用,比如说,Netlife Research在坚持颜色一致这点上就做得很棒,整个网站使用了三种相同的绿色调。你的配色不必像这样简单,但是当你开始起草新设计时,要记住这个原则。
4、反差效果
网站上总有一些元素,比如图片,颜色或文字更能吸引用户的目光。有计划地为这些元素建立反差效果,能快速吸引用户注意。如果你想要站点的某个区域引人关注,那么就在该区域制造鲜明的反差效果。
通过颜色达到反差效果是最简单的方法之一。选定背景和文本颜色之后,可使用一些完全不同的元素来增强网站某个位置的吸引力。在这一点上,可参见Doberman使用的极简主义。黑白两色是网站最基本的配色方案,胜在简洁可靠,不过添加一些黄色块元素更能达到强调的效果。而亮色与严肃的主题所形成的鲜明对就很抢眼。此外,网站设计者在网站其它关键区域可添加蓝色形成其它的反差效果。
你也可通过其它手段制造对比效果,比如,字体大小和粗细的变化也能产生对比效果,并且有助于提升整体层次感。
5、 一致性
在成都网站设计中,最关键的细节就是保持所有元素一致。比如说,页眉和横幅图片尽量保持一致,导航栏条目要使用相同的词语,共同的元素使用相似的颜色等。另外,还要坚持自己的字体风格。如果有网格,务必要用起来。
确保网站所有小的细节完整,如果把小细节都留待最后考虑会损害你的网站。设计完成时,记得将细节记在备忘录上。