免费发需求
发布你的需求,坐等服务商上门
  • 需求发布后
    1小时内收到服务商响应
  • 每个需求
    平均有10个服务商参与
  • 95%以上的需求
    得到了圆满解决
  • 所有需求
    不向雇主收取任何佣金
立即发布需求
或者

浅谈个人网站模板的排版讲究

发布时间:2013-08-06 15:35:23分享到:

运用网站模板制作网站,是一个快速建站、简单建站的办法,同时也是很多个人网站建设的首选方案。然而,使用网站模板建站并没有想象中的那样简单,网络的排版并不是跟印刷出来的排版一模一样,其都有相对应的规则。今天,在猪八戒网从事多年个人网站模板设计的小李,将为大家谈谈个人网站模板的排版讲究。

    一、字体替换方法

在过去,个人网站模板设计师必须使用用户电脑,甚至带文本图片上有的字体,这样字体才会正确显示。随着科学技术的不断发展,HTML5很快克服了这些问题。另外还有许多很棒的字体替换工具,这些工具搜集了很多字体,用户不用安装专门的字体,字体照样正确显示。

二、间距问题

一般很少遇到个人网站模板排版中出现层级结构的问题,但相当多的网站排版却存在间距排列的问题。网站中所有元素的间距都必须按照一定的条理进行排列,因此在处理间距必须遵循这些条理。

三、行距大小

行距大小就是一种增加或减少文本行之间产生的空格的方法。字偶间距是调节字符间空格,以便使其达到更愉悦的视觉效果的过程。使用字间距同样能达到字偶距调整的效果,两者之间的唯一差别在于空格的产生,字间距就是在每个字符间产生等量的空格,而字偶间距是调整的基于字符对所产生的空格。

四、层次结构

你可能已经很熟悉个人网站模板设计的层次结构,你也可能明白网站排版中少不了它。层级的结构会给你一个阅读显示文本的起点。这点非常重要,因为这会帮助你准确传递信息,同时保证读者准确理解。

五、字体配对

字体配对是把两种或更多字体通过排列组合达到最佳效果的过程。这听起来有意思,但对于初学者而言,却并非易事。选择一种或多种的漂亮字体就够了,但是,你只是想完美配对两种字体,从理论上说,难度更大。字体配对可降低使用单一字体时可能所产生的单调感。你可以就此进行实践,为个人网站模板中所有的大标题使用一种字体,在一些简单段落里使用另一种字体,看看最终效果是否很单调。

六、颜色和调色板

排版中的颜色不是仅仅指单一的文本颜色,通常是指网站用到的所有颜色。网站用到的图片和颜色相当于文本的“背景”,因此使用颜色的时候要谨慎。网站的元素要和排版颜色协调,不要让文本显得模糊不清。也可以尝试较大尺寸的排版又称为宏观排版,以便达到更好的效果。简单来说,宏观排版就是使用更大的文本来吸引用户。其长度通常不能超过1到4个单词,所以保持文字的简洁性和正确性就显得格外重要。在关键的信息下,但是这并不是那么重要,因为这并不是你的网站的焦点,但大尺寸文字却是。

七、字体大小和粗细对比

如果是个人网站模板把字体弄得难以辨认,这是犯了大忌。你也知道字体配对对于精美排版的重要性,而并不是用一些统一的文本。即使你找到了很棒的字体搭配,还是不要忘记为字体设置合适的大小和粗细。字体的粗细和大小设置不当基本上就毁掉了之前的搭配,因为这会让你已经使用的不同字体难以辨认。还应该注意一点,背景图片跟字体颜色相近或不匹配,会导致字体淹没在背景图片当中。

如果大家还有对个人网站模板排版有不清楚的地方,欢迎到猪八戒网来进行探讨。

相关文章