loading请求处理中...
手机版 新型创意托付式服务平台 全国
VIP商铺十大特权×
河南智巢网络科技有限公司
四品 信用:

信用:55分 可安心交易

交易情况: 中标 1 次, 赚了 ¥3.5万
好评 1 个, 好评率 100.0%

身份真实:实名认证 银行认证

联系可用:邮箱认证 手机认证

任务列表:
人才列表:

网站建设中网页排版要注意哪些细节

发布时间:2017-09-27 17:41:58 阅读次数:0次
网页排版在网站建设中起着至关重要的作用,其直接影响着网站的用户体验,因此对于网页排版一点也不能马虎。那么如何才能做好网页排版呢?以下从几个方面阐述了成功的网页排版中应该注意的问题和细节。

    一、层次结构
    尽管,你可能已经熟悉了网页设计的层次结构,你可能也明白排版中也少不了它。层级结构会给你一个阅读显示文本的起点。这点非常重要,因为这会帮助你准确传递信息,同时保证读者准确理解。很多网站在这个问题上都做得很好,但是你还是应该牢记在心,这样你的网站就不会显得太过时。

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

    三、间距问题
    尽管,很少遇到网站排版中出现层级结构的问题,但相当多的网站排版却存在间距排列的问题。网站所有元素的间距都必须按照一定的条理进行排列,因此你在处理间距必须遵循这些条理。你可能需要去了解以下的专用术语:行距大小、字偶间距和字间距。
行距大小是一种增加或减少文本行之间产生的空格的方法。点击此处阅读,你就知道到为什么减少行距有利读者阅读。字偶间距是调节字符间空格,使其达到更愉悦的视觉效果的过程。使用字间距同样能达到字偶距调整的效果,两者之间的唯一差别在于空格的产生,字间距是在每个字符间产生等量的空格,而字偶间距是调整的基于字符对所产生的空格。

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

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

    六、字体替换方法
    在过去,设计师必须使用用户电脑,甚至带文本图片上有的字体,这样字体才会正确显示。随着技术不断发展,HTML5很快克服了这些问题。另外还有许多很棒的字体替换工具,这些工具搜集了很多字体,用户不用安装专门的字体,字体照样正确显示。
LOGO设计活动
  • 众包与威客
0
浏览与收藏

交易次数:1次

访问次数:8224次

收藏人数:0人

河南智巢网络科技有限公司致力于为用户提供郑州网站建设、APP定制开发等服务。
并提供全方位的的网站建设开发案例、APP定制开发服务、移动开发新闻、IOS应用软件定制资讯。
联系客服:

在线:9:00-22:0

点击这里给我发消息 快速沟通

400-766-8686(免长途费)

您还可以拨打:0592-5997736 或留下联系方式,我们主动联系您

一品官方微信

每日推·十条订单
发任务·创意极速

您还可以关注一品新浪微博 +关注

一句话点评

换一组

投诉维权监督

固话:400-766-8686 QQ:点击咨询 手机:18060982809 微信:wyj123369
客诉主管 吴玉洁
投诉建议

客服主管 李喜菊

产品总监 冯梅
接单助手 众包助手

展开