設置

第五百五十八章 老板露一手

  方揚身體一靠近方喬,一股濃烈的雄性氣息就撲鼻而來,方喬的俏臉忍不住紅了紅。她偷偷地用眼角的余光觀察了一下周圍人和方揚,他們并沒有發現自己的不自在,這才放下心來。

  事實上方揚也沒有多想。

  他與方喬的親近是前世今生經歷了那么多事情,自然而然的表現。

  而且他現在的注意力也完全集中到了電腦屏幕上。

  方喬工作室團隊設計的官方網站界面很漂亮,以華夏風為主要設計主題,最上方那大大的banner一下子就能抓住人的眼球,類似宣紙質地的背景上,一副水墨山水組成了這個banner的主體,上面鳳凰文化的LOGO也經過了一些藝術處理,與整個旗幟廣告融為一體。

  再往下拉,整個網頁的配色以淡雅為主,每一個區塊功能非常清晰,而現階段最急需的如在線廣播、精品節目點播、節目預告、主持人風采等欄目都擺在了醒目的位置,整體效果相當不錯。

  “真不錯啊!”方揚忍不住贊嘆道,“整體的色調很搭,而且凸顯了主題,不錯不錯!”

  老吳是這個設計的主要作者。老吳名叫吳振,其實也就三十來歲的年紀。不過在設計和IT這種年輕人云集的行業里,稱他為老吳倒也還算合適。

  吳振謙虛地說道:

  “方總,因為時間比較倉促,所以只能暫時做成這樣了。您看看還有什么需要改進的地方,我們再做局部調整。”

  其實吳振只是客氣一句,在他看來方揚這種大老板頂多就是在大方向上提提意見,具體到細節問題不是專業人士也根本提不出什么建設性的東西來。

  沒想到方揚卻認真地點了點頭說道:

  “嗯,那我就談談我的看法,大家交流一下。”

  說完,方揚笑呵呵地對方喬說道:

  “喬姐,我想用一下電腦可以嗎?”

  方喬楞了一下,隨即回過神來,連忙站起身來讓出了位子說道:

  “哦,你坐你坐!”

  方揚坐到了還留有方喬體溫的轉椅上,一只手操作鼠標,另一只手則指著電腦屏幕,轉頭對吳振說道:

  “如果我沒看錯,你設計的網頁寬度是980像素的吧?”

  “是的方總。”吳振點了點頭。

  現在的主流網頁基本上都是這個寬度,所以他的設計自然也采用了這個寬度。

  方揚微微一笑,并沒有急著操作電腦,而是說道:

  “我建議咱們的網站設置成1024像素的寬度。”

  吳振嘴巴張了張,想要反駁方揚的話,但是礙于對方是老板終于還是沒有說出口,但是心中卻是有些不以為然,以為方揚就是找不到其他可以改進的地方,所以想當然地提出這么一個無厘頭的意見。

  方揚并沒有回頭,但卻像是猜出了吳振的想法一般,微笑著解釋道:

  “我知道當前主流網頁的寬度大部分都是980像素的,可是大家知道為什么大部分網站都會設置成這個寬度呢?那是取決于用戶的顯示器尺寸,可是現在大屏顯示器越來越多,而且很快就會成為主流配置。

  大家可以想象一下,在那么大的一個顯示器上面,咱們的網頁僅僅只占用了中間一部分區域,其他地方全部都是留白,是不是顯得太小家子氣了?而且據我所知,現在不少網站進行改版的時候,都不約而同地調整了網頁的寬度以適應顯示器的大小。我們既然是新做一個網頁,自然要與時俱進,一步到位了,大家說對不對?”

  所有人,包括吳振在內,聽了方揚這番話之后都不禁連連點頭。

  吳振的臉上更是露出了羞愧的神色。他離開網頁設計行業已經有幾年了,這些年一直都在工作室進行圖片的后期處理工作,對行業的最新動態了解確實不夠多。沒想到他眼中的外行人方揚卻給他上了生動的一課。

  其實方揚對網頁設計也只是一知半解,但是他勝在擁有提前三年的眼光。

  吳振做的這個網頁在現在看來,應該算是一流水準了。所以剛才他雖然說得謙虛,其實心中還是有點小得意的。

  只不過網頁設計這東西,三年的時間不知道有多少先進設計理念出來,方揚見識了前世不少大的網頁,所以吳振這個作品在他眼中自然是顯得有些過時。

  這個還不光是網頁寬度這一小個方面。

  方揚知道自己已經成功地讓這些工作室的老員工們對自己刮目相看了,因此微微一笑,操作著鼠標在PS軟件上新建了一個畫布。

  吳振在一旁看了,忍不住說道:

  “方總,您這個寬度不止1024了…”

  “我知道,這正是我想說的第二點想法。”方揚含笑說道。

  接著他將這個畫布的背景設置為淡灰色,然后在畫布中建了一個1024寬度的白色矩形,將其居中。

  方揚指了指自己畫的這個形狀說道:

  “我剛剛建立的畫布假設就是整個瀏覽器的范圍,而白色的區域則是我們網頁的范圍。老吳,我看了你做的那個網頁,整體效果非常不錯,但是應該還可以更大氣一些。”

  說完,方揚也沒有多說什么,直接操作著電腦,將吳振那個設計稿里的網頁背景復制了過來,因為那是一個可以無限重復的類似于宣紙的背景,為了表現出效果,方揚直接使用變形工具使這張圖鋪滿整個畫布。

  接著方揚又將下面的網頁區塊整體復制了過來,因為只是展示效果無需精確到像素級別,因此方揚也只是簡單地使用變形工具讓它們占滿表示網頁范圍的那個矩形框。

  最后,方揚才開始處理原來的banner。

  吳振設計的banner也是980像素的,與整個網頁是一樣寬度。這樣看上去一整個網頁就顯得有些死板,一個長條下來,與背景形成了涇渭分明的區隔。

  方揚將banner的背景摒棄,直接把那些華夏風的水墨山水全部復制了過去,并且進行了一些微調。

  很快方揚就作出了一副簡單的效果圖來。

  這是一個類似于“同”字的結構,外面的大框表示整個瀏覽器的范圍,里面那個小口字則是網頁范圍,banner完全與背景融為一體,沒有明顯的邊界,甚至不少水墨元素都超出了網頁的1024寬度,撐到了外面去,整體看上去立刻就變得大氣而靈動。

  方喬在一旁看到方揚簡單的幾個變動,立刻讓網頁變得好看了許多,頗有些化腐朽為神奇的感覺,她也不禁嘖嘖稱奇道:

  “方揚,沒看出來啊!原來你還有這一手絕活呢!”

  而吳振則認真地看了看網頁效果,他心中也不得不承認方揚這樣的設計確實比以前那個版本看上去要活潑許多,而且相當大氣。

  其實在兩三年后,這種設計被廣泛應用于各個網站之中,只不過在現階段還很少有網站會采用罷了,很多人都是第一次見到這樣的設計思路,都不禁為之贊嘆不已。

  可吳振不光精通界面設計,而且對與html代碼也很有研究,他在認可方揚設計理念的同時,很快就在心中推演著這樣的效果該如何用代碼來呈現,想了很久,吳振終于忍不住皺著眉頭猶豫道:

  “方總,這樣的設計思路非常棒!可是…想要實現起來似乎有些難度啊!”

  吳振說完之后,心中又有些后悔。

  方揚是老板,他能提出如此建設性的設計思路,已經相當不容易了,代碼實現上有困難,應該自己想方設法解決才對,怎么能遇到困難就縮頭呢?那人家還要請自己這個員工做什么?不如什么事情都自己干好了。

  不過方揚卻并沒有生氣,他知道很多東西說穿了就是一文不值,但是在現階段,在沒有人想到那個辦法之前,卻顯得困難重重,因此他也非常理解。

  所以方揚淡淡地笑了笑說道:

  “老吳,我直接說說我的思路啊,就不在DW上演示了。首先這個網頁背景實現起來很容易,我注意到了這是一個可以無限重復的規則圖片,我們直接在‘body’當中設置為背景圖片,X軸和Y軸重復,自然就鋪滿整個瀏覽器范圍了。”

  吳振點了點頭,這個他也已經想到了,并沒有什么難點,困難的是banner的部分。

  方揚很快就說道了這里,他指了指banner說道:

  “這個也很簡單,這里放一個寬度為1024的div,將banner設置為背景圖片就行了。不過這些水墨山水的元素,你要將畫布設置為透明的,然后切片為png格式,這樣自然就跟你剛剛那個背景圖片融為一體了。”

  吳振眼睛一亮,方揚的這個思路其實很簡單,但卻很巧妙,不過自己一下子轉不過來彎罷了,方揚一提點立刻就想明白了其中的道理。

  不過他很快又皺了皺眉頭問道:

  “方總,還有最頭疼的一點,就是您設計的banner寬度已經超過1024了,而且還跟下面的區塊有所重合,這…這根本不可能實現的呀!”

  方揚微微笑了笑說道:

  “是可以實現的…算了,我還是直接在DW里面演示吧!可能一句兩句說不清。”

  說完,方揚打開電腦上的Dreamweaver軟件,建立一個新網頁,他并沒有打開設計視圖,在純代碼頁面運指如飛,只聽得鍵盤的敲擊聲幾乎連成了一片,一行行代碼在屏幕上閃現出來。

  僅僅兩三分鐘,方揚保存了網頁,輕輕地按下了F12預覽,只見一個IE窗口彈了出來,剛剛方揚設計的那個網頁上半部分完美地展現在了眾人面前。

  吳振瞠目結舌:

  “方總,這…這到底是怎么實現的?”

  剛才方揚敲代碼的速度太快了,屏幕上的代碼一直朝上滾動,吳振根本沒有看清楚任何東西,方揚就完成了所有操作。

大熊貓文學    超極品紈绔