字体排版才是网页设计的基础

   如果网页设计依赖于字体的设计,那我们还需要学习其他的东西么?——你所需要的只是理解字体设计的各个元素。


  字体设计(维基百科注解为字体排印学)当然不仅仅只是选择字体。随着@font-face技术和一些如Typekit,Webtype, Fontdeck, 以及 Google Web fonts等服务的改进,你的字体设计功力也不会提高。你可以很轻易的在你余生中只用一款字体创造出漂亮的设计——在过去设计师们也不得不这么做,那时还没有Photoshop作帮助,越多的字体只会让事情更糟糕,因为创造力和审美感是不能受到过多选择的干扰的。

  更 多的玩具代表着更多乐趣,对吧?如果你选择了这条路,但就要准备为此而付出全部。我很乐意看到不同的字体被使用,也佩服那些能成功在自己网站上使用新字体 的人。不过,我也遇到很多不大好的方案(比如Myspace)。Typekit可以帮助你提前预览改变后的字体效果,这样对网页设计的帮助是巨大的。

  下面不是我刻薄,对于大多数网页来说你应该知道的——试试翻看所有你喜欢的网页设计,去掉图片,然后想象只有文本和留白的网页会是怎样的?当一个设计师说“文字就是一种交互设计”,这句话不是虚构,下面来看看这个叫iA site的网站:


  信息架构师都基于优秀的排版

  A Working Library是我最喜欢的设计之一,这个网页以纯文本的方式来展示界面,留白如齐白石水墨,恰到好处,文字排版也十分得体。


  A Working Libraryby Mandy Brown.

  有些人或许会认为这样的设计呆板而乏味,他们更倾向于使用流行的风格。到了最后你设计的注意力会被这些多余的视觉效果分散掉,所以妳依然要把经历放在最初那95%上面,就像你现在阅读的文章便做得很好,不需要依靠图片仍然能展示漂亮的视觉设计效果。

  没你想象中难

  你完全可以做出一个不依靠任何图片搭配的一流网页。虽然听起来有点天马行空,但这确实是可行的。我也并不是说本应该如此,但如果我们能巧妙的使用字体设计和留白便能做到美观得体,那将来加入图片、视频这些元素时,不是更锦上添花了吗?

  在使用图像时我不是想说那些真正要表达什么的图像,就如图标,但图像在这里就是为了引人注目。有时一张图胜过千言万语,所以最好使用图片(但你仍然需要考虑使用留白)。这里有两个以上的美好网站的例子,它们都将重点放在文字设计上以实现整个设计。第一个网站是Blake Allen Design,第二个是The Harriet Series(这两个网站都是使用图像来表达他们的文字设计,你要认识到这一点)

  当使用图片时,我并不想定一个什么样的标准比如它要代表着类似icon性质的效果,但图片就是用来展示的,有时一张图胜过千言万语时便可考虑使用了(当然还是要注意留白)。

  以下是两个优秀网站设计的实例,它们都把重点放在文字设计上来实现整个设计效果。第一个网站是Blake Allen Design,第二个是The Harriet Series(这两个网站都是使用图片来实现他们的文字设计,你懂我意思就好):


  Blake Allen Design 使用图片, 但有着美观的字体。


  The Harriet Seriesby OkayType.

  上面的两个设计之所以让我感兴趣,是因为文字设计并不单是指引你独自完成这个过程,它是在用自己的风格做着这件事。你能感觉到文字设计就是设计者个人情绪的 表达。Blake Allen使用Helvetica体来使他的网页满是瑞士风格式的清新、有序的框架。而在另一方面,Harriet Series的网站则显得有一点顽皮,也更具探索性。这就是文字排版所造就的组织合理的混乱之美。

  除了上面的特例,99%的设计师,最好还是乖乖学会文字设计,如果你不能领会,那日后的设计便没有了根基。不用去担心缺少流行元素会怎么影响你的效果,你应该担心的是如何组织好网页的框架,一旦你克服了这关,后面添砖加瓦的事情就简单了。

  Clear是 一款节约风格的iOS日常管理应用。围绕它的触控是使用手势来控制界面,你会发现单是文字设计就足以解决一切并让你享受着这款应用。当然这是使用了 Helvetica字体的效果,如果是使用了字间距不合理的Comic Sans字体呢?杰出的文字设计并不一定以很美好的方式引人注目,而这并不意味着 它也要以这样负面的方式突出它的劣势。


  Art of the Menu是菜单设计网站的典范


  The Art of the Menu网站在强调字体设计在菜单设计领域重要性做出了很大贡献。当一些餐馆那么乐衷于在菜单上加入各种图片和插页来吸引顾客眼球时,却并没有考虑到合理的文字设计结构让顾客更舒适的浏览菜单,这是一大败笔。

  作为一个设计师,你实在没有理由去为自己辩解不需要一个看得过去的设计。当你连最基本的框架都没法搭建好,后面在加什么其他的设计元素只会让你的设计更糟 糕。太多的设计师都在尝试用没有用的花俏物来掩饰他们的设计缺陷,但实际和火上浇油没两样。如果一个设计你看着是不顺眼的,那就代表用户体验不好,无论再 加入多少图片、声效、颜色都是徒劳。

时间: 2024-10-06 11:32:32

字体排版才是网页设计的基础的相关文章

使用大气醒目的字体排版的优秀网页设计

  使用高识别度的字体设计,加上吸引人的细节设计,的确是抓住用户注意力的利器.优雅的线条勾勒和漂亮的水泡装饰,同其他的视觉元素很好地结合起来,营造出安静又俏皮的氛围. Teamgeek 网站的开发者充分展现了如何将新技术运用到网页设计中的技巧.充满复古风格的LOGO设计让网站打开的时候有了独特的气场,而当可交互的粒子特效出现的时候,用户除了"Wow"大概也做不出别的表情吧. Rightmove 漂亮的卡通式的字体设计延伸到背景的配色和细节上,居中的标语以背景为舞台,占据视觉中心,同友好

网页设计配色基础:RGB与HSB

在实用美术中,常有"远看色彩近看花,先看颜色后看花,七分颜色三分花"的说法. 这也就说明,在任何设计中,色彩对视觉的刺激起到第一信息传达的作用.因此,对色彩的基础知识的良好掌控,在网页设计中才能做到游刃有余. 为了使下面的网页配色分析更易于理解,我们先来了解色彩的RGB模式和HSB模式. ■ RGB RGB是表示红色绿色蓝色又称为三原色光,英文为R(Red).G(Green).B(Blue),在电脑中,RGB的所谓"多少"就是指亮度,并使用整数来表示. 通常情况下,

好的字体让你的网页设计“倾国倾城”

  当我们浏览网页时,图像往往能在视觉上首先吸引人的注意力,一个好的图片设计可以大大美化页面.和文字相比,网站上图片传达的视觉印象要强烈得多.设计师们也一直注重对图像的创意设计.网页版式设计以及色彩搭配,它们是视觉传达的重要手段. 然而,图片再精美.版式再好,也招架不住字体的败笔所带来的损失. 在网页的构成元素中,文字的设计与编排是重要元素之一,它们虽然占据的存储空间非常小,但在网页上占据的面积却是不容忽视的.对设计师来说,文字除了表达含义,还应该具有传递感情的功能,这种传递就需要通过字体.字号

什么叫标准网页设计?_基础教程

我们必须知道的! 每个网页都是由'内容'与'表现'组织起来的. 内容:就是我要显示什么.(使用HTML) 表现:怎么显示的更好.(使用CSS,学习CSS教程) 作为一个负责的网页设计者,你要牢记,标准网页设计中,HTML只是负责显示内容的,具体怎么显示,怎么排版是CSS的事.

网页设计布局基础第1/4页_经验交流

正如你现在所看到的一样,网页的布局设计变得越来越重要.访问者不愿意再看到只注重内容的站点.虽然内容很重要,但只有当网页布局和网页内容成功接合时,这种网页或者说站点才是受人喜欢的.取任何一面你都无法留住太过"挑剔"的访问者.   一.网页布局的基本概念  当前1/4页 1234下一页阅读全文

以字体为核心的优秀网页设计作品

  在现代网页设计中,字体也常会被当做重要的设计元素融入网页设计之中,以一种新颖的方式传达信息.设计师们发现了不依赖于图片.阴影和背景等元素去设计漂亮网站的新方法,那就是以字体为核心的网页设计,而且效果令人惊讶.今天这篇文字就收集了35佳以字体为核心的网页设计作品,一起欣赏. 01. Games We Played 02. Hello Studios 03. Kccreepfest 04. The Kettle 05. English Workshop 06. What the Fox 07.

35佳以字体为核心的优秀网页设计作品

在现代网页设计中,字体也常会被当做重要的设计元素融入网页设计之中,以一种新颖的方式传达信息.设计师们发现了不依赖于图片.阴影和背景等元素去设计漂亮网站的新方法,那就是以字体为核心的网页设计,而且效果令人惊讶.今天这篇文字就收集了35佳以字体为核心的网页设计作品,一起欣赏. 01. Games We Played     02. Hello Studios     03. Kccreepfest       04. The Kettle     05. English Workshop     0

网页设计中的极简主义

  由于其永恒的优雅和清晰的内容呈现方式,极简主义一直被视为是Web设计中最持久的视觉框架之一.虽然设计思潮来来去去,但极简主义设计却变得日益经典,它的视觉和设计理念被身处不同专业和行业的设计师共同接受. 作为一种艺术风格,极简主义并非是网页设计独有的,简约设计运动的根源可以追溯至20世纪初.自那时以来,极简主义设计理念一直长盛不衰,仿佛是一种可以经历时间考验的永恒模型. 每个时代的设计师都会发现自己与简约设计的原则多少有些关联,更不用说我们现在这个极简主义爆炸的时代.在这一篇文章中,我们将探讨

15个2012年网页设计的趋势分析

人们一直念叨的2012年终于来了.人们也从开始的激动到现在的平复,时间确实可以平息一切.我们看着科技的进步,看着网络在每一天的改变着生活方式,看着不断的创新科技在装点着生活,这个时候我们确实有速度感.在这崭新的2012年里,网络会发生什么样的变化谁都不能肯定.但是大家都会有一个美好的猜想.因为过去的几年网络改变太多人的命运,甚至改变很多国家的命运.这已经不仅仅是一个IT产业了!在我上高中的时候就有人在说网络的泡沫,但是即便过了这么多年,网络依然在不断的翻新着人们的思想,改变着人们的生活.之所以这