改头换面谈布局(二)
作者:xing 发布日期:2005-10-10 来源:goeway.com
 

三.构思

首先我们在制作一个网页之前,应该先进行构思。新建页面就象一张白纸,没有任何表格,框架和约定俗成的东西,你可以尽可能的发挥你的想象力,将你想到的“景象”画上去,建议用一张白纸和一支铅笔将初步的设想画在纸上,当然用作图软件photoshop等也可以,免得在做了一半时发现页面不和谐而重做。这属于创造阶段,不讲究细腻工整,不必考虑细节功能,只以粗陋的线条勾画出创意的轮廓即可。尽可能多画几张,最后选定一个满意的作为继续创作的脚本。

第一步先明确页面主题,以goEway.com为例。网站标题叫做“上网指南”,那么就考虑是否有合适的图片来衬托主题,如果有现成的图片就ok了,没有的话,就根据情况来决定是否自己做一幅,但不管怎样,标题的主色调应先定下来,这对后面几步的版面影响很大。

第二步明确页面上要链接的目录,如goEway.com共有“新手上网指南、高手上网指南、享受上网乐趣、网页制作指南、实用建站指南、软件下载”等六个主链接目录,那么要将他们放在较显眼的位置,根据页面风格的不同可以放在顶部、左边、右边、中部等较明显的位置,主链接可以做成小图标的形式,但注意图片不能太大、也不能过分枪眼[一般情况下不比标题或主图的色彩重]。再明确次链接目录:频道精选、每日一问、昔日专题等三个次目录,就放在比主链接次一些的位置,图片大小和用色不能超过主链接。

第三步是指定主图,所谓主图,就是放一幅较能反映页面主题思想的图片,他的大小可适当超过页面上的其他图片,颜色不加限制,而且位置应尽量突出在前面抢眼处。
以上三步确定下来后,页面的基本风格就出现了,我们在根据情况进行调整,或者看是否加上背景,主要考虑主图是否需要背景。

第四步是决定加入引导文。

四.形式

1.“T”结构布局。所谓"T"结构。就是指页面顶部为横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景较深,整体效果类似英文字母“T”,所以我们称之为“T”形布局。这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰,主次分明。是初学者最容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意,很容易让人“看之无味”。

2.“口”型布局。这是一个象形的说法,就是页面一般上下各有一个广告条,左面是主菜单,右面放友情连接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站。

3.“三”型布局。这种布局多用于国外站点,国内用的不多。特点是页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。

4.对称对比布局。顾名思义,采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型站点。优点是视觉冲击力强,缺点是将两部分有机的结合比较困难。

5.POP布局。POP引自广告术语,就是指页面布局象一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类站点,比如ELLE.com。优点显而易见:漂亮吸引人。缺点就是速度慢。作为版面布局还是值得借鉴的。

6.其他布局。更多的网站并没有一定的规律,他们只是在排版布局中加入自己的各种想法。因此,网站的布局也各有特色。在作这种网站时,哪里该放什么,哪里不该放什么,必须做到胸有成竹。否则就会乱掉,或者整个网站风格不统一。



 
天空设计服务 网络全案 软件开发视觉设计
解决方案 企业信息化解决方案电子商务平台解决方案 电子政务平台解决方案办公自动化解决方案
天空设计产品 网站内容管理广告网站管理 网上商城
天空设计案例 案例解析 近期案例客户列表
网页公司网页设计公司 网页制作公司网站公司 网站设计公司网站制作公司
天空设计观点网站建设 电子商务 网络营销搜索引擎优化
关于天空设计 天空设计简介 专业团队企业形象 技术背景 工作机会
常见问题 友情链接 联系我们首页 网站建设 天空设计博客天空设计网站建设 网站设计网页设计 福州网站建设上海网站建设 深圳网站建设南京网页设计 重庆网站设计广东网站设计 江苏网站建设
阳光在线 阳光设计阳光网页设计 阳光网站建设2004 FORTUNE 500 全球500家 世界500强排行榜天空设计 99AC