产品设计排版
版面结构
版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西,一种将不同介质上的不同元素巧妙的排列方式。以下是设计一个优秀结构的一些基本要素。
要建立一个优秀的结构,你必须仔细观察:学习仔细观察你身边的“结构”,比如树、花、山、野兽、宠物、小孩等等。翻翻杂志,书本,宣传单等,并尝试了解图形是如何构成的。
使用了什么配方案?为什么?使用了什么类型的字体?为什么?他们对整个画面起到了什么影响?为什么?“为什么”是重点问题,应该更加强调。
经过大量的观察,你会了解到什么是好的,什么是坏的。为了增强观察的效果,你必须在脑子中将你想表达的元素和环境构成一张图。这将在设计中起到辅助作用。其实这是一个从不停止的过程。
感
产品设计排版网站很多时候,一个好的版面被错误选择的配方案所破坏。其实,配方案是升华一个版面结构的有力武器。如果你仔细地使用颜,很可能得到意想不到的结果。
颜的选择取决于“视觉感受”。比如,女性相关主题的颜通常使用粉、淡紫、亮兰或桃红。儿童相关主题的颜通常使用暖黄,天蓝,橙黄、红、嫩绿或亮紫。医学相关主题的颜为海水绿、翠绿、暗和灰阴影。自然相关主题,或与社会传统相反的特殊配方案可以使用一些暖,比如红、黑、亮黄等。配方案应根据主题而不同。
开始你可以使用市场上销售的签书,他们为不同目的提供了不同的配方案。
字体
继配方案之后,能够完美并适当表达你的思想的就是“字体”。
字体被分为两类:Serif字体和Sans-Serif字体。Serif字体由Times New Roman, Caslon, Caxton, Souvenir等字体组成。Sans-Serif字体由Helvetica, Zurich, Verdana, Arial等组成。Serif字体通常被用作标题和头条,Sans-Serif字体通常被用作正文或重复性信息。
在一个规划中使用过多的字体会看起来混乱并使人迷惑。你在一套结构中只应最多出现3种字体。一种用作标题,一种用作按钮和小标,另外一种用作正文。
字体可以传达很多信息,比如如果你想表达“重量级冠军”就使用Futura Black或Compacta字体,因为这些字体本身看起来就很“重”。另一种情况如果你想表达“羽毛的摩擦”,那么就使用很轻的Caxton Italic字体来表达羽毛的效果。
结构规划中最主要,也是最重要的部分就是“对齐”和“平衡”。你必须很清楚文字、颜和图片的分量,否则你的版面结构完成后会看起来很不平衡。
某些情况下版面可以由比较多的图形和少量文字组成。这个情况下,你可以混合这些图片,使用抽象拼接,而生育的地方可以用文字来填充。最开始,我们必须决定究竟要突出什么,文字还是图案?如果你决定着重于图案,那么主要部分就应该用图案填充而文字就会占据相对小的版面。如果你想突出文字,那么就使用大的字体作为题目,然后填入适当的辅助图案来完成你的设计使它看起来平衡。
版面设计
不知你以前是否学过页面排版,对页面文字、图象、彩的表达方式做过研究,不管怎样,制作网页就应该了解一些版面设计的知识。
首先我们在制作一个网页之前,应该先进行构思,版面设计基础较差的朋友最好将初步的设想画在纸上,免得在做了一半时发现页面不和谐而重做。
第一步先明确页面主题,比如你正在做一个关于介绍股票的首页,就应先想好网页的标题。假设你把它叫做“股市传真”,那么就考虑是否有合适的图片来衬托主题,如果有现成的图片就ok了,没有的话,就根据情况来决定是否自己做一幅[可以选一幅较抽象的股市走线图],但不管怎样,标题的主调应先定下来,这对后面几步的版面影响很大。
第二步明确页面上要链接的目录,比如你共有“今日股市、股市预测、专家点评、利好消息、重大新闻等五个主链接目录,那么要将他们放在较显眼的位置,根据页面风格的不同可以放在顶部、左边、右边、中部等较明显的位置,主链接可以做成小图标的形式,但注意图片不能太大、也不能过分眼[一般情况下不比标题或主图的彩重]。在明确次链接目录:假如本页有“国外股市介绍、历史回顾、友情链接、与我联系”等四个次目录,就放在比主链接次一些的位置,图片大小和用不能超过主链接。
第三步是指定主图,所谓主图,就是放一幅较能反映页面主题思想的图片,他的大小可适当超过页面上的任何图片,颜也可不加限制。比如我们这里就用一幅股市交易大厅的照片。
以上三步确定下来后,页面的基本风格就出现了,我们在根据情况进行调整,或者看是否加上背景,主要考虑主图是否需要背景。
第四步是决定加入引导文。
从版面设计上来将,一个有特的主页,主要包含有三个要素:图象、排列方法、主凋,这三者相辅相成、缺一不可;
要成为主页设计高手,首先要成为计算机图形高手,仅这一点就可以让一些初入门者学上一年半载了。图片的要求与页面的内容有关,一些较随意的主页像股票、医药站点等,来访者并不在乎你能否做出精彩的图片,有些时候他们反而觉得放置图象后影响了访问速度,他们关心的只是页面内容;相反像一些需要靠图象来吸引访客的主页,如游戏介绍、影视介绍、风光名胜等站点,图象是一个极为重要的要素,在这里缺少了恰当的图象、整
个页面就会黯然失、就是一个不完整的主页。但是并不是每个人都可以成为图象制作高手,这需要去学一大堆繁琐复杂的软件PHOTOSHOP、FREEHAND等等,还要有较深厚的美术基础,如审美观、创意技巧、观察力并不是靠短时间内可以培养起来的,需要多年的训练和经验积累,在这里我不想罗嗦每个细节,而是教大家一些窍门来弥补自己某些方面的不足。
要做一辐完美的图象比较难,好在网络上到处有现成的图象可以信手拿来套用,关键是要培养你的审美观,一幅图象是否运用的合适、与其他要素是否和谐统一、能否寸托主题全在于你的把握。对于审美观的提高,有一个迅速提高的方法,就是多看别人的优秀站点,仔细分析这些站点图象为什么好看,要是换一个图象或换一种彩是否可行;要是由你来做,你会如何处理等等,这样你的审美观会在短时间内大幅提高。
主页的第二个要素是排列方法,有的人可以做出不错的图象,但却无法将图与其他要素有机的结合排列,就像一个富豪却不知如何合理的化钱。只会千篇一率的左边链接,右边内文。我一向欣赏大胆的排列方式,给人以新颖、大气的感觉。学过排版的朋友比较运气,主页的设计排列与图文排版有相通之处,但也更难掌握,主页排列要求更精细些。
排列的方式取决于主页内容,一个严肃的主题,需要我们用规规矩矩的制作排列,显得庄重大方,而一些活泼的主题。则可大胆排列、生动鲜明。
第三是彩运用,彩在网页所占比重很大。小B做的页面走的都是清新典雅的风格,基本上每个站点都有一个主调。有了合理清新的调,会弥补主页上的其它不足。就像人们平时说的:“一白遮百丑”的意思。
要提高版面设计的水平,第一是要多看,多看人家的成功之做,分析一下为什么要这么做,要是改变一下排列会变得更好还是糟糕了,要是这个站点换成你来做,你会怎样布局。一个页面要设计的好,要花费大量的精力,小B制作一个重要页面时,要化一天或者更多的时间来进行版面构思,真正制作的时间只要一、二个小时就够了。
第二是模仿,模仿是初学者提高水平的捷径,模仿得多了,慢慢懂得哪些是美的,哪些是合理与不合理的。在你上网浏览时,把那些你认为不错的站点收集起来,仔细推敲推敲。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论