网页布局设计理念- 我是空中的一片云- 风云之雨- 和讯博客
网页布局设计理念 [引用 2010-04-11 03:01:02]   

网页可以说是网站构成的基本元素。当我们轻点鼠标,在网海中遨游,一副副精彩的网页会呈现在我们面前,那么,网页的 精彩与否的因素是什么呢?色彩的搭配、文字的变化、图片的处理等,这些当然是不可忽略的因素,除了这些,还有一个非常重要的因素——网页的布局。下面,我 们就有关谈论一下。 
网页布局类型 
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、
型、变化型,下面分别论述。 
1、 “国”字型:也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内 容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。 
2、拐角型:这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接 
3、标题正文型:这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。 
4、左右框架型:这是一种左右为分别两页的框架结构,一般左面是导航链接,有时最上面会有一个小的标题或标致,右面是正文。我们见到的大部分的大型论坛都是这种结构的,有一些企业网站也喜欢采用。这种类型结构非常清晰,一目了然。 
5、上下框架型:与上面类似,区别仅仅在于是一种上下分为两页的框架。 
6、综合框架型:上页两种结构的结合,相对复杂的一种框架结构,较为常见的是类似于“拐角型”结构的,只是采用了框架结构。 
7、 封面型:这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在 首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。 
8、Flash型:其实这与封面型结构是类似的,只是这种类型采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体。 
9、变化型:即上面几种类型的结合与变化,比如本站在视觉上是很接近拐角型的,但所实现的功能的实质是那种上、左、右结构的综合框架型。 

关于{dy}屏 
所谓{dy}屏,是指我们到达一个网站在不拖动滚动条时能够看到的部分。那么{dy}屏有多“大”呢? 其实这是未知的。一般来讲,在800*600的屏幕显示模式(这也是最常用的)下,在IE安装后默认的状态(即工具栏地址栏等没有改变)下,IE窗口内能 看到的部分为778px*435px,一般来讲,我们以这个大小为标准就行了,毕竟,在无法适合所有人的情况下,我们只能为大多数考虑了。 
说了那么多,无非是一个标准的问题,其实接下来不用我说大家也能想到,{dy}屏当然要放最主要的内容,关键要知道的是,我们要对{dy}屏能显示的面积要有个估计,而不要仅仅以自己的机器为准。其实
的一个很麻烦的地方就是浏览者的机器是未知的。 

有关导航栏的位置 
导航栏能让我们在浏览时容易的到达不同的页面,是网页元素非常重要的部分,所以导航栏一 定要清晰、醒目,一般来讲,导航栏要在“{dy}屏”能显示出来,但是有时{dy}屏可能会小于上面所说的435px,积于这点考虑,那种横向放置的导航栏要优于 纵向的导航栏考虑,原因很简单:如果浏览者的{dy}屏很矮,横向的仍能全部看到,而纵向的就很难说了,因为窗口的宽度一般是不会受浏览器设置影响的,而纵向 的则不确定性要大的多。 

什么样的布局是{zh0}的 
这是初学者可能会问的问题。其实这要具体情况具体分析的:比如如果内容非常多,就要 考虑用“国字型”或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便,速度快,但 结构变化不灵活;而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采,封面性是{sx};Flash型更灵活一些,好的Flash大大丰富了网 页,但是它不能表达过多的文字信息。还没有提到的就是变化型了,我只是想把这个留给读者了,因为,只有不断的变化才会提高,才会不断丰富我们的网页! 

大致就这些了,希望您有所启发。 

网页导航设计的注意要点

一、注意超连结颜色与单纯叙述文字的颜色呈现 
WWW的语言—
允许Webpage设计者特别标明单纯叙述文字与超连结的颜色,以便丰富Webpage的色彩呈现。如果您的网站 
充满知识性的信息,欲传达给访问者,建议您将网页内的文字与超连结颜色,设计成较干净素雅的色调,会较有利于阅读 
∶纯粹的叙述文字采用较暗、较深的颜色来呈现(如∶黑色、墨绿色、暗褐色),超连结文字则以较鲜明抢眼的色彩来强调 
(如∶亮黄色、翠绿色、鲜橘色),至于探访过的超连结则采用较低于原超连结亮度的颜色做呈现。 

二、测试所有的超连结与导览按钮的真实可行性 

Webpage上线之后,{dy}件该做的事,是逐一测试每一页的每一个超连结与每一个导览按钮的真实可行性。彻底检验有没有 
失败的link无法连结到该连结的Webpage,却反而冒出“FileNotFound”的错误讯号出来。这是一个负责任、够水准的 
Webpage设计者对自己的作品应有的基本品质要求。 

如果您果真有那么多的超连结必须提供给读者,不如将这些超连结以条列的方式,一笔一笔清楚地列在一选单页或目录页 
上,既不防碍走文的顺畅,又呈现一目了然的导览连结。 

三、让超连结的字串长短适中且走文自然 

抓住能传达主要讯息的字眼当做超连结的锚点(anchor),可有效地控制住超连结的字串长度,避免字串过长(如∶整行、整 
句都是锚点字串)或过短(如∶仅一个字当做锚点),而不利于读者的阅读或点取。 

四、当导览按钮连结到目前此页时 

各Webpage若重复使用同一组的导览按钮,无可避免地会产生某一导览按钮连结到目前此页的情形。为达成界面设计的一致 
性,并没有{jd1}的必要性拿掉此导览按钮,但Webpage设计者可让此按钮不再具有超连结的功能;或将此按钮的彩度、亮度 
降低(如∶深绿色变成淡绿色,亮红色变成暗红色),使读者可清楚地意识到∶这个暗设下来的导览按钮不再具有超连结的 
功能。

五、分析、说明您提供的bookmarks或coollinks 

常常看到热心的Webpage设计者条列了精心收集的bookmarks或coollinks,以分享读者个人遨游WWW的美好经验。但多数 
Webpage设计者就只提供一大串links,并不分门别类,也不加以分析、说明为什么这个link好,值得推荐?那个link的主 
要内容精彩之处?又在哪?提供您的bookmarks或coollinks是一大善举,但未加以分析、说明,却变得功亏一篑。多花几 
分钟,将您提供的bookmarks或coollinks稍加分类、注解,可提供读者清晰的概念与无限的方便,也使您的站台的导览系 
统更加周全完善。未加以说明、注解的coollinks,其实一点也不cool。老实说,任何人都可以到Yahoo轻易地找到上百上 
千的links。您若未对这些推荐的links加以个人独特的评论、介绍,读者又何劳偏得到您的站台去找索引呢?任何一个分 
类索引或搜寻引擎都{jd1}比您条列的links还要更完备齐全。 
六、在具有前后连续顺序的文件里提供必要的连结 

将篇幅过长的文件分隔成数篇较小的Webpages大大地增加了界面的亲和性,但在导览按钮与超连结的配置上,Webpage设计 
者则要更细心周全地安排,使得读者不论身处您站台的哪一阶层,依然能够快速便捷地通往其他任何一个页面。Webpage设 
计者应特别注意∶ 

1.提供“上一页”、“下一页”、“回子目录页”与“回首页”的导览按钮或超链结在一系列具前后连续顺序的文件里, 
每篇Webpage都至少应提供“上一页”、“下一页”、“回子目录页”与“回首页”的导览按钮或超连结,可使读者能够立 
即得知自己所在的页面,是属于一份较大文件内的一小部分。(考虑、体贴一下某读者不是从您的Home顺序连结至此页,而 
是依循别的站台的某个link跳跃连结至此)。并且可以借由这些links随时参考连结“上一页”、“下一页”与本页的连贯 
内容;直接点取“回子目录页”查寻其他相关的标题;或直接跳跃至homepage,浏览其他不同项目的信息。 

2.简明扼要地标明此页、上一页与下一页文件的标题或内容梗概。 

在一系列具有前后连续顺序的文件里,每篇Webpage都应加上一个具有说明性的标题,使读者一目了然,马上抓住这一页的 
重点。而完善的导览系统除了提供“上一页”、“下一页”的导览按钮或超连结外,更添加精简达意的上一页与下一页标 
题、内容提要,使读者即使尚未点取这些Webpages时,亦能先梗概地了解自己将连结至什么样的Webpage。 

3.提醒读者某一系列文件已到尽头。 

当读者已达某一系列文件的{zh1}一页时,Webpage设计者应提供一小段告示提醒读者,同时不再提供“下一页”的导览按钮 
或超连结。但基于Webpage界面设计的一致性,或许有些Webpage设计者并不希望在同一系列的{zh1}一篇Webpage里忽然少了 
一个先前每页都有的“下一页”导览按钮(尤其是精心设计过的图形化导览按钮)。为达此目的,可考虑将{zh1}一页的“下 
一页”导览按钮颜色暗沉下来,且不赋予超连结的功能,并提供一小段告示提醒读者,此系列文件已到尽头,不再有“下 
一页”的内容。 

七、在较长的Webpage内提供目录表与大标题 

理想的Webpage长度以不超过三、四个荧幕页面为佳。但是如果基于某些特殊理由,您的Webpage一定要做得很长,那么不 
要忘了在此长篇的Webpage最上头,提供一个目录表,Webpage的内容也标上大小标题,以利清楚阅读。尤其重要的是,在 
这些标题与目录表的HTMLsource里分别设置锚点,并链接到锚点,以使您的Webpage真正发扬WWW的高互动性、高便捷性功 
能。 

八、暂时不提供超连结到尚未完成的Webpage 

超连结或导览按钮应该引导读者到一篇真正“有料”的Webpage,而不是以“挂羊头卖狗肉”的方式,事先将某一超连结描 
述得超级精彩、超级诱人,结果读者兴致勃勃地连结过去,却根本看不到任何精彩、诱人的内容,{wy}所见的,只是一张 
无聊的告示牌“施工中”。 

如果您急欲在网络上推出您的站台、展现您Homepage,但仍有少数几页Webpage尚未完成,建议您先暂时别让这些“施工 
中”的Webpage正式露面。(即先暂时别让这些连往“施工中”的Webpage的“超连结”,拥有真正的超连结功能。)等到您 
“几乎”完工之后(Webpage永远没有“真正”完工之时,总是需要不断地修改、增添、翻新),再正式开放连结也不迟。 

倘若您急欲告诉读者,您即将提供一页超级精彩、超级诱人的Webpage在此站台,只是目前仍在努力赶制中,您大可直接摆 
一段告示在即将是“超连结”的文字旁(但目前仍不具超连结的功能),明白昭示世人,以节省读者徒然点取、徒然往返的 
时间;也免得读者满怀希望,却又落得失望而归。 

九、不要在一篇短文里提供太多的超连结 

适当、有效率地使用超连结,是一个优良的导览系统不可或缺的条件之一。但过份滥用超连结,造成短短的一篇文章里却 
处处是links,反而损害了Webpage行文的流畅与可亲性。在充斥着超连结的短文里,很可能其中不少是无意义、没必要的 
links。例如∶连结到一页只有两三行注解的link、连结到一页只放了“施工中”的招牌的link。在一篇长短适中的 
Webpage里(三、四个荧幕页面),文章里提供的文字式超连结{zh0}不要超过10个以上,以使全页行文能够顺畅,而读者也不 
至于眼见一大堆超连结,反而不知从何点取才好。况且,连续、肩并肩地出现两三个文字式超连结,很容易被误认为只是 
一个长度较长的超连结,于是被读者忽略掉,便也失去了这些超连结的原本功能。

网页留白的艺术

国画中有一句话描述这种艺术形式的空间布局比较经典,就是“计白当黑”,表明了白也就是空的地方和着的墨一样都是国 画整体的组成部分,如何利用空间中的留白是非常重要的,也是提升艺术性的途径,有些尽管是画的很不错,但是看起来不舒服,就是没有重视留白,造成了画面的 整体上的失败。对于来说,有何尝不是如此呢?也许现在我们没有把它提升到一个艺术审美的角度来看待,所以没有人去深究过网页的艺术性,我想这是我 们网页设计者孜孜以求的方向,因为未来的网络技术高度发达,人们对于更高层次的追求也就必然会牵涉到对艺术、对美的追求。既然如此,我们就应该把眼光放远 一点,把网页的设计提到这个层次来考虑。尽量的克服目前技术带来的限制。既然如此,按照艺术审美的观点,网页上的留白也是一个组成部分,同其它的主要的内 容入文本、图片、动画一样,是每个设计者在制作网页时要一起考虑的。   提升到艺术的高度来看待留白是通过视觉上的手段,留白也可以给人带来心理上的轻松与快乐,也可以给人带来紧张与节奏,通过这种手段可以向使用者表达出 设计者的心理感觉,设计者在设计网页的同时也在同自己的使用对象在作一种交流,好的设计者能够达到同自己的使用对象进行心理对话的程度。不光通过页面上的 文字、图片、动画的组合和排列,同时借助留白进行表达。可以达到非常好的效果,例如一个休闲的网站,设计者要传达给使用者的一个信息就是要是让他们轻松随 意,无拘无束,光通过网页上的图片和文字的表达是干巴巴的,没有感情色彩的。如果能通过网页设计反映出这种感情色彩,显然这样的设计是较为高明的设计。能 实现吗?当然可以,借助网页上的留白就可以,让留白更多的显示出自己的特色,在联系图片和文字的中间架起一道桥梁 。

网页设计的八种陋习

一、不要为图像加入太长的交互文本 
使用“ALT=”为图像加入交互文本是一个好习惯,因为并不是所 有的人都打开图像载入开关的,这时候这些交互文本给了用户一个有 用的提示,特别是一些连接。但有部分网页制作者为图像加入了很长 的交互文本,当用户载入图像时,这并不影响结果;但如果用户不载 入图像,浏览器就会将所有的文本都显示出来,以致超出了它本来的 宽度、或高度,对网页原来的排版影响很大。    

  例如广州市某免费个人主页提供商的网页,我开始在关闭图像载 入的情况下访问,结果该网页乱七八糟,而且需要使用滚动条才能全 部浏览,每个文字连接都被前面的图像*得排成两行,很不顺眼!后来我打开图像载入再去访问该站时,发现网页原来很整齐。那些用文 件名和长度作为交互文本的图像只是一些长度、宽度都很小的装饰图 案,但因为交互文本太长了,所以才造成了混乱! 

二、不要将连接全部摆在图像中 

  以往的网页中的连接都是文字,而且用下划线以资识别。但不久人们就讨厌了这些文字连接,于是都采用了图像连接。 后来,更加嫌一个图像一个连接太麻烦了,于是将所有的连接到摆进了一个图像中去。但与上忌情况一样,不是所有的人都打开图像载入,如果你把所有的连接到摆 在图像中去,而没有任何同样功能的文字连接的话,用户也许会很不知所措。 

  某网上男孩子的网页,可能是考虑到这个情况,于是把包含在图 像中的连接作为交互文本列了出来———呀!足有1000多像素的宽度 。结果我没有用鼠标去“探索”———其实可以用TAB键去寻找这些 连接———而是退了出来。与其怕部分用户望而止步写了那么多的交 互文本,为什么就不可以增加一些同样目的的文字连接呢?  
三、不要使用自动滚动 

曾经到过一个内容“丰富”的网页,它几乎使用了所有曾经在 《中国计算机报》中出现过的网页制作技巧:现在的时间、访问了的 时间、等等。不过有一个不是使用得很好的,就是窗口的自动滚动。 我只是想发个邮件给网页的主人,但我却无法使滚动条停下来让我点 击连接,于是我花了很久才“命中”窗口中的E-mail连接———真 后悔军训的时候没有练好射击!也许自动滚动可以炫耀一下本事,但 就没有什么实际价值了。用户有鼠标,可以自己移动滚动条,网页制 作者们可以少 *** 心。 

四、不要用延时效果的 

  现在的网页制作者为了使网页更加具有影响力,都疯狂地加入javascript 。以现在的猫奔跑的速度而言,这些脚本也算不了什么,用户不会介 意。但是,如果这些脚本可能导致延时的话,用户的态度就不同了。 因为这些延时不会因为猫的快慢而改变,任何用户都必须望着屏幕上 的“杂耍”完了才可以继续。头一两次还会觉得:WELL,棒极了!但 后来,……某个国人网页的首页在载入时窗口的底色———窗口里面 没有任何内容———由白色逐渐变成黑色,整个过程耗费了几秒,嘿! 别小看这几秒,我能检查了全部的邮箱了!    

五、不要依赖浏览器 

  唉!其实留意《中国计算机报》的话,应该看过这类的警告。但 事实上,太多的网站首页中加入了“请在123*456分辨率下使用789 浏览器浏览本网站”的文字。我是安装了IE、NC、和,因为我 要制作网页,需要它们来检验网页的在这些浏览器下的可读性。但一 般用户不会安装那么多的浏览器,更加不会牢记着哪个网站需要用哪 个浏览器浏览   网页设计是一门艺术,一门大众(流行)艺术!就好比音乐,只 使用一种乐器、没有歌声,当然也会有人喜欢,但是流行音乐更多的 是采用各种乐器,加上xx的歌声,这样才会被更加多的普罗大众所 接受,对吗?    
也许不可能让网页在使用所有的浏览器浏览都有一样的效果,但 尽量地去达到该目的,会让网页在这个浏览器下有这样的特色、在另 一个浏览器下又有不同的特色,这是网页制作者的工作,不是吗?    

六、不要滥用留言簿 

  别误会,虽然我的个人网页由于服务器的问题不能使用留言簿, 但我{jd1}不是妒忌!那次在某个网友的网页上留言,提交之后发现我 的留言和个人的部分资料立即送了上留言网页,和其他以前的留言一 起展示出来。首先,我的个人资料之所以告诉你是因为想与你交个朋 友,但未经任何提示的情况下就全部摆了上网,好象不是很友善。其 次,更重要的是,我在该留言网页上发现了某个人的言论似乎很偏激, 有反革命嫌疑———这样做是很危险的!你的网页有没有违法成分你 自己可以控制,但其他访问者的言论是你所难以估计的,万一被其他 别有居心的人利用来进行反动宣传,这样你岂不成了“同伙”!    

  有鉴于此,我奉劝所有使用留言簿的网友,慎之又慎啊! 

七、不要忘记版权  

  现在,网上的侵犯知识产权问题非常猖獗,某N字头免费个人网 页提供商上的网页尤其严重———甚至有盗版光盘xx呢!为此一些 新的免费个人网页提供商就要求用户在申请时提交详细的、真实的个资料,以防备不可预计的事情发生。    

  不少的网友都很轻视知识产权,觉得自己是个人,大公司不会计 较的。但,《中华人民共和国计算机信息网络国际联网安全保护管理 办法》中第四条规定“任何单位和个人不得利用国际联网危害国家安 全、泄露国家秘密,不得侵犯国家的、社会的、集体的利益和公民的 合法权益,不得从事违法犯罪活动。”所以,如果你的网页需要引用 别人的东西的话,要么你就和他联系一下,征求意见;要么就在明显 的位置注明其版权归属。这并非多余,这是你的网页“长寿”的秘方! 

  当然,如果是你自己制作的图像或自己撰写的文章,你{jd1}有权 声明版权归你自己所有! 

八、不要懒于更新 

  某个N字头的个人网页聚居地上有很多的网页都是很久前建立而至今没有更新过的,姑且不说这是浪费公用资源的行 为,访问过这些 网页的人看见网页主人如此懒惰,你说他还会再去访问吗?谁能确定 下次访问不会又是这般模样呢?因特网上的资源如此浩瀚,谁会去访问一个“从”不更新的网页呢?   我诚意地奉劝那些“霸占”了公用的个人网页存放地方的人,如 果你们真的那么忙,为何不让出空间,给新的网友更多发展的机会呢? 

网页设计的苦与乐 

事物都是矛盾的统一体,苦与乐就是一对互相依存又相互独立的矛盾体。正如人们常说的“没有苦哪有甜?”,在网页制作 过程中,我的感受尤为明显,从事网页制作两年以来,从一个对网页一窍不通到现在略有所得,这之间经历了一个漫长的苦和乐交织的过程。这期间漫漫的独自探索 路,让人回想起来,诸多的回味。

  在刚刚跨入这个网页领域的门槛的时候,就是一个从无到有的学习的过程,当然不可避免的是一个痛苦的过程,每天面对很多的新名词,诸如超链接,IP,URL等等,就让我好不头疼,不过只有硬着头皮将自己投入到这个陌生的世界里。

  首先接触到的{dy}个问题就是从平面设计到网页设计的一个转变,由于平面设计反映的主题一般都比较单一。而网页设 计往往是一个整体,所以要用一个整体化的思维来解决问题,这样设计的过程就是一个很苦的过程,一步一步的按照统一的思想来设计,先搜集资料就不是一件省心 的事情,因为涉及到选择资料的问题,充分的分析网站的要求,利用已有的一些资料,舍弃无关的,再利用已有的手段找一些自己要的资料。同时也要设法通过设计 将它们统一起来,找到它们的调和点。由此设计出网页的基本风格,再到具体的页面的颜色搭配、图片文字的配置、按钮的样式以及编排方式等等问题。由大到小, 由粗到细……,当自己独立完成一个网页是尤其该如此,所以这很多繁琐的问题只能用一个字来形容,就是“苦”。不仅如此,还要经历一个反复修改再定稿的过 程,从手工绘制草图到在软件中实现,不能很好的实现的,就修改草图,如此反复。或者是多个草图选择{zh0}的来制作,如此种种。在这转变的过程中,不断的找准 平面设计和网页设计的现实情况的一个调和点,在两者之间搭起一座桥梁。为此付出了太多的努力。而最初收获是很小的,就是因为软件的限制。网页应用软件严重 的约束了自己发挥。

  对于使用网页的应用软件。我还有一段较为痛苦的经历。照理说我有很多的图形设计应用软件的使用经历。使用网页软 件相对会感到一些的轻松。但是同样碰到了很多的问题,记得在当初学习Frontpage98的时候,曾经让我感到很不方便,就是因为我用一般的绘图软件如 Photoshop和Corldraw等,在拖动图片或者是文字等都是很随意的,想放到哪个地方都可以,不会像Frontpage里一样采用的是文本编辑 的形式,这样就感到很受限制,处处受制。当然就不得不学用表格,这更增添了我痛苦的记忆,特别是表格的控制,由于受到相邻的图片或者文字或者是表格的影 响,有时候始终不能达到自己的目的,再在表格里加表格,这样处在外面的表格就更加不好控制。很多时候不但不能排好,甚至会把屏幕搞的乱七八糟,自己给搞的 头脑发胀。好想放弃……   可是一旦超越了这个阶段,就会感到一种如飞的制作的快感,在设计出来以后,看两眼就能知道该怎么运用表格或者是其它的方式,采用一些排版的技巧,轻松 的完成任务,充满自信的这种感觉是一种快乐的、经历了痛苦的探索之后的成就感。

  再如图片的使用问题,当初在将图片搬到网页上的时候,尽管可能图片本身处理的很漂亮,但是不得不痛苦的将它用软 件压缩、切割,有些很好的细节不得不放弃,那种割舍的感觉记忆犹新。同时那时缺乏像和Imageready等软件,所以对图片的切割和拚 装就特别的困难,首先是切割,得利用Photoshop或者是Photoimpact等等,可是这样就特别麻烦。就如Photoshop,要想切割成很多 部分虽然可以通过几个办法,但是都要分别做成不同的小文件,通过辅助线,这样对齐就是一个较为烦人的事情,更烦的是在网页软件中的对齐,利用表格来对齐, 真是太麻烦了。很多的图片,有时由于一个图片对得不准所有的都会不协调。所以在调那一个图片的时候,真是牵一发而动全身,整个眼看要成为一个完整的页面会 由此变得歪歪扭扭。还有由于切割的图片是分成不同的文件,存储的时候就难免会因此压缩比不一样,所以放到网页上有些颜色本来结合的很好的,就会变得有差 别。由此种种问题,纠缠在一起,所以在学习的过程中我经历了一个漫长而痛苦的过程,这之间当然是一个段炼的过程,是一个不断积累经验的过程。不断的总结经 验,不断的向书本学习,同时我也经常上网到BBS里向网友们学习。使我获益非浅。

  伴随着网页和绘图的应用软件的升级,以前不能实现的现在由于技术的进步而能够轻松实现,例如 等技术的升级,网页上的很多{tx}的轻松实现;更为重要的是我的做网页的经验的不断积累,并反馈到新的工作中,我不断的体会到了做网页的快乐。能够在网页排 版上轻车熟路的去通过调节以完成自己的目的,加上可以随意的按照自己的爱好或者是根据软件的优缺点来选择网页软件。我就可以更加熟练的摆脱软件的桎梏,更 多把精力投入到网页的设计制作中去。以完善自己的设计。能使自己在喜欢的天地里自由的翱翔,是多么令人高兴的事情啊!我发现自己xx喜欢上了这个工作。不 仅仅把它看成一项工作,而是看成表达自己的意愿的一种方式,可以将自己的一些设计的理念表达出来。   有时候在埋怨自己找不到感觉,可是只要做的多之后,感觉接触到网页就会有很多的想法,在合理的选择之后,做网页就很容易。正是:“读书破万卷,下笔如 有神”。我想在这漫长的求索过程中,我失去了不少,但是我得到的更多。苦乐的体验,最终是乐的,也许时时伴随着苦,但是我仍然喜欢这种充满激情的历程,正 如一场足球赛,平平淡淡不是真,只有去经历了大喜大悲之后赢得了胜利,才是刻骨铭心的,我喜欢这种体验。

网页设计师的素质 

网页设计是一门新兴的边缘性的行业,在网络产生以后应运而生。网页如门面,小到个人主页,大到大公司、大的政府部门 以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时,首先映入眼帘的是该网页的界面设计,如内容的介绍、按钮的摆放、文字的组合、色彩的应 用、使用的引导等等。这一切都是网页设计的范畴,都是网页设计师的工作。 
作为一名网页设计师,首先要具备审美的能力,而网页设计就相当于 平面设计,网页设计师可以将平面设计中的审美观点套用到这上面来(其区别是动态网页的制作是平面设计不能达到的,它是一种审美方式的延伸),所以平面设计 上的审美的观点在网页设计上非常实用。如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美等等,以及色彩的搭配显示出的轻快活泼的美,这些都能在网 页上显示出来,反映设计师高超的审美能力。因此作为一名网页设计师,要使自己的网页具有美感,不具备审美能力是不行的。这要求设计师平时多多的积累,在仔 细的观察的基础上多分析美的来源,并灵活的将这种理解了的美在自己的作品中表现出来。只有这样才能使自己的审美能力达到一定的高度。而我们经常看到一些网 页里用的基本几何形体错综复杂,用色花里胡哨,让人目不暇接,真有一种“乱花渐欲迷人眼”的感觉,但是我们得到了什么呢?美的享受?当然没有,有兴趣得到 更多的信息吗?首先自己就讨厌,怎么还谈得上感兴趣?这是一种典型的失败,一味的追求显眼、追求吸引人,这种做法取得的效果适得其反。当然并不是页面做得 好看,具有美感网页就一定让人感兴趣,这也建立在一定好的内容的基础上,假如什么内容都没有,也是不能吸引人的。只是网页的界面设计应该还是要以布局的美 为标准,有规律可循,这也是网页设计师的责任。

  网页设计师的素质应该全部是技术方面的吗?君不见招聘的广告一概为这样:招网页设计师xx名,具备素质为精通 Photoshop,Corldraw,Frontpage,,Firework,Flash.会Css,Html,Asp, SQL者优先。难道这就是一个网页设计师的全部吗?这是一种只追求技术忽视美感的做法势必导致一批粗制滥造的网页。就象工业化大生产带来的一大批冷冰冰的 电子产品,让人反而特别渴望手工艺时代。我们也同样可以从网页制作的失败上看到这样的阴影,就是一些充斥着动态与交互,但是页面颜色和布局都是随心所欲, 乱七八糟。这样得不到好的效果。由此也有人指出网络速度慢是由网页设计师造成的,我想一定程度上是有一定的道理,但是应该说是由一些不合格的网页设计师造 成的,好的网页设计师应该是合理的利用技术,在不影响美或者是尽量不影响的条件下,找到一个结合点做出美观而又实用的网页。才能算一个好的网页设计师。   技术不需要吗?当然需要,而且相当重要,这要以页面的美(至少要规范)为基础。而很多场合却颠倒了。这不是本末倒置是什么?既然如此作为一名网页设计 师要怎么把握这方面的技术呢?

  随着软件业尤其是绘图的应用软件以及网页设计的软件的不断升级,使用起来愈加方便。打个比方:原来的网页全是如 同文本编辑一样,图片的定位就相当困难,往往要求助于表格,很多时候就要表格加表格,表格里插表格,这就需要熟练的掌握表格的应用。而且还很难达到目标, 有时不得不更改一些自己的目标。这有时是牵一发而动全身的。现在呢?在Dreamweaver和Frontpage2000出现后,采用了高级的 Dhtml技术以层的形式和定位功能将这个问题轻松的解决了。所以作为一名好的设计师应该时时关注软件的新的发展,适应新的功能,以增加工作的效率(当然 这就要求原来就要掌握必要的软件的使用知识,才能使自己能驾轻就熟的掌握新的升级后的软件的使用),很多设计师却只重视网页的设计制作软件的使用,而忽视 一些内部技术方面的知识。这也不行的,例如如果不掌握技术网页设计师的知识是不完善的,就不能做一些好的交互以及查询等等系统,还有一些数据库以及 本身的HTML、DHTML、javascript和的技术。只有这样才能做到知其然和知其所以然。如若不然就只是让人感到有一种缺陷,这种缺陷带 给人的不是缺陷美,而是遗憾。

  作为合格的网页设计师,一定的文化素质是不可少的,如文学修养,看到一个又一个写得优美而充满情调的文案了吗? 同时你也看到了一些充斥着错别字和生硬的文字搭配的文章了吗?好的文案,不仅仅让人对你所做的网页回味无穷,也可是自己的网页平添几分艺术特色。具备这样 的素质往往能从自己的网页上反映出来,能使受众体会到,如网页内容的好恶的选择,适当的遣词造句。相反,一个欠缺文学修养的设计师做的网页,人们能从他的 网页上看到他的缺陷。当然文化素质不仅仅包括文学修养,还有音乐和绘画等方面的修养。只有具备一定的这些方面的修养,才能够使自己网页达到一定的水准,才 能够使人欣赏到好的网页制作。   网络既然是现代社会的产物,那么它就与社会的发展紧密的结合在一起的,社会的一举一动都能在上面反映出来,人们不是特别关心网络经济吗?所以作为一名 从事网页设计的人来说,就不能忽视社会时事的变化。对于风声雨声、家事国事均要有所闻、有所关心,这样才能使自己具有一颗不终止的进取的心,应付各种变 化,使运动的观点深入到网页制作中去,这样做出来的网页才能够使网友们觉得亲切,这样得到的成果能够被人所认可,才是一大成功。假如永远在体会这种成功中 去工作,他才能算成功中的成功。就如流行色吧!假如你是一个经常关注色彩的发展,知道现在人们很喜欢什么颜色,有的放矢的应用一些到自己的相关的网页制作 中,是很容易让人体会到一种亲切感的。还有经常上网去看别人怎么做的,才能使自己不断的吸收一些好的经验,杜绝一些常犯的毛病。自己也能了解到网页的发 展,死跟上这种节奏。   以上是一点粗浅的看法,对于这们新兴的边缘性的学科,我们每一个从事网页制作的人来说都应该牢记“探索是无止境,学习无归期”时时做一个生活的有心 人,只有这样才能使自己的作品富有生机。

我最近在玩和讯财经微博,很方便,很实用。
一句话,一张图,随时随地与我分享理财心得与亲历见闻。
点击以下链接xx,来和我一起玩吧!

郑重声明:资讯 【网页布局设计理念- 我是空中的一片云- 风云之雨- 和讯博客】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——