超极品纨绔-第467章
按键盘上方向键 ← 或 → 可快速上下翻页,按键盘上的 Enter 键可回到本书目录页,按键盘上方向键 ↑ 可回到本页顶部!
————未阅读完?加入书签已便下次继续阅读!
ㄉ栊缘亩骼础�
没想到方扬却认真地点了点头说道:
“嗯,那我就谈谈我的看法,大家交流一下。”
说完,方扬笑呵呵地对方乔说道:
“乔姐,我想用一下电脑可以吗?”
方乔楞了一下,随即回过神来,连忙站起身来让出了位子说道:
“哦,你坐你坐!”
方扬坐到了还留有方乔体温的转椅上,一只手C作鼠标,另一只手则指着电脑屏幕,转头对吴振说道:
“如果我没看错,你设计的网页宽度是980像素的吧?”
“是的方总。”吴振点了点头。
现在的主流网页基本上都是这个宽度,所以他的设计自然也采用了这个宽度。
方扬微微一笑,并没有急着C作电脑,而是说道:
“我建议咱们的网站设置成1024像素的宽度。”
吴振嘴巴张了张,想要反驳方扬的话,但是碍于对方是老板终于还是没有说出口,但是心中却是有些不以为然,以为方扬就是找不到其他可以改进的地方,所以想当然地提出这么一个无厘头的意见。
方扬并没有回头,但却像是猜出了吴振的想法一般,微笑着解释道:
“我知道当前主流网页的宽度大部分都是980像素的,可是大家知道为什么大部分网站都会设置成这个宽度呢?那是取决于用户的显示器尺寸,可是现在大屏显示器越来越多,而且很快就会成为主流配置。
大家可以想象一下,在那么大的一个显示器上面,咱们的网页仅仅只占用了中间一部分区域,其他地方全部都是留白,是不是显得太小家子气了?而且据我所知,现在不少网站进行改版的时候,都不约而同地调整了网页的宽度以适应显示器的大小。我们既然是新做一个网页,自然要与时俱进,一步到位了,大家说对不对?”
所有人,包括吴振在内,听了方扬这番话之后都不禁连连点头。
吴振的脸上更是露出了羞愧的神色。他离开网页设计行业已经有几年了,这些年一直都在工作室进行图片的后期处理工作,对行业的最新动态了解确实不够多。没想到他眼中的外行人方扬却给他上了生动的一课。
其实方扬对网页设计也只是一知半解,但是他胜在拥有提前三年的眼光。
吴振做的这个网页在现在看来,应该算是一流水准了。所以刚才他虽然说得谦虚,其实心中还是有点小得意的。
只不过网页设计这东西,三年的时间不知道有多少先进设计理念出来,方扬见识了前世不少大的网页,所以吴振这个作品在他眼中自然是显得有些过时。
这个还不光是网页宽度这一小个方面。
方扬知道自己已经成功地让这些工作室的老员工们对自己刮目相看了,因此微微一笑,C作着鼠标在ps软件上新建了一个画布。
吴振在一旁看了,忍不住说道:
“方总,您这个宽度不止1024了……”
“我知道,这正是我想说的第二点想法。”方扬含笑说道。
接着他将这个画布的背景设置为淡灰色,然后在画布中建了一个1024宽度的白色矩形,将其居中。
方扬指了指自己画的这个形状说道:
“我刚刚建立的画布假设就是整个浏览器的范围,而白色的区域则是我们网页的范围。老吴,我看了你做的那个网页,整体效果非常不错,但是应该还可以更大气一些。”
说完,方扬也没有多说什么,直接C作着电脑,将吴振那个设计稿里的网页背景复制了过来,因为那是一个可以无限重复的类似于宣纸的背景,为了表现出效果,方扬直接使用变形工具使这张图铺满整个画布。
接着方扬又将下面的网页区块整体复制了过来,因为只是展示效果无需精确到像素级别,因此方扬也只是简单地使用变形工具让它们占满表示网页范围的那个矩形框。
最后,方扬才开始处理原来的banner。
吴振设计的banner也是980像素的,与整个网页是一样宽度。这样看上去一整个网页就显得有些死板,一个长条下来,与背景形成了泾渭分明的区隔。
方扬将banner的背景摒弃,直接把那些华夏风的水墨山水全部复制了过去,并且进行了一些微调。
很快方扬就作出了一副简单的效果图来。
这是一个类似于“同”字的结构,外面的大框表示整个浏览器的范围,里面那个小口字则是网页范围,banner完全与背景融为一体,没有明显的边界,甚至不少水墨元素都超出了网页的1024宽度,撑到了外面去,整体看上去立刻就变得大气而灵动。
方乔在一旁看到方扬简单的几个变动,立刻让网页变得好看了许多,颇有些化腐朽为神奇的感觉,她也不禁啧啧称奇道:
“方扬,没看出来啊!原来你还有这一手绝活呢!”
而吴振则认真地看了看网页效果,他心中也不得不承认方扬这样的设计确实比以前那个版本看上去要活泼许多,而且相当大气。
其实在两三年后,这种设计被广泛应用于各个网站之中,只不过在现阶段还很少有网站会采用罢了,很多人都是第一次见到这样的设计思路,都不禁为之赞叹不已。
可吴振不光精通界面设计,而且对与html代码也很有研究,他在认可方扬设计理念的同时,很快就在心中推演着这样的效果该如何用代码来呈现,想了很久,吴振终于忍不住皱着眉头犹豫道:
“方总,这样的设计思路非常棒!可是……想要实现起来似乎有些难度啊!”
吴振说完之后,心中又有些后悔。
方扬是老板,他能提出如此建设性的设计思路,已经相当不容易了,代码实现上有困难,应该自己想方设法解决才对,怎么能遇到困难就缩头呢?那人家还要请自己这个员工做什么?不如什么事情都自己干好了。
不过方扬却并没有生气,他知道很多东西说穿了就是一文不值,但是在现阶段,在没有人想到那个办法之前,却显得困难重重,因此他也非常理解。
所以方扬淡淡地笑了笑说道:
“老吴,我直接说说我的思路啊,就不在dw上演示了。首先这个网页背景实现起来很容易,我注意到了这是一个可以无限重复的规则图片,我们直接在‘body’当中设置为背景图片,x轴和y轴重复,自然就铺满整个浏览器范围了。”
吴振点了点头,这个他也已经想到了,并没有什么难点,困难的是banner的部分。
方扬很快就说道了这里,他指了指banner说道:
“这个也很简单,这里放一个宽度为1024的div,将banner设置为背景图片就行了。不过这些水墨山水的元素,你要将画布设置为透明的,然后切片为png格式,这样自然就跟你刚刚那个背景图片融为一体了。”
吴振眼睛一亮,方扬的这个思路其实很简单,但却很巧妙,不过自己一下子转不过来弯罢了,方扬一提点立刻就想明白了其中的道理。
不过他很快又皱了皱眉头问道:
“方总,还有最头疼的一点,就是您设计的banner宽度已经超过1024了,而且还跟下面的区块有所重合,这……这根本不可能实现的呀!”
方扬微微笑了笑说道:
“是可以实现的……算了,我还是直接在dw里面演示吧!可能一句两句说不清。”
说完,方扬打开电脑上的dreamwe**er软件,建立一个新网页,他并没有打开设计视图,在纯代码页面运指如飞,只听得键盘的敲击声几乎连成了一片,一行行代码在屏幕上闪现出来。
仅仅两三分钟,方扬保存了网页,轻轻地按下了f12预览快捷键,只见一个ie窗口弹了出来,刚刚方扬设计的那个网页上半部分完美地展现在了众人面前。
吴振瞠目结舌:
“方总,这……这到底是怎么实现的?”
刚才方扬敲代码的速度太快了,屏幕上的代码一直朝上滚动,吴振根本没有看清楚任何东西,方扬就完成了所有C作。
在自己看来如登天一般难的问题,方总三分钟就解决了,吴振不禁生起了浓浓的挫败感……
第560章无赖上门
方乔望向方扬的目光也充满了欣赏,这个阳光大男孩给了她太多惊喜了,上次在京城参加崔姗姗的订婚典礼,方扬露了一手钢琴绝活,就让方乔如痴如醉的,她至今都时常回味那晚回家之后,方扬在天台上用iphone做的特殊钢琴演奏。
而方扬的书画水平也是堪称惊才绝艳,能被白岩大师相中作为关门弟子,完全是实力使然。
今天方乔又见识了方扬在网页设计和代码方面的才能,方乔并不懂得网页设计,不过连自己工作室的这些老员工都看得瞠目结舌,那方扬的水平至少是在他们之上的,这就非常了不起了。
这个家伙……感觉他好像无所不能似的。方乔在心中说道。
方扬虽然没有回头,但是却能感受到吴振等人无比惊讶的眼神,心中也不禁暗暗好笑,在几年后这小小技巧机会每一个网页设计师都懂,而且能熟练运用,但是现在是2010年,刚才方扬实现的效果在现在的设计师看来,就堪比珠穆朗玛峰一般的难以攀登。
他也不卖关子,直接切换到dreamwe**er软件,指着上面的一行代码说道:
“这个看上去很神秘,其实说穿了根本一文不值。喏……我把这个div的左右边距和下边距设置为负数,就会出现刚才那种效果了,简单吧!”
吴振呆呆地望着电脑屏幕,口中喃喃地说道:
“边距数值为正,表示的是这个div与旁边元素的距离,而边距数值为负,则表示这个div与旁边元素的距离比零还要小,自然就撑出去了……原来css样式还可以这样使用!我怎么就想不到呢……”
方扬微微一点拨,吴振立刻茅塞顿开,对方扬也是佩服得五体投地。
现在他再看这个年轻的老板时,早已没有了之前那种恃才傲物的淡淡轻视了,目光充满了敬佩。
“方扬,真是没想到你在网页设计上也这么厉害啊!”方乔笑着说道,“今天我还真是没白来呢!你让我大开眼界啊!”
“乔姐,你这算是捧杀吗?”方扬苦笑着说道,“我哪有老吴他们专业啊!就是刚好知道几个小技巧,而且碰巧能用在咱们的官方网站上而已。”
“方总,在您面前我可不敢称专业啊!”吴振连忙说道,“您的这几个改动看似很小,但却将整个网页的品质提升了不止一个档次呢!而且这些设计理念都是非常先进的,最难得的是还可以顺利地转化为代码,我可是打破脑袋都想不出来啊!”
宋义也笑嘻嘻地说道:
“扬哥,你这就叫真人不露相!我看这个网站你亲自C刀得了!”
方扬翻了翻白眼说道:
“扯淡!我有这个时间吗?”
接着方扬又坏笑道:
“再说了,什么事情都要自己干,那当老板还有啥意思啊?不过……我觉得小义可以试试,你可是科班出身哦!”
宋义连忙摆手说道:
“不行不行!你还是饶了我吧!我看老吴他们做就挺好的……”
大家顿时发出了善意的哄笑声。
方扬转头对吴振说道:
“老吴,我说的这些,现在没问题了吧?”
“没问题,方总!”吴振拍着胸脯说道,“您给我三天……不!两天时间,我就可以把整个网页的设计加代码全部弄完!”
最核心的问题方扬已经解决了,吴振要做的就是按照新的宽度将原来那个设计稿进行修改,然后就是切片、写代码,这些对吴振来说完全没有难度……如果连