方扬身体一靠近方乔,一股浓烈的雄性气息就扑鼻而来,方乔的俏脸忍不住红了红。她偷偷地用眼角的余光观察了一下周围人和方扬,他们并没有发现自己的不自在,这才放下心来。
事实上方扬也没有多想。
他与方乔的亲近是前世今生经历了那么多事情,自然而然的表现。
而且他现在的注意力也完全集中到了电脑屏幕上。
方乔工作室团队设计的官方网站界面很漂亮,以华夏风为主要设计主题,最上方那大大的banner一下子就能抓住人的眼球,类似宣纸质地的背景上,一副水墨山水组成了这个banner的主体,上面凤凰文化的LOGO也经过了一些艺术处理,与整个旗帜广告融为一体。
再往下拉,整个网页的配色以淡雅为主,每一个区块功能非常清晰,而现阶段最急需的如在线广播、精品节目点播、节目预告、主持人风采等栏目都摆在了醒目的位置,整体效果相当不错。
“真不错啊!”方扬忍不住赞叹道,“整体的色调很搭,而且凸显了主题,不错不错!”
老吴是这个设计的主要作者。老吴名叫吴振,其实也就三十来岁的年纪。不过在设计和IT这种年轻人云集的行业里,称他为老吴倒也还算合适。
吴振谦虚地说道:
“方总,因为时间比较仓促,所以只能暂时做成这样了。您看看还有什么需要改进的地方,我们再做局部调整。”
其实吴振只是客气一句,在他看来方扬这种大老板顶多就是在大方向上提提意见,具体到细节问题不是专业人士也根本提不出什么建设性的东西来。
没想到方扬却认真地点了点头说道:
“嗯,那我就谈谈我的看法,大家交流一下。”
说完,方扬笑呵呵地对方乔说道:
“乔姐,我想用一下电脑可以吗?”
方乔楞了一下,随即回过神来,连忙站起身来让出了位子说道:
“哦,你坐你坐!”
方扬坐到了还留有方乔体温的转椅上,一只手操作鼠标,另一只手则指着电脑屏幕,转头对吴振说道:
“如果我没看错,你设计的网页宽度是980像素的吧?”
“是的方总。”吴振点了点头。
现在的主流网页基本上都是这个宽度,所以他的设计自然也采用了这个宽度。
方扬微微一笑,并没有急着操作电脑,而是说道:
“我建议咱们的网站设置成1024像素的宽度。”
吴振嘴巴张了张,想要反驳方扬的话,但是碍于对方是老板终于还是没有说出口,但是心中却是有些不以为然,以为方扬就是找不到其他可以改进的地方,所以想当然地提出这么一个无厘头的意见。
方扬并没有回头,但却像是猜出了吴振的想法一般,微笑着解释道:
“我知道当前主流网页的宽度大部分都是980像素的,可是大家知道为什么大部分网站都会设置成这个宽度呢?那是取决于用户的显示器尺寸,可是现在大屏显示器越来越多,而且很快就会成为主流配置。
大家可以想象一下,在那么大的一个显示器上面,咱们的网页仅仅只占用了中间一部分区域,其他地方全部都是留白,是不是显得太小家子气了?而且据我所知,现在不少网站进行改版的时候,都不约而同地调整了网页的宽度以适应显示器的大小。我们既然是新做一个网页,自然要与时俱进,一步到位了,大家说对不对?”
所有人,包括吴振在内,听了方扬这番话之后都不禁连连点头。
吴振的脸上更是露出了羞愧的神色。他离开网页设计行业已经有几年了,这些年一直都在工作室进行图片的后期处理工作,对行业的最新动态了解确实不够多。没想到他眼中的外行人方扬却给他上了生动的一课。
其实方扬对网页设计也只是一知半解,但是他胜在拥有提前三年的眼光。
吴振做的这个网页在现在看来,应该算是一流水准了。所以刚才他虽然说得谦虚,其实心中还是有点小得意的。
只不过网页设计这东西,三年的时间不知道有多少先进设计理念出来,方扬见识了前世不少大的网页,所以吴振这个作品在他眼中自然是显得有些过时。
这个还不光是网页宽度这一小个方面。
方扬知道自己已经成功地让这些工作室的老员工们对自己刮目相看了,因此微微一笑,操作着鼠标在PS软件上新建了一个画布。
吴振在一旁看了,忍不住说道:
“方总,您这个宽度不止1024了……”
“我知道,这正是我想说的第二点想法。”方扬含笑说道。
接着他将这个画布的背景设置为淡灰色,然后在画布中建了一个1024宽度的白色矩形,将其居中。
方扬指了指自己画的这个形状说道:
“我刚刚建立的画布假设就是整个浏览器的范围,而白色的区域则是我们网页的范围。老吴,我看了你做的那个网页,整体效果非常不错,但是应该还可以更大气一些。”
说完,方扬也没有多说什么,直接操作着电脑,将吴振那个设计稿里的网页背景复制了过来,因为那是一个可以无限重复的类似于宣纸的背景,为了表现出效果,方扬直接使用变形工具使这张图铺满整个画布。
接着方扬又将下面的网页区块整体复制了过来,因为只是展示效果无需精确到像素级别,因此方扬也只是简单地使用变形工具让它们占满表示网页范围的那个矩形框。
最后,方扬才开始处理原来的banner。
吴振设计的banner也是980像素的,与整个网页是一样宽度。这样看上去一整个网页就显得有些死板,一个长条下来,与背景形成了泾渭分明的区隔。
方扬将banner的背景摒弃,直接把那些华夏风的水墨山水全部复制了过去,并且进行了一些微调。
很快方扬就作出了一副简单的效果图来。
这是一个类似于“同”字的结构,外面的大框表示整个浏览器的范围,里面那个小口字则是网页范围,banner完全与背景融为一体,没有明显的边界,甚至不少水墨元素都超出了网页的1024宽度,撑到了外面去,整体看上去立刻就变得大气而灵动。
方乔在一旁看到方扬简单的几个变动,立刻让网页变得好看了许多,颇有些化腐朽为神奇的感觉,她也不禁啧啧称奇道:
“方扬,没看出来啊!原来你还有这一手绝活呢!”
而吴振则认真地看了看网页效果,他心中也不得不承认方扬这样的设计确实比以前那个版本看上去要活泼许多,而且相当大气。
其实在两三年后,这种设计被广泛应用于各个网站之中,只不过在现阶段还很少有网站会采用罢了,很多人都是第一次见到这样的设计思路,都不禁为之赞叹不已。
可吴振不光精通界面设计,而且对与html代码也很有研究,他在认可方扬设计理念的同时,很快就在心中推演着这样的效果该如何用代码来呈现,想了很久,吴振终于忍不住皱着眉头犹豫道:
“方总,这样的设计思路非常棒!可是……想要实现起来似乎有些难度啊!”
吴振说完之后,心中又有些后悔。
方扬是老板,他能提出如此建设性的设计思路,已经相当不容易了,代码实现上有困难,应该自己想方设法解决才对,怎么能遇到困难就缩头呢?那人家还要请自己这个员工做什么?不如什么事情都自己干好了。
不过方扬却并没有生气,他知道很多东西说穿了就是一文不值,但是在现阶段,在没有人想到那个办法之前,却显得困难重重,因此他也非常理解。
所以方扬淡淡地笑了笑说道:
“老吴,我直接说说我的思路啊,就不在D上演示了。首先这个网页背景实现起来很容易,我注意到了这是一个可以无限重复的规则图片,我们直接在‘body’当中设置为背景图片,X轴和Y轴重复,自然就铺满整个浏览器范围了。”
吴振点了点头,这个他也已经想到了,并没有什么难点,困难的是banner的部分。
方扬很快就说道了这里,他指了指banner说道:
“这个也很简单,这里放一个宽度为1024的div,将banner设置为背景图片就行了。不过这些水墨山水的元素,你要将画布设置为透明的,然后切片为png格式,这样自然就跟你刚刚那个背景图片融为一体了。”
吴振眼睛一亮,方扬的这个思路其实很简单,但却很巧妙,不过自己一下子转不过来弯罢了,方扬一提点立刻就想明白了其中的道理。
不过他很快又皱了皱眉头问道:
“方总,还有最头疼的一点,就是您设计的banner宽度已经超过1024了,而且还跟下面的区块有所重合,这……这根本不可能实现的呀!”
方扬微微笑了笑说道:
“是可以实现的……算了,我还是直接在D里面演示吧!可能一句两句说不清。”
说完,方扬打开电脑上的Dreameaver软件,建立一个新网页,他并没有打开设计视图,在纯代码页面运指如飞,只听得键盘的敲击声几乎连成了一片,一行行代码在屏幕上闪现出来。
仅仅两三分钟,方扬保存了网页,轻轻地按下了F12预览快捷键,只见一个IE窗口弹了出来,刚刚方扬设计的那个网页上半部分完美地展现在了众人面前。
吴振瞠目结舌:
“方总,这……这到底是怎么实现的?”
刚才方扬敲代码的速度太快了,屏幕上的代码一直朝上滚动,吴振根本没有看清楚任何东西,方扬就完成了所有操作。
在自己看来如登天一般难的问题,方总三分钟就解决了,吴振不禁生起了浓浓的挫败感……