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

3.6 网页版式高级教程

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

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

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

  1. Compose to a Vertical Rhythm（意为“垂直韵律的构成”）

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

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

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

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


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

  1. 《众妙之门——网页排版设计制胜秘诀》——3.4 展现品牌视觉的同时保持网页的可读性...

    本节书摘来自异步社区<众妙之门--网页排版设计制胜秘诀>一书中的第3章,第3.4节,作者: [德]Smashing Magazine 译者: 侯景艳 , 范辰 更多章节内容可以访问云栖社区 ...

  2. 《众妙之门——网页排版设计制胜秘诀》——第3章 设置网页字体的5 项原则和方法3.1 系统地进行网页版式设计...

    本节书摘来自异步社区<众妙之门--网页排版设计制胜秘诀>一书中的第3章,第3.1节,作者: [德]Smashing Magazine 译者: 侯景艳 , 范辰 更多章节内容可以访问云栖社区 ...

  3. 《众妙之门——用户体验设计的秘密》一2.3　触摸至上的设计

    本节书摘来自异步社区<众妙之门--用户体验设计的秘密>一书中的第2章,第2.3节,作者[德]Smashing Magazine,更多章节内容可以访问云栖社区"异步社区" ...

  4. 《众妙之门——网站UI设计之道（修订版）》一1.3　制作有效用户界面的实用技巧...

    本节书摘来自异步社区<众妙之门--网站UI设计之道(修订版)>一书中的第1章,第1.3节,作者[德]Smashing Magazine,更多章节内容可以访问云栖社区"异步社区&q ...

  5. 网站UI设计应具有的8大品质和特点--摘自《众妙之门--网站UI设计之道》

    在我们开始着手设计用户界面之前,首先应该理解什么样的用户界面才是出色的用户界面,我们的设计要具备哪些品质才够得上是出色的界面设计.所有伟大的用户界面大都具有下面这八个品质或特点. 1.  清晰.通过使 ...

  6. 《众妙之门——Web用户体验设计与可用性测试》一第2章　在网页设计中通过测量数据优化情感投入2.1　情感应答和行为应答的关系...

    本节书摘来自异步社区<众妙之门--Web用户体验设计与可用性测试>一书中的第2章,第2.1节,作者 [德]Smashing Magazine,更多章节内容可以访问云栖社区"异步社 ...

  7. 《众妙之门——移动交互体验设计》—— 1.2　物物互联

    本节书摘来异步社区<众妙之门--移动交互体验设计>一书中的第1章,第1.2节,作者:[德]Smashing Magazine,更多章节内容可以访问云栖社区"异步社区"公 ...

  8. 《众妙之门——移动交互体验设计》一1.2　物物互联

    本节书摘来自异步社区<众妙之门--移动交互体验设计>一书中的第1章,第1.2节,作者[德]Smashing Magazine,更多章节内容可以访问云栖社区"异步社区"公 ...

  9. 《众妙之门——Web用户体验设计与可用性测试》一2.3　总结

    本节书摘来自异步社区<众妙之门--Web用户体验设计与可用性测试>一书中的第2章,第2.3节,作者 [德]Smashing Magazine,更多章节内容可以访问云栖社区"异步社 ...

最新文章

  1. oracle occi出现乱码,linux下occi操作oracle数据库，中文乱码的问题
  2. Linux环境变量加载的研究
  3. 移动端页面去除广告注入，例如移动流量图标
  4. win10 安装microsoft.net framework3.5
  5. 备战618，京东如何保障系统稳定性？
  6. java ctp行情_java-ctp
  7. MySQL5.6 选项和变量整理
  8. C#指定窗口显示位置的方法
  9. 《纲要》落地，东方通教你挖数据金矿
  10. 开源 非开源_在开源中吃我们自己的狗粮
  11. 高中电子技术——指针式万用表调零
  12. Android Handler.post(Runnable r)再一次梳理Android的消息机制（以及handler的内存泄露）
  13. RHEL6基础二十四之RHEL软件包管理③源码安装
  14. java商城系统设计—竞拍
  15. layui表单验证提交
  16. markdown实心圆点空心圆点、层级
  17. 18.数据统计之分组对象与apply函数
  18. 我的专业作文300字计算机,以我的专业为题的作文（以我写一篇作文300字）
  19. Mac看电视直播（通过MUMU安卓模拟器+自定义直播软件apk）
  20. ZCMU--5193: 韩信点兵(C语言)

热门文章

  1. Tableau可视化设计案例-05Tableau进阶
  2. 【免费】文件格式转换网站
  3. 前端学习-如何在title中添加图片
  4. Android之无限轮播图源代码
  5. Marvell 88NV1120固态硬盘开卡图文教程+量产开卡软件下载
  6. 搜索网站/论坛内容帖子
  7. WPF 使用 Composition API 做高性能渲染
  8. 子非鱼，安知鱼之乐？
  9. 这本C语言入门书被翻译成五种语言出版，如今迎来了中文版第17版
  10. macOS Ventura 13 正式版系统（内部版本号：22A380）官方原版dmg镜像