这是一个让多少设计师魂牵梦营,辗转反侧的问题。当你一旦知晓答案,犹如彩虹从天空中飘落,耳边有乐队为你伴奏,甚至可以从妳的那个MR.Right那得到梦寐以求的舌吻……这是个什么样的问题呢?嗯,那就是网页设计的秘密~~(大家别拍我,原作者写的)
这是一个难度很高的问题,也很难有公论。早在2006年,OliverReichenstein写了此文《WebDesignis95%Typography》,受到不少读者的喜爱,但也有很多人表示不屑。
如果网页设计依赖于字体的设计,那我们还需要学习其他的东西么?
——你所需要的只是理解字体设计的各个元素。
字体设计(维基百科注解为字体排印学)当然不仅仅只是选择字体。随着@font-face技术和一些如Typekit,Webtype,Fontdeck,以及GoogleWebfonts等服务的改进,你的字体设计功力也不会提高。你可以很轻易的在你余生中只用一款字体创造出漂亮的设计——在过去设计师们也不得不这么做,那时还没有Photoshop作帮助,越多的字体只会让事情更糟糕,因为创造力和审美感是不能受到过多选择的干扰的。
更多的玩具代表着更多乐趣,对吧?如果你选择了这条路,但就要准备为此而付出全部。我很乐意看到不同的字体被使用,也佩服那些能成功在自己网站上使用新字体的人们。不过,我也遇到很多不大好的方案(比如Myspace)。Typekit可以帮助你提前预览改变后的字体效果,这样对网页设计的帮助是巨大的。
下面不是我刻薄,对于大多数网页来说你应该知道的——试试翻看所有你喜欢的网页设计,去掉图片,然后想象只有文本和留白的网页会是怎样的?当一个设计师说“文字就是一种交互设计”,这句话不是虚构,下面来看看这个叫iA
site的网站:
信息架构师都基于优秀的排版
A
Working Library是我最喜欢的设计之一,这个网页以纯文本的方式来展示界面,留白如齐白石水墨,恰到好处,文字排版也十分得体。
A
Working Libraryby Mandy Brown.
有些人或许会认为这样的设计呆板且乏味,他们更倾向于使用流行的风格。但到了最后,你设计的注意力会被这些多余的视觉效果分散掉,所以妳依然要把精力集中在最初那95%上面,就像你现在阅读的文章便做得很好,不需要依靠图片仍然能展示漂亮的视觉设计效果。
没你想象中的难
你完全可以做出一个不依靠任何图片搭配的一流网页。虽然听起来有点天马行空,但这确实是可行的。我也并不是说本应该如此,但如果我们能巧妙的使用字体设计和留白便能做到美观得体,那将来此基础上加入图片、视频这些元素时,不是更锦上添花了吗?
上面的两个设计之所以让我感兴趣,是因为文字设计并不单是指引你独自完成这个过程,它是在用自己的风格做着这件事。你能感觉到文字设计就是设计者个人情绪的表达。BlakeAllen使用Helvetica体来使他的网页满是瑞士风格式的清新、有序的框架。而在另一方面,Harriet Series的网站则显得有一点顽皮,也更具探索性。这就是文字排版所造就的组织合理的变化美感。
除了上面的特例,其余99%的设计师,最好还是乖乖学会文字设计,如果你不能领会,那日后的设计便没有了根基。不用去担心缺少流行元素会怎么影响你的效果,你应该担心的是如何组织好网页的框架,一旦你克服了这关,后面添砖加瓦的事情就简单了。
Clear是一款节约风格的iOS日常管理应用。围绕它的触控是使用手势来控制界面,你会发现单是文字设计就足以解决一切并让你享受着这款应用。当然这是使用了Helvetica字体的效果,如果是使用了字间距不合理的ComicSans字体呢?优秀的文字设计并不一定以很美好的方式引人注目,而这并不意味着它也要以这样负面的方式突出它的劣势。
Art
of the Menu是菜单设计网站的典范
The
Art of the Menu网站在强调字体设计在菜单设计领域重要性做出了很大贡献。当一些餐馆那么乐衷于在菜单上加入各种图片和插页来吸引顾客眼球时,却并没有考虑到合理的文字设计结构让顾客更舒适的浏览菜单,这是一大败笔。
作为一个设计师,你实在没有理由去为自己辩解不需要一个看得过去的设计。当你连最基本的框架都没法搭建好,后面在加什么其他的设计元素只会让你的设计更糟糕。太多的设计师都在尝试用没有用的花俏物来掩饰他们的设计缺陷,但实际和火上浇油没两样。如果一个设计你看着是不顺眼的,那就代表用户体验不好,无论再加入多少图片、声效、颜色都是徒劳。
看到这里,您对字体设计有点头绪了吗?不久前Smashing
Magazine收集了一些顶尖的字体排版设计资源,大家可以参考一下。
viasmashingmz
(槐序供雷锋网专稿,转载请注明来自雷锋网及作者,并链回本页)
分享到:
相关推荐
贝律铭写给年轻设计师的十点忠告.pdf
一般理解传感器是将一种物理量经过电路转换成一种能以另外一种直观的可表达的物理量的描述。比如转换成仅依赖于此测物理量的较高的电压电流等信号,再显示出来。因此需要注意以下几点。
CC++一位软件设计师对程序员的忠告.pdf
总结过去10年的程序员生涯,给程序员小弟弟小妹妹们的一些总结性忠告走过的路,回忆起来是那么曲折,把自己的一些心得体会分享给程序员兄弟姐妹们
给年轻工程师的十大忠告.pdf
C++高效编程忠告 C++高效编程忠告 C++高效编程忠告
Oracle的忠告 神说:要有扬天商务一体机于是…….pdf
Java核心技术 卷Ⅰ:基础知识 【中文】 第1章概述Java与其他程序设计语言不同的性能。解释这种语言的设计初衷,以及在哪些方 面达到了预期的效果。然后,简要叙述Java诞生和发展的历史。 第2章详细地论述如何下载和...
给C++初学者50个忠告和C++基础知识
由C#风潮想起的,给初学编程者的忠告,如何不建空中楼阁!!
有不少的在校的大学生写信给我,问在学校里应该学习什么电子知识.就业形势越来越严峻,不光是在中国,全球都一样,全球经济的发展速度放慢,至少会持续几年的时间.
AdvicetoYouthMarkTwain给青年人的忠告马克吐温[归类].pdf
写给毕业生的18条忠告ppt模板.pptx
java初学者的忠告 java初学者的忠告
网站设计大师的65个忠告
学习c++的50条忠告:多看经验,少走弯路!积累经验总结教训.
一位老工程师给技术年轻人的“十大忠告” 任何一个新入行工程师都应该看看
给C++初学者50个忠告给C++初学者50个忠告给C++初学者50个忠告给C++初学者50个忠告给C++初学者50个忠告给C++初学者50个忠告给C++初学者50个忠告
给年轻工程师的十大忠告
程序员 忠告, 主要是通过一些漫话形式的忠告 我个人感觉蛮有用的。看看以免对人生产生迷茫