- 浏览: 128805 次
- 性别:
- 来自: 上海
文章分类
最新评论
你已寻找这个问题多年,常听到这个问题在梦中被问及,也在以印第安纳琼斯般的远行去寻求答案。当你知晓答案,你感到彩屑从天花板上纷纷坠落,乐队也开始演奏你最爱的歌,你甚至从你的那一位那里得到了一个甜蜜的吻。那这是个什么样的问题呢?
恩,网页设计的秘密是什么?
这是一个艰难的问题,一个可能没有答案的问题。在2006年,Oliver Reichenstein写下了Web Design is 95% Typography.一些人狂爱它,一些人却不以为然。
若网页设计过多的依赖于文字设计,那么学习其他事物的意义何在?你所需要做的只是理解文字设计的各个元素,然后就能做的很好。
当然文字设计并不只意味着字体的选择,随着@font-face技术和一些如Typekit, Webtype, Fontdeck, 以及 Google Web fonts等服务的到来,你在文字设计的技术并没有提升,你可以在你的余生中轻易的只用一种字体创造出杰出的设计,如果你这样选择的话——而在很久之前那些人(设计师们)则不得不这样做,他们可没有Photoshop作为向导。如果有什么区别的话,更多的字体选择会使事情更加糟糕,这是因为一旦有了更多的选择,创造性以及美观就会变得很难实现。
更多的玩具意味着更多的乐趣,不是吗?如果你想走这条路,那就全力以赴,尽一切可能去达成。我喜欢看着不同的字体被使用,钦佩那些可以成功的在网站上使用新字体的人。然而,我已经太多次看到当开发方案提供给大众时会发生什么,这并不是很好(就像Myspace)。而Typekit能让你在开始使用一种字体之前就能使用文字设计来阅读一本书,这会很酷,假如如果没有用户协议的话——如果是这样的话,网站将会改进十倍。
并非是我尖酸刻薄,说这就是对大多数网站来说你所需要知道的。试着仔细查看你喜爱的所有网站设计,去掉其中所有的图片,然后问下自己:“只有文本和空白的网站会是什么样?”当设计师们说“文本是一种界面时”,他们来真的了。iA site (网站)就是一个杰出的例子。
我最喜欢的作品之一是A Working Library.它是以文本的展示来形成界面,留白刚刚好,文字设计也很到位。
一些人认为这样的设计枯燥而乏味,他们认为设计应该有更多的流行风格。到了最后你设计的剩余部分可能会被你的一些多余的视觉嗜好所占据(你不再重视设计本身),所以你需要完成设计最初的95%。但你此刻正在阅读的这篇文章所在的网站就已经做得很好,展示了不依靠图像而仍旧美观的视觉设计。
很可能会设计出一个精彩的网页而不用丁点图片,我知道这听起来很疯狂,但这很有可能。我并不满足这本应如此,但是如果我们能够仅用文字设计和空白就能体现优雅,那为什么我们不应该试着去插入图像、视频和其他效果来创造杰出呢?
在使用图像时我不是想说那些真正要表达什么的图像,就如图标,但图像在这里就是为了引人注目。有时一张图胜过千言万语,所以最好使用图片(但你仍然需要考虑使用留白)。这里有两个以上的美好网站的例子,它们都将重点放在文字设计上以实现整个设计。第一个网站是Blake Allen Design ,第二个是The Harriet Series(这两个网站都是使用图像来表达他们的文字设计,你要认识到这一点)
上面的两个设计之所以让我感兴趣,是因为文字设计并不单是指引你经过这段过程,它是在用自己的风格做着这件事。你几乎感觉到文字设计就是设计者的表达。Blake Allen使用赫维提卡体(Helvetica)来使他的网页满是瑞士风格式的清新、有序的风格.而在另一方面,哈里特系列的网站则显得有一点顽皮,也更具实验性。这就是文字排版所造就的有组织的混乱之美。
对在这之外的99%的设计师,文字设计和留白是你们潜在的基础。所以如果你不好好了解改正,你接下来的设计便如同无根可依。对你的设计的担心还是停下来吧,首先要担心的是如何让设计坚挺站立。应该了结了这个之后再开始装扮你的设计。
Clear应用是iOS上的一款简洁的任务管理列表应用。当围绕它的兴奋点主要是用手势来控制界面时,你会发现单是文字设计就足以解决一切并让你享受着这款应用。当然这是使用了Helvetica字体,如果是使用了到处是糟糕间距的Comic Sans字体呢?杰出的文字设计并不一定以很美好的方式引人注目,而这并不意味着它也要以一种负面的方式突出,然后带来足够的伤害。
Art of the Menu是一个很棒的菜单设计网站。
The Art of the Menu网在说明文字设计对菜单设计的重要性上做出了很多贡献。当一些餐馆很乐意地去往菜单加入图像和插画以让其变得招人眼球时,他们并没有使用合适的文字设计结构以使你更容易的浏览菜单,这很失败。
如果你是一个设计师,没有理由会说你不想要一个合适得体的设计。当你进行一个没有坚实根基的设计时,你往设计里增添任何东西都只会使你的设计变得更糟。太多的设计师都会茫然的尝试着用无价值的东西去拯救他们的设计,他们无疑是在火上浇油。
是否已经更好的理解了文字排版呢?不久之前Smashing杂志做了这个一些顶尖的文字设计的工具和资源的综合总结也可以看一下。
译者注:typography的条目解释可以参照百度百科和维基百科及其英文版,维基百科译为字体排印学,但译者参照大多数国内译作的译法将其译为字体设计
发表评论
-
什么是完美
2013-05-06 10:58 685什么是完美? 准确满足需求或适应情况需要;这意味着,无论怎 ... -
设计沟通的七条经验
2013-04-07 14:27 774经常有新入职的同学, ... -
[iA 旧文] 网页设计工作的 95% 在于字体排印
2012-08-07 09:36 702网上 95% 的信息是文字。从逻辑上讲,网页设计师自然应 ... -
A/B测试得出的一些有意思的数据和小tips
2012-07-30 16:16 0原文:The Ultimate Guide To A ... -
伟大的交互界面都来自…… (转)
2012-07-30 15:27 720原文链接:http://apple4.us ... -
付款流程的11个最基本的guidelines
2012-07-30 15:19 798又是好文一篇,虽然说 ... -
Web可用性设计的247条指导方针
2012-07-30 15:13 904原文链接:http://www.userfocus.co ... -
卓越的Web软件具有下列品质
2012-07-24 11:35 634卓越的Web软件具有下列品质: ---- 确定产 ... -
Alibaba国际站首页改版小结
2012-07-18 12:40 587阿里巴巴国际站(Alibaba.com)是全球最大、最有影响力 ... -
逻辑路径与网格系统
2012-07-17 16:00 0栅格系统: 创建逻辑路径 除了要精确的遵从网格 ... -
用户体验的五层–概念篇
2012-07-16 15:06 828在找实习的过程中,算是有缘吧,交互设计走进了我的视野,不 ... -
美国广告设计实用教程--作品评价指南
2012-05-10 13:09 772最近在看High哥买的《美国广告设计实用教程》, 里面有 ... -
7个开发人员和设计师适用的WEB应用资源
2012-05-08 22:45 540对于开发人员和设计师来说,很多项目和设计都需要有前期的规 ... -
27个网页设计中色彩的使用
2012-05-08 22:38 696互联网上现在有着数不清的网站,公司的、个人的、政府的、公 ... -
30网页设计美丽纹理的启示
2012-05-08 22:37 596每个网站都会给人一种感觉。那种感觉可能是一见倾心,也可能 ... -
世界500强网站
2012-05-03 10:48 1324世界500强网站大多设计精美、大气简洁,视觉很不错,与大家一起 ... -
windows8 UI,Metro 设计风格浅析
2012-04-23 15:31 1079微软称要通过Windows ... -
Android4.0手机界面与交互设计原则
2012-04-23 15:26 702译者按:在iOS HIG已经 ... -
2012年手机程序设计趋势
2012-04-23 15:23 8162011年涌现出诸多优秀设计,随着操作系统的更新和硬 ... -
30个专业配色网站, 让你配色从此更专业
2012-04-10 22:05 2246当你不知道怎么配色时, 也许下面的这些免费的工具可以给你些灵感 ...
相关推荐
"网页设计与制作结课论文" 网页设计与制作是指使用HTML、ASP、JSP、PHP等语言创建的网页,网页是构成WWW(World Wide Web)的一个基本元素。网页可以用图像档来提供图画,网页要使用网页浏览器来阅读,现在流行移动...
网页设计流程详解 网页设计流程是网站开发中最耗时、最关键的一个环节。本文将从零开始,遵循Web标准,介绍网页设计的7个步骤:内容分析、结构设计、原型设计、效果图设计、布局设计、视觉设计和交互设计。 一、...
【标题】"大学毕业设计 项目实训 留言簿系统网站.zip留言板_毕业设计根本不会做" 提供了一个关于毕业设计项目的主题,这个项目是一个留言簿系统网站。这个项目对于大学生来说,可能是他们初次接触实际的Web开发,...
5. 网页设计的根本要求及好的网页设计:关注网页设计的基本原则,如用户体验、信息架构、交互性和视觉美感,探讨如何创建高效且引人入胜的网页。 6. 公益海报设计的体会:公益海报需要传达社会关怀和价值观,通过...
第一:XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解,等待只会让你失去机会; 第二:新知识肯定会有很多新概念,尝试理解和接受,您才可能提高。不要害怕和逃避,毕竟我们...
- 在设计网页时,尽可能使用普遍支持的字符集,如UTF-8,以减少跨平台和跨软件的兼容性问题。 ### 四、总结 通过理解和应用上述方法,我们可以有效解决从网页复制到Word时遇到的乱码问题。这不仅提升了工作效率,...
一、网页设计根底 1. 熟悉 Dreamweaver 8 的工作环境 在 Dreamweaver 8 中,界面主要分为五个部分:工具栏、文档窗口、属性面板、文件窗口和状态栏。工具栏提供了多种工具和命令,文档窗口是当前文档的编辑区域,...
* 动态网页和静态网页的根本区别是服务器端返回的 HTML 文件是否事先存储好的。 二、JSP 运行环境 * JSP 运行必须的组件包括操作系统、Java JDK、支持 JSP 的 Web 服务器。 * Tomcat 服务器的默认端口号是 8080。 ...
3. 动态网页与静态网页的根本区别在于,静态网页服务器端返回的HTML文件是事先存储好的(A),而动态网页服务器端返回的HTML文件是程序根据请求生成的(B)。静态网页文件包含HTML标记,而动态网页中可以有HTML代码...
Web设计师面临的挑战和限制条件有所减轻,但是依然存在诸如不灵活的HTML、字体选择少、页面适应性差以及各种屏幕分辨率和浏览器兼容性等问题。 尽管如此,Steve Krug提醒设计师们不要忘记人的本性是不会变的。即使...
在当今网页设计与开发中,前端基础技术的掌握尤为关键,CSS作为其中的核心组成部分,是实现网页美化的关键语言。随着时间的推移,CSS已经发展出许多高效的实现方式,以优化网页加载速度和用户体验。在这份《前端基础...
2. **CSS3**:负责网站的样式设计,包括布局、色彩、字体等,通过CSS3的过渡、变形、动画等高级特性,可以为用户提供更加丰富和动态的视觉体验,例如图片翻转、悬停颜色变化等。 3. **PHP**:作为后端开发语言,负责...
课程还分为多个学习情境,如重构图像、抠取与合成图像、图像绘制、照片处理、字体设计、高级图像合成等。每个学习情境下又细分多个子任务,确保学生通过具体操作掌握各项技能。例如,在学习情境1重构图像中,学生将...
* 网站技术开发、网页设计 * 网站测试 * 网站内容发布 * 网站维护及管理 网站域名及网站技术规范 * 采用基于 XHTML 的国际 WEB 标准(CSS+DIV) * 网站首页为顶级域名而不是多级层次 * 网站首页及各栏目和内容页面...
在传统的网页设计中,设计师通常会首先关注页面的视觉效果,包括图像、字体、颜色等元素的设计,并且经常采用如Photoshop或Fireworks这样的工具来绘制和切割页面所需的图片。接下来,设计师会通过编写HTML代码来实现...
由于描述中提到“拿过来就可以用,根本不用做修改”,这意味着该日历脚本设计得相当成熟和完善,开发者在编写时可能已经考虑到了常见的使用场景和需求,使得它可以直接嵌入到网页模板中,极大地节省了开发时间和精力...
### IE下打开ClearType后透明字体问题的解决方法 在探讨如何解决Internet ...需要注意的是,虽然这些解决方案适用于IE浏览器,但在设计网页时还应考虑到其他浏览器的兼容性问题,确保页面能够在不同环境下正常显示。