《众妙之门——网页排版设计制胜秘诀》——3.2 利用信息层级

3.2 利用信息层级

通过排版来定义内容的优先级不止一种方法。首先,字体的尺寸、颜色、粗细、展示方式,以及字体是标准体或斜体,都会加强或减弱字体的重要性。同时,我们也不能忽视文字在网页版面上的位置这一影响因素。

Mark Boulton发表过系列文章“Five Simple Steps to Better Typography(五个简单步骤,让你的版式变得更好)”,这些文章分为五个部分,其中在第五部分,他讨论了字体的粗细。对于字体的粗细如何影响层级秩序的创建,他从历史的角度剖析了各种观点。

这篇文章阐述了在网页的不同部分,用户期望看到什么样的字体。

下页展示了一个表格—关于人如何基于传统观点来分层级地选择字体样式。

针对网页上不同位置的字体,用户会做出不同的反应。在所有其他条件都对等的情况下,放在网页主体部分的文字比放在侧边栏上的文字更重要。但如果侧边栏上的字较大,还是会吸引用户的注意,提升自身的层级。要想让用户以你的方式来理解你展示的内容,就需要好好处理正文和侧边栏文字的关系。

如下是来自文章“A Guide to Web Typography”(网页版式的设计指南)的截图。截图展示了字体特性如何影响层级。同时,注意侧边栏是如何脱颖而出的。虽然展示在黑色背景上的文字与主体部分的文字界限分明,看上去似乎不那么重要,但却让人难以忽视它们。如果你想让用户点击这些文字,这样的排版方式就很有效。

尽管黑色背景上的文字比版式主体部分的文字更大,却不会让我们混淆它们各自的功能。前者是作为广告出现,当我们想阅读文章正文时,就会尝试忽略它们。再者,侧边栏虽然注目,却并不抢眼,因此我们阅读时尽管潜意识里无法忽视侧边栏的存在,却不会受到它们的干扰。

文字在版面上的分布将会极大地影响我们对它们的反应。根据惯例,版面上重要级别不高的内容比如侧边栏,会通过在页面上建立的视觉层级,引导我们关注主要

内容。类似的惯例也会帮助我们区别对待页面上不同区域的内容。

时间: 2024-11-04 21:21:49

《众妙之门——网页排版设计制胜秘诀》——3.2 利用信息层级的相关文章

《众妙之门——网页排版设计制胜秘诀》——导读

内容提要 本书是Smashing Magazine网站的精选文章合辑,旨在帮助读者提升网页版式设计水平.本书囊括了字体抗锯齿技术,网页排版的原则,网页字体的设置技巧,CSS字体堆栈指南,CSS3的新特性,网页字体服务推荐以及排版工具介绍,等等. 还在为网页排版苦恼吗?想设计出别具一格无与伦比的网页吗?想了解基本的网页编程知识吗?想成为设计与开发的双面手吗?本书将是你的最佳选择. 内容提要 第1章 字体抗锯齿技术 第2章 提高网页版式可读性的10 项原则第3章 设置网页字体的5 项原则和方法 3.

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

3.6 网页版式高级教程 The Destination Matters More Than the Journey(意为"结果比过程更重要") 这是一篇关于数字网络及网页版式的经典文章.它提醒设计师要选择合适的版式,以便在各个网页上为用户提供完整的导航.文章不仅讲述了如何为网络媒体选择合适的版式,还从传统的角度阐释了如何使用字体. 它针对版式设计提出了许多实用的建议,并且为某些设计师不重视排版,以及现今各高校的设计系缺乏"经典"的排版课程感到惋惜. Setting

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

第3章 设置网页字体的5 项原则和方法 设置网页字体时,有一些基本的方法.指南和目的.总体来说,网页的版式应当具有可读性.易访问性.可用性和品牌特色.这四个方面相互作用,使网页设计达到与用户沟通和交互的目的. 为使网页富有表现力并给人留下深刻的印象,网页版式的设计有许多方法.让我们进一步看一些网页版式设计的原则.规则和方法-当你学习如何在网页上完成有效的字体设置时,可以把它们当作一个开端. 3.1 系统地进行网页版式设计 在网页设计中,每个版面上的元素都需要同时实现各种各样的目标.创建的每个标题

《众妙之门——网页排版设计制胜秘诀》——3.7 总结

3.7 总结 品牌元素和创意设计元素都应该提升而不是阻碍用户的体验.好的网页版式设计能改善用户的体验,能加强沟通.流畅度以及交互性.想想你的品牌.版式和设计元素是如何相互结合并形成用户体验界面的.

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

3.4 展现品牌视觉的同时保持网页的可读性 为了让网页在浩瀚的互联网世界中脱颖而出,设计师需要让网页的视觉设计保持很高的质量.在某些情况下,这意味着你要对网页进行精心的设计.随着演示性和风格性的网站越来越受欢迎,一定要为网页挑选最适合的版式,这一点特别重要.下面,让我们来看一些风格独特的网站,它们都在设计中使用了丑和脏的元素.我们已经在文章"The Secrets Of Grunge Design"中看过了这些网站,只是形式不太一样罢了. 在Pain is Good网站,品牌理念主导着

《众妙之门——网页排版设计制胜秘诀》——3.3 为流畅地浏览而设计

3.3 为流畅地浏览而设计 从便于浏览的角度来说,层级也很重要.当用户向下拖曳滚动条的时候,它帮助用户识别出网页上最重要的元素.为了提升网页浏览的流畅度,还有其他设计事项需要注意.其中,间隔就是一个重要的部分. 以下的这些元素会影响用户在浏览网页时的体验: 留白 字距 行高 缩进 内边距 元素的外边距Nick La写了一篇文章"Typographic Contrast and Flow".文章认为Web Designer Wall网站能让用户拥有流畅的浏览体验,并且作者给出了简明的解释

《众妙之门——网页排版设计制胜秘诀》——3.5 将文字看作用户界面

3.5 将文字看作用户界面 界面中的文字非常重要.在37 Signs1著的<Getting Real>(寻觅真实)一书中,作者陈述了每个字母是如何的重要.用户界面中的文字选择能够强化或破坏网站的功能,而如何展示这些文字同样变得很关键.缺乏风格的字体设计没有指示性,会让用户在阅读中失去焦点.Cameron Moll在他的文章"Nine skills that separate good and great designers"中提到了将文字看作用户界面的观点.随后出现了一篇演

《众妙之门——用户体验设计的秘密》一第2章 设计“好脾气”的网页2.1 巴赫和他的十二平均律

第2章 设计"好脾气"的网页 众妙之门--用户体验设计的秘密 Rob Flaherty 科技在进步,网页设计的技巧也在进步.新的科技带来了新的挑战,因此,也需要新的解决方案.有时,人们面对崭新的未知领域,实在是毫无经验,只能根据直觉去打造解决方案.而有时,人们在新领域面对的问题有过去的影子,可以从历史和别人的经验中找到答案. 相对其他设计那漫长而又荣耀的历史,网页设计的历史有限,因此能给出的经验也相对有限,人们不得不借鉴这段有限的历史去解决近乎无限的问题.虽然也可以学习图形设计和视觉传

《众妙之门——用户体验设计的秘密》一导读

内容提要 众妙之门--用户体验设计的秘密 网页设计中的用户体验会受到访客感情.理念和文化背景等方面的影响.因此,网页设计师要利用讲故事的方法来提升设计的传达性,利用工具来解决问题,利用客户服务来帮助用户,制定合理的开发策略,从而提高整体的用户体验.本书能够赋予读者更为深刻的洞察力,让读者在优化网站时能够根据书中总结的原则进行设计,显著提升网页的吸引力. 目 录 第1章 设计的意义在于解决问题1.1 他人的设计无法解决你的问题1.2 灵感应该从何而来1.3 问题解决的简单步骤1.4 良性的问题解决