《众妙之门——网页排版设计制胜秘诀》——3.6 网页版式高级教程-阿里云开发者社区

开发者社区> 开发与运维> 正文

《众妙之门——网页排版设计制胜秘诀》——3.6 网页版式高级教程

简介:

本节书摘来自异步社区《众妙之门——网页排版设计制胜秘诀》一书中的第3章,第3.6节,作者: 【德】Smashing Magazine 译者: 侯景艳 , 范辰 更多章节内容可以访问云栖社区“异步社区”公众号查看。

3.6 网页版式高级教程

  1. The Destination Matters More Than the Journey(意为“结果比过程更重要”)
    这是一篇关于数字网络及网页版式的经典文章。它提醒设计师要选择合适的版式,以便在各个网页上为用户提供完整的导航。文章不仅讲述了如何为网络媒体选择合适的版式,还从传统的角度阐释了如何使用字体。


048a2a70e481c8333907d2d671fedc98a61c61de

它针对版式设计提出了许多实用的建议,并且为某些设计师不重视排版,以及现今各高校的设计系缺乏“经典”的排版课程感到惋惜。

  1. Setting Type on the web to a Baseline Grid(意为“在基线网格上设置字体”)
    这篇文章探讨了如何利用CSS将各类元素与基线网格(分行网格)对齐的相关问题,并提供了解决方案。那就是尝试将基于网格的纸质印刷技术运用到网页上。“通过借鉴源自纸质印刷的这个技术—基线网格,就可以在栏中将相同的比例及均衡原则运用到字体上。”这个解决方案可帮助设计师创建网页的浏览体验。


3c9ce04eb2b52ff4466fab9c9b41bafed1d505f3
  1. Compose to a Vertical Rhythm(意为“垂直韵律的构成”)

    ad58c6f5de8868112c02607f8d4eda83e1d71460

    这篇文章探讨了如何在网页设计上创建出垂直的韵律。“在网页上,垂直的韵律(由间隔以及文字的排列构成)主要受到三类因素的影响:字体尺寸、行高和页边距。为了维持版式的韵律,设计师必须仔细揣摩计算这些因素。”

    1. Web Design is 95% Typography(意为“网页设计95%都是关于排版”)
      这篇文章热情洋溢地介绍了网页排版,它高调地指出网页排版如何重要并建立起一个激烈的议题。作者在“Reactions”一文中回顾了一些议题中提到的观点。


    cbfa5f1d47ecab08ae1d9e3cf41233be80d2d9d2
    1. Nine Essential Principles for Good Web Design(意为“优秀网页设计的9项基本原则”)
      网页设计可能会让人感觉很难,但这只是错觉。如何将可用性与视觉一致性,有效的设计以及优秀的技术性能结合起来?Collis Ta’eed为优秀的网页设计总结出了一些基本原则。这些基本原则包括层级、间隔、导航、可用性、对齐、清晰度和一致性。


    b9cb145d50701ea42b8cb4d9af8f70dd7a5a2b16

    这个网页可以让你对比各种在网页上常见的字体。


    4cfb91eec51de7ce12cf0e9ea518c34359aed799

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章