三.构思 首先我们在制作一个网页之前,应该先进行构思。新建页面就象一张白纸,没有任何表格,框架和约定俗成的东西,你可以尽可能的发挥你的想象力,将你想到的“景象”画上去,建议用一张白纸和一支铅笔将初步的设想画在纸上,当然用作图软件photoshop等也可以,免得在做了一半时发现页面不和谐而重做。这属于创造阶段,不讲究细腻工整,不必考虑细节功能,只以粗陋的线条勾画出创意的轮廓即可。尽可能多画几张,最后选定一个满意的作为继续创作的脚本。 第一步先明确页面主题,以goEway.com为例。网站标题叫做“上网指南”,那么就考虑是否有合适的图片来衬托主题,如果有现成的图片就ok了,没有的话,就根据情况来决定是否自己做一幅,但不管怎样,标题的主色调应先定下来,这对后面几步的版面影响很大。 第二步明确页面上要链接的目录,如goEway.com共有“新手上网指南、高手上网指南、享受上网乐趣、网页制作指南、实用建站指南、软件下载”等六个主链接目录,那么要将他们放在较显眼的位置,根据页面风格的不同可以放在顶部、左边、右边、中部等较明显的位置,主链接可以做成小图标的形式,但注意图片不能太大、也不能过分枪眼[一般情况下不比标题或主图的色彩重]。再明确次链接目录:频道精选、每日一问、昔日专题等三个次目录,就放在比主链接次一些的位置,图片大小和用色不能超过主链接。 第三步是指定主图,所谓主图,就是放一幅较能反映页面主题思想的图片,他的大小可适当超过页面上的其他图片,颜色不加限制,而且位置应尽量突出在前面抢眼处。 以上三步确定下来后,页面的基本风格就出现了,我们在根据情况进行调整,或者看是否加上背景,主要考虑主图是否需要背景。 第四步是决定加入引导文。 四.形式 1.“T”结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景较深,整体效果类似英文字母“T”,所以我们称之为“T”形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人“看之无味”。 2.“口”型布局。这是一个象形的说法,就是页面一般上下各有一个广告条,左面是主菜单,右面放友情连接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站。 3.“三”型布局。这种布局多用于国外站点,国内用的不多。特点是页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。 4.对称对比布局。顾名思义,采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型站点。优点是视觉冲击力强,缺点是将两部分有机的结合比较困难。 5.POP布局。POP引自广告术语,就是指页面布局象一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点,比如ELLE.com。优点显而易见:漂亮吸引人。缺点就是速度慢。作为版面布局还是值得借鉴的。
6.其他布局。更多的网站并没有一定的规律,他们只是在排版布局中加入自己的各种想法。因此,网站的布局也各有特色。在作这种网站时,哪里该放什么,哪里不该放什么,必须做到胸有成竹。否则就会乱掉,或者整个网站风格不统一。 |