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

3.4 展现品牌视觉的同时保持网页的可读性

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

在Pain is Good网站,品牌理念主导着网页的设计(见下页)。网页上大多数文字都被图片所替代,这让设计师能够充分利用品牌识别的力量。

当我们把字体嵌入图像中,就能以各种富有创意的方式来利用它们。设计师为了强调品牌理念,在商标中使用了“pain(痛苦)”字样,但因为是图像而非文字,所以将会被搜索引擎屏蔽。而且顶部的导航栏也做了非常规的处理,致使导航栏元素间的对比很弱,虽然能看清楚,但还是应该稍作改善。

Bart-Jan Verhoef网站则更注重文字而不是视觉元素。设计师精心挑选了一些品牌和设计元素用图像来表达,但是大部分仍是文字表述。设计氛围通过背景图片

营造出来,而文字的功能性未受影响。

这种方式既能营造出“脏”设计的感觉,又能很好地满足用户的需求。下面即将讲述“将文字看作用户界面”部分,先读一读这个章节的内容,再回过头看上面的设计,你就能体会个中内涵。

这是一个结合了美观与可读性的出色例子:www.subdued.net。

当然,设计师和艺术家还会继续在可读性的范畴中探索。最佳的方式就是在个人的设计案例中进行各种设计实践,比如下面的网站Exp Typo。注意,页面左下角与旧打字机图片交叠部分的文字很难辨认。

时间: 2024-08-30 14:57:59

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

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

内容提要 本书是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.2 利用信息层级

3.2 利用信息层级 通过排版来定义内容的优先级不止一种方法.首先,字体的尺寸.颜色.粗细.展示方式,以及字体是标准体或斜体,都会加强或减弱字体的重要性.同时,我们也不能忽视文字在网页版面上的位置这一影响因素. Mark Boulton发表过系列文章"Five Simple Steps to Better Typography(五个简单步骤,让你的版式变得更好)",这些文章分为五个部分,其中在第五部分,他讨论了字体的粗细.对于字体的粗细如何影响层级秩序的创建,他从历史的角度剖析了各种观

《众妙之门——网页排版设计制胜秘诀》——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 良性的问题解决