平面设计入门:平面设计原则(13)

网页设计技巧
文/罗蘋‧威廉斯   译/ 张妤菁
font print 人气: 3
【字号】    
   标签: tags:

优良的网页设计有两个最重要的特点:重复与清晰。做到这两点,浏览网页者永远不需要费神思量该如何使用网站的浏览机制,也不会怀疑自己现在是在网站的哪个位置:是还在同一个网站,抑或已经浏览至别的网站了?

重复

在你的网站中,每一页都要重复某种视觉项目。这不但能让浏览网页的人知道他们还在你的网站里,也让网页保有一致性、连贯性与任何优质设计具有的抢眼特色。

让浏览网页者一进入你的网页内容,可以在同样的位置找到浏览的连结设计;让它们维持同样的次序,并以同样的图案标示。如此一来,不仅会让他们觉得你的网站很容易浏览,也赋予整个网站的网页一种统一风格。

易读性

最难阅读文章的环境之一就是萤幕,不论是电视、录影机或电脑都一样。所以,我们要在网页内容上做些修改,让人能愈轻松阅读愈好。

网页每行的长度必须比平面印刷品上的段落短,内文不应该横跨整个网页的篇幅。换言之,你应该将内文编排在表格中,或至少利用整段缩排设计(block indent),使内文左右两边都有缩排,不至于从萤幕最左缘一直排到最右缘。不过,也不应矫枉过正,让每行的长度短到文句不断因为换行而被打断。

以英文为例,如果你要用某特定字体来编排网页的内文──常见的有Helvetica 、Arial 、Times 或Times Roman 字体(如果没有,请跳过本段说明)──请在Helvetica 前加上Genevay 字体,在Times 前加上New York 字体。这么做可以让使这些字体排成的内容,在麦金塔电脑上显得更清楚、更容易阅读。

若你使用的是麦金塔电脑,预设字体请以New York 取代Times, 你会发现浏览网页轻松多了。等到要列印网页时,再改回Times 。最近几年升级的电脑作业系统都有Verdana 字体,非常适合在网站内文中使用。

摘自:《写给大家的平面设计书》三言社出版提供@(http://www.dajiyuan.com)

如果您有新闻线索或资料给大纪元,请进入安全投稿爆料平台。
related article
  • 设计传单、折页文宣、通讯刊物或其他印刷品时,你很清楚哪些资料间有合理的关系,也知道要突显哪些资料、哪些不必。请将资料归类成图表,以传达讯息。
  • 你可能已将相近原则运用在作品中,但或许尚未充分发挥,因此效果不够鲜明。仔细观察下面的例子,注意版面上各个项目,想想哪些项目应该归类在一起。

  • 有时你会觉得,在一个版面上可同时采用齐右与齐左两种编排方式,但是,你必须确定内文可以用某种方式对齐!让我们以编排形式不同的诗集封面来做说明。

  • 如果你的对齐效果很强烈,你可以刻意打破这种对齐方式,成品看来就会像是经过精心设计的结果。秘诀:对齐方式要有所突破时,千万不要扭扭捏捏。放手去大胆设计,否则就不要尝试。胆小扭捏只会使作品显得不上不下。

  • 你是否要设计一份好几页的出版品?重复是统合页面的要素。读者打开文件时,优良的版面设计应该马上就能呈现第七页与第十二页为同一份出版品的感觉。本页与下一页的例子属于同一份出版品,你能指出所有的重复项目吗?

  • 如果你的桌上有两份“通讯刊物”(请见本页与右页的例子),你会先拿哪一份来看?两份的基本编排方式相同,也都很美观、干净,内容也一样,只有一种差别:右页的例子中有较多的对比设计。
  • 没错,对比很少是唯一一个需要强调的原则,不过,你经常会发现,只要用了对比技巧,其他原则也会依序出现。举例来说,你的对比项目有时也能作为重复项目。

  • 下面以俄尔网路咖啡公司经理俄尔.瑞兹的名片为例,说明三种不良的版面编排方式。

  • 将版面项目排成一直线!名片上每个项目应该与其他任一项目对齐。
  • 设计新鲜人的折页文宣与通讯刊物作品有很多共同的问题,例如:缺乏对比与对齐效果、使用太多Helvetica 或Arial 字体。以下简单说明,设计原则该如何运用于你目前的折页文宣作品中。
评论