文字设计是网页设计的根本

恩,网页设计的秘密是什么?

  这是一个艰难的问题,一个可能没有答案的问题。在 2006 年,Oliver Reichenstein 写下了 Web Design is 95% Typography. 一些人狂爱它,一些人却不以为然。

  若网页设计过多的依赖于文字设计,那么学习其他事物的意义何在?你所需要做的只是理解文字设计的各个元素,然后就能做的很好。

  当然文字设计并不只意味着字体的选择,随着@font-face技术和一些如 Typekit, Webtype, Fontdeck,
以及 Google Web fonts等服务的到来,你在文字设计上的技术并没有提升,你可以在你的余生中轻易的只用一种字体创造出杰出的设计,如果你这样选择的话 —— 而在很久之前那些人(设计师们)则不得不这样做,他们可没有 Photoshop 作为向导。如果有什么区别的话,更多的字体选择会使事情更加糟糕,这是因为一旦有了更多的选择,创造性以及美观就会变得很难实现。

  更多的玩具意味着更多的乐趣,不是吗?如果你想走这条路,那就全力以赴,尽一切可能去达成。我喜欢看着不同的字体被使用,钦佩那些可以成功的在网站上使用新字体的人。然而,我已经太多次看到当开发方案提供给大众时会发生什么,这并不是很好(就像 Myspace)。而 Typekit 能让你在开始使用一种字体之前就能使用文字设计来阅读一本书,这会很酷,假如如果没有用户协议的话 —— 如果是这样的话,网站将会改进十倍。

  并非是我尖酸刻薄,说这就是对大多数网站来说你所需要知道的。试着仔细查看你喜爱的所有网站设计,去掉其中所有的图片,然后问下自己:“只有文本和空白的网站会是什么样?”当设计师们说“文本是一种界面”时,他们来真的了。iA site(网站)就是一个杰出的例子。精心开发5年的UI前端框架!

  我最喜欢的作品之一是A Working Library。它是以文本的展示来形成界面,留白刚刚好,文字设计也很到位。

  一些人认为这样的设计枯燥而乏味,他们认为设计应该有更多的流行风格。到了最后你设计的剩余部分可能会被你的一些多余的视觉嗜好所占据(你不再重视设计本身),所以你需要完成设计最初的 95%。但你此刻正在阅读的这篇文章所在的网站就已经做得很好,展示了不依靠图像而仍旧美观的视觉设计。

  很可能会设计出一个精彩的网页而不用丁点图片,我知道这听起来很疯狂,但这很有可能。我并不满足这本应如此,但是如果我们能够仅用文字设计和空白就能体现优雅,那为什么我们不应该试着去插入图像、视频和其他效果来创造杰出呢?精心开发5年的UI前端框架!

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

  上面的两个设计之所以让我感兴趣,是因为文字设计并不单是指引你经过这段过程,它是在用自己的风格做着这件事。你几乎感觉到文字设计就是设计者的表达。Blake Allen 使用赫维提卡体(Helvetica)来使他的网页满是瑞士风格式的清新、有序的风格。而在另一方面,哈里特系列的网站则显得有一点顽皮,也更具实验性。这就是文字排版所造就的有组织的混乱之美。

  对在这之外的 99% 的设计师,文字设计和留白是你们潜在的基础。所以如果你不好好了解改正,你接下来的设计便如同无根可依。对你的设计的担心还是停下来吧,首先要担心的是如何让设计坚挺站立。应该了结了这个之后再开始装扮你的设计。

  Clear应用是 iOS 上的一款简洁的任务管理列表应用。当围绕它的兴奋点主要是用手势来控制界面时,你会发现单是文字设计就足以解决一切并让你享受着这款应用。当然这是使用了 Helvetica 字体,如果是使用了到处是糟糕间距的 Comic Sans 字体呢?杰出的文字设计并不一定以很美好的方式引人注目,而这并不意味着它也要以一种负面的方式突出,然后带来足够的伤害。精心开发5年的UI前端框架!

  Art of the Menu是一个很棒的菜单设计网站。

  The Art of the Menu 网在说明文字设计对菜单设计的重要性上做出了很多贡献。当一些餐馆很乐意地去往菜单加入图像和插画以让其变得招人眼球时,他们并没有使用合适的文字设计结构以使你更容易的浏览菜单,这很失败。精心开发5年的UI前端框架!

  如果你是一个设计师,没有理由会说你不想要一个合适得体的设计。当你进行一个没有坚实根基的设计时,你往设计里增添任何东西都只会使你的设计变得更糟。太多的设计师都会茫然的尝试着用无价值的东西去拯救他们的设计,他们无疑是在火上浇油。

  是否已经更好的理解了文字排版呢?不久之前 Smashing 杂志做了这个一些顶尖的文字设计的工具和资源的综合总结也可以看一下。

时间: 2024-10-27 19:32:57

文字设计是网页设计的根本的相关文章

互联网网页设计与ui设计在未来发展的趋势

对于互联网来说,网页设计师这个职位还是挺热门的,毕竟,互联网已经越来越人性化啦,用的人越来越多,目前数据显示中国已经超过了6亿的用户数量UI设计公司,这表明:互联网是现实生活不可缺少的一部分.但是互联网的构成还得依靠网页才能体现在人们的眼前界面设计公司,大家说是吗?笔者相信只要懂互联网的都会毫不犹豫的说,是的!界面设计公司 网页是组成网站的基本,互联网又是由网站构成,但是网页必须由网页设计师来设计才行的,所以网页设计师职位的重要性相信大家都知道了吧,特别做了很多年以上的资历高深设计师,待遇和福利

另类设计:12个基于桌面视图的网页设计作品

创意的空间是无穷无尽的,下面这组基于桌面视图的网页设计作品带给你独特的视觉冲击.通过使用摄影或完整的布局模仿书桌或桌子来实现这种风格. 您可能感兴趣的相关文章 创意无限!一组网页边栏过渡动画[附源码下载] 真是好东西!13种非常动感的页面加载动画效果 你见过吗?9款超炫的复选框(Checkbox)效果 超赞!基于 Bootstrap 的响应式的后台管理模板 太赞了!超炫的页面切换动画效果[附源码下载] Design Shopp Forgetful Chef Inc G'nosh Frank Di

2015年10大网页设计趋势和预测

技术的不断革新带动了设计行业的迅猛发展,这也使得设计师和开发者有了更加广阔的探索空间.网页设计也越来越不那么循规蹈矩了,很多的团队和公司做了不断的思考和创新.2014年已悄悄走过了一大半,今天我们一同看看2015年将有哪些让人耳目一新的网页设计~ 1.响应式布局,一个样式适配多尺寸屏幕 现在越来越多的用户拥有台式机.笔记本.平板电脑.手机等终端,所以能够适应不同尺寸的显示屏的网页也变成了一种趋势潮流,而响应式网页设计就是为了解决这个问题的,它可以保证网页适应不同的分辨率,让网页要素重组,使其无论

整套网页设计的完成

这周终于在磕磕绊绊中完成了整套网页的设计,网页设计得比较简单,后面几个甚至套用了相同的模板,不过这是我在时间不够的前提下能想出的最好的提高效率的办法了.这样前端的工作量会降低很多,也比较适合我们组的现状. 很欣慰的是,开始不愿意学不愿意听的人在做出自己的网页后也开始积极了起来,这是一个好现象,感觉就像家里不吃东西的仓鼠终于开始吃饭了(啊喂,什么破比喻……最近家里仓鼠绝食感觉太苦恼了QwQ 这周的目标是:加快进度,先保量地完成前端工作,再保质地修改~ PS:上周说的PHP与数据库的书名是图灵教育出

杂谈-网页设计大赛的一些感想

又是一年科技节,鉴于去年参加一个比较没意思的比赛,拿了一个不该拿的奖.今年我想着去参加一个稍微有点意思的比赛,凭自己的努力拿个奖.(题外话,血亏的是同学参加ctf比赛,我一开始以为我个人能力不行没敢和他组队(主要是怕我太坑),结果我帮他们解决了两道前端的题目,他们得了个二等奖--) 说正事,接触html和css是很早以前的事情了,但是js方面还是刚刚入门,之前有用bootstrap搭过一个blog(还没有完成).队友想的是所有的都自己来写,也当是给自己一个练手的机会.这正如一个学长说的,用模板就

Dreamweaver网页设计代码大全

Dreamweaver网页设计代码大全Dreamweaver网页设计HTML语法大全由51RGB小编Q群162542073整理分享: 网页设计视频网站链接http://www.51rgb.com/mproductzh.aspx?classid=31 <!> 跑马灯 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scro

对网页设计的个人理解

在互联网这个大的环境下,网页是每个企业必不可少的一部分,网页的宣传作用在这个时代是十分强大的:1.有利于提升企业形象,企业可以把任何想让客户及公众知道的内容放入网站,而且建立一个企业网站所花费的投入效果比较其他广告类型要低得多.2.可以全面详细地介绍企业及企业产品,企业可以把任何想让人们知道的信息放入网,如企业简介.企业的人员.厂房.生产设施.研究机构.产品外观.功能及使用方法等,都可以展示于网上.更便于人们的了解,也更加的方便,毕竟现在几乎每个人都会使用计算机,都有手机,想要了解什么,通过网页

设计趋势:网页设计中的幽灵按钮

幽灵按钮——那些透明的.可点击的物体——忽然间就变得无处不在.以狂风暴雨之势席卷正网页设计领域.谁能想到,像按钮这么简单的事物,能够改变我们看待网页设计的方式? 参考:预测网页设计趋势 什么是幽灵按钮? 幽灵按钮有着最简单的扁平外形——正方形.矩形.圆形.菱形——没有填充色,只有一条淡淡的轮廓.除了外框和文字,它完完全全(或者说几乎完全)透明.(因此得名“幽灵”) 这些按钮通常比网页上传统的可点击按钮大,也被置于显要位置,例如屏幕的正中央. 各种类型的网站(包括移动APP)中都能发现幽灵按钮的身

css+div网页设计

css是网页制作不可缺少的部分,我会用两篇博客为大家展示css的基本用法. 关于css+div的整体结构图总结如下: 本篇博客主要介绍css的基础知识. 一.css概念; css(级联样式表):它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言. 二.使用css控制页面方法 css控制页面的方法共有四种,行内样式.内嵌式.链接式.导入式. a.行内样式 ps:行内样式