方扬指了指自己画的这个形状说道:
“我刚刚建立的画布假设就是整个浏览器的范围,而白色的区域则是我们网页的范围。老吴,我看了你做的那个网页,整体效果非常不错,但是应该还可以更大气一些。”
说完,方扬也没有多说什么,直接操作着电脑,将吴振那个设计稿里的网页背景复制了过来,因为那是一个可以无限重复的类似于宣纸的背景,为了表现出效果,方扬直接使用变形工具使这张图铺满整个画布。
接着方扬又将下面的网页区块整体复制了过来,因为只是展示效果无需精确到像素级别,因此方扬也只是简单地使用变形工具让它们占满表示网页范围的那个矩形框。
最后,方扬才开始处理原来的banner。
吴振设计的banner也是980像素的,与整个网页是一样宽度。这样看上去一整个网页就显得有些死板,一个长条下来,与背景形成了泾渭分明的区隔。
方扬将banner的背景摒弃,直接把那些华夏风的水墨山水全部复制了过去,并且进行了一些微调。
很快方扬就作出了一副简单的效果图来。
这是一个类似于“同”字的结构,外面的大框表示整个浏览器的范围,里面那个小口字则是网页范围,banner完全与背景融为一体,没有明显的边界,甚至不少水墨元素都超出了网页的1024宽度,撑到了外面去,整体看上去立刻就变得大气而灵动。
方乔在一旁看到方扬简单的几个变动,立刻让网页变得好看了许多,颇有些化腐朽为神奇的感觉,她也不禁啧啧称奇道:
“方扬,没看出来啊!原来你还有这一手绝活呢!”
而吴振则认真地看了看网页效果,他心中也不得不承认方扬这样的设计确实比以前那个版本看上去要活泼许多,而且相当大气。
其实在两三年后,这种设计被广泛应用于各个网站之中,只不过在现阶段还很少有网站会采用罢了,很多人都是第一次见到这样的设计思路,都不禁为之赞叹不已。
可吴振不光精通界面设计,而且对与html代码也很有研究,他在认可方扬设计理念的同时,很快就在心中推演着这样的效果该如何用代码来呈现,想了很久,吴振终于忍不住皱着眉头犹豫道:
“方总,这样的设计思路非常棒!可是……想要实现起来似乎有些难度啊!”
吴振说完之后,心中又有些后悔。
方扬是老板,他能提出如此建设性的设计思路,已经相当不容易了,代码实现上有困难,应该自己想方设法解决才对,怎么能遇到困难就缩头呢?那人家还要请自己这个员工做什么?不如什么事情都自己干好了。
不过方扬却并没有生气,他知道很多东西说穿了就是一文不值,但是在现阶段,在没有人想到那个办法之前,却显得困难重重,因此他也非常理解。
所以方扬淡淡地笑了笑说道:
“老吴,我直接说说我的思路啊,就不在dw上演示了。首先这个网页背景实现起来很容易,我注意到了这是一个可以无限重复的规则图片,我们直接在‘body’当中设置为背景图片,x轴和y轴重复,自然就铺满整个浏览器范围了。”
吴振点了点头,这个他也已经想到了,并没有什么难点,困难的是banner的部分。
方扬很快就说道了这里,他指了指banner说道:
“这个也很简单,这里放一个宽度为1024的div,将banner设置为背景图片就行了。不过这些水墨山水的元素,你要将画布设置为透明的,然后切片为png格式,这样自然就跟你刚刚那个背景图片融为一体了。”
吴振眼睛一亮,方扬的这个思路其实很简单,但却很巧妙,不过自己一下子转不过来弯罢了,方扬一提点立刻就想明白了其中的道理。
不过他很快又皱了皱眉头问道:
“方总,还有最头疼的一点,就是您设计的banner宽度已经超过1024了,而且还跟下面的区块有所重合,这……这根本不可能实现的呀!”
方扬微微笑了笑说道:
“是可以实现的……算了,我还是直接在dw里面演示吧!可能一句两句说不清。”
说完,方扬打开电脑上的dreamweaver软件,建立一个新网页,他并没有打开设计视图,在纯代码页面运指如飞,只听得键盘的敲击声几乎连成了一片,一行行代码在屏幕上闪现出来。
仅仅两三分钟,方扬保存了网页,轻轻地按下了f12预览快捷键,只见一个ie窗口弹了出来,刚刚方扬设计的那个网页上半部分完美地展现在了众人面前。
吴振瞠目结舌:
“方总,这……这到底是怎么实现的?”
刚才方扬敲代码的速度太快了,屏幕上的代码一直朝上滚动,吴振根本没有看清楚任何东西,方扬就完成了所有操作。
在自己看来如登天一般难的问题,方总三分钟就解决了,吴振不禁生起了浓浓的挫败感……