网页是不是印在纸上的

我放弃了试图“控制”的网页,发现的适应性。查看的网页和设计媒体,这似乎是最有影响力的是:纸。这个古老的介质的约定和约束,如何解释我们“跨越”,因为他们中许多人在网络上的纸克服严重的限制其实不应该是理所当然的。包括一些基本的技术,为建设进入网页设计的适应性。
网页没有印在纸
如 果你从来没有看过早期的电视节目,这是指导观看。电视是通常被称为“无线图片”当时,这是一个相当准确的描述。很多受欢迎的广播电视的格式,在那个时候。 事实上像今夜秀“的节目,几乎每一个在世界频道上找到它的变体,设有一个带通话的摄像主机,坐在客人,适合清醒的新闻阅读器的新闻,继续为介质的痕迹电视 增长。

想太多的第一个音乐视频(我们几个可能至少老)。本质上说带比划自己播放一首歌曲。铆钉。

当一种新的媒体借用现有的,它借用了什么是有意义的,但大部分的借贷是轻率的,而且往往制约了新媒体。随着时间的推移,新媒体的发展它自己的约定,摆脱现有的公约,是没有意义的。

如果你有机会提前观看影视剧的机会,你会发现一个良好的榜样。由于无线电的声音描述需要什么样的听众看不到,早期的电视连续剧经常以语音为特色超过,说明什么样的观众可能。这是一个简单而明显的例子时会发生什么发展出来的一种新的媒体现有的。

我想考虑作为发布媒介的网络,并比较它与介质的打印,他们的技能,设计语言和公约的强烈影响的网页。我不主张的时刻,我们应该抛弃的经验教训,从几百多年的印刷和数千多年的写作。不过,我想考虑印刷出版方面的限制没有很好的理由基于Web的出版。

在过去的一年或两年,我已经深刻地改变了我的思维方式有关网页设计和出版。起初的变化可能看起来微不足道,但我的学生和设计师讨论,以及我一直见证并partaken的新闻组讨论的基础上,转变是不平凡的,很多是有争议的。即使是异端邪说。

有什么区别吗?
广播和电视之间的区别是简单地表达,但其影响是远从微不足道的。所不同的是移动的图像。

打印的页面和网页之间的区别是同样简单的状态:印刷的页面是静态的,网页是流动的。什么样的影响流入这个看似简单的区别?

许多网站设计者把流动性作为一个漏洞的网页。PDF是经常被吹捧为治愈这个问题。经常被视为一种PDF格式的HTML层叠样式表,然后开发人员放弃了CSS时,“不工作”。

这 个“缺陷”的本质是什么?这是在他们的设计中,设计师失去了控制。读者可以调整自己的网页,可以选择自己的字体大小,总之读者有所控制。这是容易,为什么 设计师可以考虑这一点,随着平台的差异,不同的操作系统,浏览器和系统设置亟待解决的问题。在世界上的纸张的出版的设计者用于控制。整个行业的发展,以确 保设计师想要的是什么,读者得到的。

但是,如果它并没有真正重要的是什么?如果设计师是不是真的王呢?如果我们认为设计师必须遵循的告知 和教育的建议,读者可能会想如何消费信息,而不是所有知道聪明的每听写?我hammed了一点,当然,但问题的事实,读者可以适应自己的口味基于Web的 内容,更重要的是,他们的需求是什么?

让我们把这个设施,供读者自己的适应能力,能适应基于网络的内容。我的异端观点是,适应能力是没有 问题的,它是一个特定的网络实力。和网页设计师,我们应该寻找使我们的自适应尽可能的基于Web的信息。我们应该搬走的圣杯像素完美,设计和实施,以这样 一种方式的页面,以使尽可能多的适应能力。

为什么呢?
我不能就这样断言适应性的价值。而且我也不需要。但首先,让我们来问问有什 么样的价值是在一个网页,适应性不强?打印的页面只有固定的,因为他们身体必须的。你可能会说,一个设计师的专业知识和教育,以确保最佳的外观和可读性。 这是很经常发生的情况。但它涵盖的读者有不同的能力水平,从规范的情况下?一个读者的眼光是不是很好,大多数读者的设计配合得如何?或者有困难的人区别某 些颜色吗?如何这一个尺寸适合所有的设计理念工作时,你的读者不使用PC和显示器,而是被使用的电视为基础的Web浏览器,或手持的设备吗?

这些都是重要的网络出版物的适应性地址,但往往被忽视的事实。

适应性的网络是一个事实。这是一个约束,一个缺点,错误,如果你选择看到它THT的方式,或,我会说一个功能,有实力的介质。它不会消失,我认为它不应该离开。


这是一个灵巧的设计作品SOFWARE我听说过。
理查德·克莱门特,阿斯医药护理
视窗 :: Mac OS X的

下载演示 :: 现在购买- $ 59.99

对 适应性,可能会引发第二个论点在道德或法律的理由。设计者可以说,“这是我设计的,它是一个条件,你使用它,你认为这是我设计的”。一个好的律师将能够制 定一个许可证,其中包括这样一个词,它很可能是绑定(如果你想要像迪斯尼公司的知识产权许可当然,有这样的协议条款)。还是从道德的角度来看,设计师可能 会说,那是很不礼貌的,并有可能违反版权法例所规定的很多,如果不是大多数国家的道德权利。你可以反击,在伦理上,网页是关于可访问性,和它是有问题的排 除信息的基础上的残疾读者。

但这些都是次要的参数。如果你不相信,那么这些参数的基本价值的适应性提供了一个理由,或一种机制,试图阻止读者适应他们的口味或需要设计师页。说的适应性是不礼貌的或非法的说法并不矛盾的适应性是很重要的。

这真的可以花一些时间来与这个位置,因为它改变的设计师扮演的角色,从神大师。许多设计人员在他们现有的角色可能会更舒适。永不改变的是完全舒适。

可以适应能力如何建立?
如果你读了这一步,和我刚才所说的话,我想的问题,我们能做些什么,试图让我们的网页更加适应一定的合理性。

我 们来看看在实际中,让我们来看看它哲学。作为设计师,我们需要让我们的网页,作为父母必须让他或她的孩子。一旦他们进入世界(万维网),他们的生活就会充 满自己的。我们只能提出建议,我们能不能​​坚持自己的外貌。开发适应性强的网页,这是最大的障碍。这一理念不会立即发生。为什么网页设计,能适应,你可 能会信服的论据,但它仍然感觉不对。这是一个很大的变化。这可能需要一些时间。

现在,让我们来看看一个Web页面,这是最有可能改变的平台,平台和用户到用户的不同方面。我们将考虑如何设计和实施适应这些变化的页面。

在实际应用中,下面的一切假设您的网页的外观是通过使用样式表(CSS)。

HTML根本不应该被用于标记外观的任何更多的网页。

对CSS的更多信息,请参阅我们的审查的CSS资源列表

字体
一 般的Windows机器,Macintosh电脑,或其他系统安装的字体只有极少数。很少有重叠,这些不同的系统上默认安装的字体。已经与许多浏览器,以 及越来越多的未来,读者将能够决定他们想要查看网页上的字体。有了CSS,你可以建议一些字体,并覆盖尽可能多的尽可能基地。但是,不依赖于一个字体,无 论它是多么常见。

更重要的是字体的大小。你可能知道,同样的字体,大小的Macintosh电脑上的相同点“看起来更小”,而不是大多数 Windows计算机。简单地说,这是因为“逻辑分辨率”的Macintosh是72DPI,而Windows默认的96DPI。的影响是显着的。首先, 它保证了它本质上是不可能有Macintosh和Windows系统上相同的文字看起来。但是,如果你拥抱的适应性理念也没关系。

什么? 如果您所关心的是如何显示一个网页,这是一个标志,你仍然不考虑自适应页面。的一个最显着的可访问性问题的是,字体大小。小字体更难以阅读。对于我们这些 有良好的视力,它可以作为一个震惊,一个显着的人口比例低于14点的时间在纸上读什么麻烦。屏幕是比纸张,可读性较差,因为其较低的分辨率。

这是否意味着我们应该使用的最低点大小为14点吗?这不利于人的视线是那么强的。那么,什么是最低点的大小,我们应该使用?无。不要使用点。这可以让读者选择适合自己的字体大小。

您仍然可以提出较大的字体大小标题和其他元素。CSS提供在这样一种方式,以帮助适应性提示的文本大小的几种方法。我们来看看刚一获得一个想法。

使用CSS,你可以指定字体大小的父元素的字体大小的百分比。例如,标题是身体内部的页面。如果你没有设置大小的文字在体内,则该文本的身体会是读者选择了作为它们的默认大小的尺寸。我们已经帮助我们的适应性,通过简单地做什么!

您可能会说,“但是,文字看起来太大,”如果我离开是这样的。它小。但是,在您的浏览器。和你的读者,届时将有更大或更小的选项,以使他们的浏览器,根据自己的口味,他们的需求。

我 们可以使标题和其他元素中脱颖而出使用通过指定第1级的标题应说30%大于正文文本的字体大小,第2级要大25%,等等。现在,不管用户选择的大小,为他 们的主文本,标题将被缩放到成比例大于主文本。同样的文字可以缩放到小于正文文本,但是,这可以上升到文本的情况下,是难以辨认,小,所以请谨慎使用。

我们所做的真的很少,只是避免使用绝对的字体大小,并使用比例大小标题,和我们已经取得了我们的网页更加适应和访问。

布局
页 边距,页面宽度和缩进,页面设计的各个方面,它可以帮助可读性。网页呈现设计师与每个这些困难。可以调整大小,从而改变页面大小的浏览器窗口。不同的网络 设备(网络电视,高分辨率显示器,个人数字助理)有不同的最小和最大窗口大小。固定的字体大小,固定的页面布局可以在网络上是有问题的。

字体,这些布局方面的一个页面,可以用百分比来创建适应性强的页面设计。边距可以被指定为包含这些元素的宽度的百分比。

使用百分比(或其他相对值)到指定CSS页面布局会自动创建自适应页面。随着浏览器窗口的扩大和缩小,元素的布局调整,以保持相同的比例,所以整个页面布局的调整。

页边距,文本缩进和其他布局方面,还可以指定它们所包含的文本的大小。这是另一种方法,使网页设计,适应读者的设置。

颜色
该网站是和大的比打印的页面更加丰富多彩的媒体。颜色是在网络上便宜。颜色的可观赏性,有利于建立一个视觉形象,并有实用价值(红色提请注意的重要信息)。但颜色带来困难的适应性。

你知道吗,在许多国家(如果不是全部)与红,绿,色盲的人是无法获得飞行员执照吗?也就是说,不管任何其他的能力,因为几乎无一例外地传达警告信息使用红色代表危险,绿色代表安全。这是一个耻辱,警示灯并不是单纯的适应能力。

您的网页排除人以类似的方式吗?这将是一种耻辱,因为在不久的将来,大多数Web浏览器将提供简单的方法,供读者来调整色彩元素在网页上,通过用户的样式表,它可以覆盖你的样式表。

如何避免这些问题呢?使用样式表,而不是HTML <font>元素。并避免依靠颜色组合,单独传达的意思。

我们不能涵盖所有方面的适应性。我只是试图强调一些最常见的情况,因此,我们可能会开始在实际的适应性以及理论思考。

在哪里呢?
如果你觉得我在说什么有什么,然后从实用的角度来看,最重要的事情你可以做的是,单从HTML转换为HTML + CSS为您的网页。如果你已经使用了CSS,请确保您不依赖于像素和点等物理单位指定的字体和布局。使用百分比,或相关单位,如新兴市场。