当前位置 : IT培训网 > ui设计 > 网页设计 > 网页设计的基础是字体排版

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

时间:2016-11-14 17:52:45  来源:网页设计培训网  作者:IT培训网  已有:名学员访问该课程
有一个问题是很多设计师都想不明白的一件事情,但是如果你知道来了答案,那么就会觉得非常简单,犹如一道晴天霹雳瞬间把你给惊醒了。这个问题是什么呢,那就是网页设计中的秘密了。 这是一个难度很高的问题,也很难有

有一个问题是很多设计师都想不明白的一件事情,但是如果你知道来了答案,那么就会觉得非常简单,犹如一道晴天霹雳瞬间把你给惊醒了。这个问题是什么呢,那就是网页设计中的秘密了。

这是一个难度很高的问题,也很难有公论。早在2006年,Oliver Reichenstein写了此文《Web Design is 95% Typography》,受到不少读者的喜爱,但也有很多人表示不屑。

如果网页设计依赖于字体的设计,那我们还需要学习其他的东西么?

——你所需要的只是理解字体设计的各个元素。

 

网页设计的基础是字体排版_www.itpxw.cn

 

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

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

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

 

网页设计的基础是字体排版_www.itpxw.cn

 

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

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

 

网页设计的基础是字体排版_www.itpxw.cn

 

A Working Library by Mandy Brown.

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

没你想象中的难

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

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

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

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

 

网页设计的基础是字体排版_www.itpxw.cn

 

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

 

网页设计的基础是字体排版_www.itpxw.cn

 

The Harriet Series by OkayType.

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

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

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

 

网页设计的基础是字体排版_www.itpxw.cn

 

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

 

网页设计的基础是字体排版_www.itpxw.cn

 

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

身为一名设计师,你真的不应该有理由去辩解一个看的过不去的设计。如果最基本的框架都没有办法搭建好,后天的设计只会更加不好。很多设计师都在想办法掩饰自己的设计缺陷,但是这样做其实会更加糟糕。如果一个产品你看着是不满意的,那就代表用户体验不会好,不管你用多少图片特效都是没用的。

顶一下
(0)
0%
踩一下
(0)
0%

IT培训0元试听 每期开班座位有限.0元试听抢座开始! IT培训0元试听

  • 姓名 : *
  • 电话 : *
  • QQ : *
  • 留言 :
  • 验证码 : 看不清?点击更换请输入正确的验证码

在线咨询在线咨询

温馨提示 : 请保持手机畅通,咨询老师为您
提供专属一对一报名服务。

------分隔线----------------------------
------分隔线----------------------------

推荐内容