網頁設計師職場軟體應用技巧分享
說起網頁設計師的工作,可能很多人的第一感覺就是設計網頁,其實網頁設計師的工作可不是這麼簡單!網頁設計只是網頁設計師工作的一部分,除此之外,網頁設計師還要參與網站的前期策劃,並且在設計過程當中還要考慮後期的功能如何實現。
目前我在公司負責的更多是一些管理工作和建站過程中的網站整體規劃工作,而不再是網頁設計師的工作。今天之所以寫這篇文章,主要是希望把我個人從事這麼多年網頁設計工作的一些經驗同大家分享,也算是給那些有志于從事網頁設計工作以及正在找這方面工作的人一個參考。
簡單就是美 給使用者最想看的
很多網頁設計師一開始都會陷入這樣一個誤區——在頁面中加入很多元素和修飾,網頁設計同時加入很多的Javascript代碼、Flash效果等,把“好看的”都擺上去,以求頁面“華麗無比”。殊不知這樣的頁面帶給使用者的只會是眼花繚亂的感覺,反而找不到想要看的內容。根據相關統計顯示,如果使用者第一次訪問某一個頁面,在3∼10秒內找不到自己感興趣的內容,那麼他就會毫不猶豫地選擇離開這個頁面。
留住使用者,第一印象自然要好,就目前網頁發展的趨勢而言,“簡單”的設計風格更符合主流,因此頁面中的修飾元素和樣式都不宜過多,同時樣式要儘量保持統一或接近,以文字顏色、字體等不超過3種為宜,以避免造成頁面混亂的感覺。這一點在一些公司的形象網站或企業網站當中尤為明顯——頁面主要以網站導航、形象(產品)宣傳Banner和公司業務為主。例如聯想中國網站、Dell公司網站等。
搭配要合理 給使用者最便捷的
既然一個網站頁面的基本樣式和內容都是固定的,那網頁設計師還能怎樣發揮自己的創意進行設計呢?首先需要說明的是,我們這裡為大家講解的主要是傳統網站的設計,也是最常見的網站設計,如公司形象網站、企業網站或其網頁設計他行業網站等的設計,而不包括一些個性化的網站設計,因為個性化網站的設計需要達到的效果就是與眾不同,因此並無任何規律可言。
在傳統網站設計過程中,既然頁面的基本框架和內容都已經確定,如何能夠在這個框架內讓網站頁面在清爽的同時又可以展現更多內容,就需要網頁設計師瞭解網頁製作技術,通過技術手段豐富頁面內容和樣式。
以最為常用的標籤功能為例(標籤功能是指將頁面當中不同分類的內容以標籤的形式歸類,使用者點擊相應標籤就可以查看相應標籤中的內容),國內主要的門戶網站新浪和網易,如果不採用標籤功能,全部內容採網頁設計用平鋪的方式,那麼頁面無疑將非常冗長,而採用標籤功能,既保證了主要內容都在最主要的位置展現,又保證了給使用者提供最感興趣的內容,另提供了更多選擇,讓使用者可以選擇查看可能感興趣的內容。可以說,同樣的頁面,是否採用標籤功能將有完全不同的效果。
規範是王道 給後期維護減負
上文我們主要說了一些網頁設計上的總體思路,也是“大方向”,下麵我們說一下網頁設計師需要注意的工作細節,這裡就以網頁製作時的HTML代碼和CSS樣式表為例。我們都知道,雖然一個網站的設計方案通過Photoshop設計出樣式圖之後再進行頁面製作工作一般不會出現返工的問題,但修改是不可避免的,包括網站在運行了一段時間之後根據實際情況進行修改也是非常常見的,這就要求我們在前期製作頁面的時候打好基礎,為後期的修改維護做好準備。
規範格式 源碼查看更方便
很多網頁設計師在進行頁面製作的時候只是在視覺化環境當中編輯(這是萬萬不可的,如果設計師不能駕馭純源碼模式,那麼他就一定不是一名合格的網頁設計師),這就很容易產生冗餘碼,從而使源碼混亂。而源碼混亂,一方面會影響頁面的執行效率,另外一方面也會在後期修改的時候產生莫名其妙的問題。因此規範源碼格式,可以有效減少後期修改的工作量,提高工作效率。
不要懶惰 關鍵點加上注釋
除了規範源碼的格式,製作網頁時在HTML源碼當中加入必要的注釋是非常重要的!因為注釋可以為我們後期的修改提供重要的參考資訊,例如一段代碼的功能說明、一個區域的開始或結尾等等。這樣在後期修改的時候就可以實現不需要再次查看源碼來區分,只要根據注釋針對特定區域進行修改或替換即可,從而大大降低後期修改維護的難度。
|