Profile
Mission Statement
Our Team
Contact Us
Designer Blog

 

Nature Design on Facebook
 

活動 - 閒談時段

由2008年11月1日起我們將透過非正式的閒談增進來賓和我們同事的通識、專業技術水平。歡迎各企業代表、校院學生老師、相關專業人員或任何有興趣人士前來傾談。

相關題目:設計概念、技考、技術、設計行業、
互聯網、其他設計等...

詳細資料請到本活動專頁

以網絡影片傳遞企業訊息

隨著網絡瀏覽速度提升,不少網站已在首頁加入視像媒體。

以Mpeg格式製作的視像媒體,動態、質感與Flash不同。他具有更真實,立體的感覺。可以把拍攝的影片,廣告放到網站中。能產生一種真實與網絡連接的效果。

一些進階的網頁設計公司能夠把視像媒體與用家互動,做出一種非直線、非單一角度的簡單播放。

宜家傢私的網絡宣傳動畫
http://www.ikea.com/ms/en_US/rooms_ideas/ckl/default.html

網絡視像媒體的好處:

  • 提供更多表達的空間
  • 不同的感受
  • 表現企業跟貼科技的發展等

也有一些要求:

  • 由於需要影片製作,成本會提高不小
  • 需要技術較好的網頁設計公司進行製作。

以Firefox體驗最佳的瀏覽感受

與微軟依靠操作系統捆綁IE瀏覽器的路線不同,火狐靠的是真正的口碑式營銷增長。火狐之所以能在短短幾年時間內便橫掃全球網絡瀏覽器市場,很大程度上依賴于其提供了最佳的網絡體驗和感受。在互聯網發展的黃金時代,網民對于網絡瀏覽的體驗需求也越來越高,而火狐瀏覽器憑借其增強的分頁瀏覽功能、智能的廣告過濾、自帶RSS閱讀器、鼠標手勢功能、集成Flash插件等個性化便利特色,成為了用戶跳槽的根本原因。

Fire Fox 的優點:

  • 簡單易用
  • 體積小巧
  • 容易定制
  • 感染病毒機會較小
  • 插件功能豐富

目前火狐瀏覽器在全球擁有四分之一的市場份額,而保守的估計也認為,去年一年,火狐瀏覽器的市場份額提升了已經達到17.4%,微軟的IE同比下滑了 9.6%,市場分額為63.9%。如果說這些數據可能存在誤差的話,火狐的全球下載量或許更能說明問題。根據最新的下載統計,火狐瀏覽器的擴展速度達到了指數級增長,自從2004年Mozilla基金會發布開源火狐瀏覽器之後,火狐下載量從剛開始的1億次攀升到2億,目前,火狐的下載已經達到4億次。而下 載量暴增的原因普遍認為是為用戶提供了更好、更快、更個性化的網絡體驗。從用戶體驗的角度分析,火狐瀏覽器已經成為時尚人群生活不可或缺的一部分。

我們現在在設計網站時除了考慮IE的效果,同時還要考慮在Firefox的效能,令所有客戶都能看到最佳的效果。

 

WEB DESIGN 網頁設計 (商業設計要求3- 網頁框架風格)

看到不同的網頁,有些擠滿內容,有些只得一張圖片。同一類網站,選用不同的框架會令你有不同的感覺。同一類框架,但總有一部份你覺得特別美的。究竟一個網站的框架是怎樣決定呢?

一個網頁的形成,最初必先定立網頁的框架格式

框架,相等於平面設計的排版。有一列、兩列、三列等。設計師在實作前會跟客戶開一個簡單的會議,搜集網頁的內容,網站的用途,用戶的需求等,再去分析那一種框架最為適用。

  • 品牌時裝網:畫面大部份只有圖片和小量的文字
  • 購物網站:大量的產品清單和分類,令用戶置身於百貨公司之中
  • 企業網站:統一的格式、不浮跨的設計,讀者感受到一種權威的感覺

決定了一個框架,並不代表每一版都必需依據其格式創作。有時可以為一些特別內容作一些出位的擺放,突出效果。

決定成個網站日後的發展。要在規劃時認真設計。

搜尋引擎優化 Search Engine Optimization

一個網站除了在設計上做得美觀,還需要有曝光率。隨著搜尋引擊的進步,技術變得複雜,搜尋也愈來愈準確。如果你的網站期望要有較高的搜尋位置,關乎以下幾個要點:

  1. 內容獨特性
  2. 人流
  3. 網站設計及內容結構
  4. 主題集中程度
  5. 網站建立時間

如果你的網站有獨特吸引的內容,並能吸引一班讀者長期瀏覽一段日子。其實這已能達到高排名的要點,再透過SEO的優化,就可以排得更前。

SEO就是修正網頁裏面的隱藏編碼、結構,讓搜尋器看得明白及分析得到你真正的內容、主題,然後加到正確的分類當中給搜尋者準確搜尋得到。

以上所說的是自然排名,搜尋器不會收取費用。而另一種收費的關鍵字廣告,以點擊方式收費(如點擊一下2元),只需要啟動好帳戶,做好設定便可以在數天內把廣告推出,一般的關鍵字也可以排列在一至兩頁前,視乎該頁的廣告數量。想排得前,便要付出更高的資金。


WEB DESIGN 網頁設計 (商業設計要求2- 決定網頁設計風格)

甚麼是設計風格?

風格是一種感受,是很具體的設計方式,如維多利亞式建築、哥德式建築,現代建築,即使不懂設計也能想像其影像。資訊的發出者,應當了解自己公司的方向、推廣重點、對象,從而把要求交給設計公司進行顧問咨詢,定製出一個網站的風格。在製作過程途中更改方向是一個大忌,浪費時間及設計師付出的心思。

古典的風格是很分明的,歐洲、中國、日本等各種傳統的標記一看就明。但除網絡技術發達,設計已能快速地跨地區、跨網絡,網頁設計主流演變成一種國際風格,就是簡約、一目了然、風格貫切始終。

以下是一些主流的風格:

  • 運動品牌:以圖像及Flash效果、簡明結構,體現速度、節奏
  • 新聞媒體:公整統一的排版、分類、內容,令閱讀者成為習慣
  • 家居:自然舒適的色系,親切的插圖、簡明的標記,與家居生活融為一體
  • 政府:各個部門使用不同的選單、顏色,甚至整個風格,但框架的統一令人感受到其一致性。
  • 餐廳:突顯餐廳的特色,如環境、食特、服務,重視感覺多於內容。
  • IT:透過各種進階的技術體現IT的感鼽,如3D旋轉展示產品

另外也要從瀏覽者的組別定出網站風格的層次:

  • 大眾:購物、銀行服務、入門網站、酒店這些實際應用的網站不能使用太多花巧的東西,簡單整齊的文字排版已能達到效果
  • 商業:B2B網站,需要適當的突出公司的形像,不刻意,不浮跨、不平庸,點到即止。
  • 特色:產品專買網、時裝,具有強烈的獨立風格,只要突出其感覺,規律的元素也可以改變。
  • 另類:個人網站、藝術網等,不跟主流,我行我素,後現代主義的風格。

最後,很多客戶都要求設計一個夠高級、夠商業化的網站,這個其實未必最好,因為太完美的效果只會實質事物變得浮跨不真實。選擇設計公司時建議從實質的作品集、Design Concept Document、質素保證等因素考慮。


WEB DESIGN 網頁設計 (商業設計要求1- 了解對象)

商業設計,必先把工作要求弄清楚,含糊開始只會令日後工作事倍功半,偏離目標。

要了解一個設計的具體要求,可以從最終對象出發,一步一步分散至各部份。

對象是甚麼呢,不就是付錢的客戶吧。說對了一部份,在設計一個網站時,應把重點對象定立為網站的使用者,客戶就是其中一種忠實的使用者。以一個家電的網站為例,公司是售賣具智能的吸塵機,價格較高但能減輕很多上班一族清潔家居的時間。故我們設計時定好網站的對象是給這群中產消費者,從這裏開始著手作具體的設計分析,例如生活環境、舒適的色彩、文字與圖片的使用率比例,現代字體、精簡方便的效果等等,都可以跟據對象構思出來。

續上例,假如沒有設定對象,把網站設計像玩具般的風格、或者過份加入與主體無關的插圖,這樣使用者只能從局部的圖片和文字了解其內容,大大降低購買意慾,甚至對產品的特性產生誤解。

針對對象處理,適應使用者之餘,適當的地方也可以加入一些具有創意的元素。超越使用者所想,令網站有更長的可觀性。

跟據以上的分析,可以想像網站設計其實是由很客觀的推算組成,在對象能接收的範圍內加入設計師的創意,將能得到最佳的效果。

微軟出價3500億美元收購競爭對手雅虎

這將是以時代華納與AOL合拼以來,全球歷來最大宗的收購。微軟計劃以446億美元,即3478億港元天價收價雅虎。

不過雅虎還在考慮當中。而且還有反壟斷法等事法...

如真的收購成功,微軟+雅虎的搜尋廣告市場佔有率將增至27%,續步接近Google的65%。而且透過Windows產品的優勢更能與搜尋內容結合增加接觸範圍。

就這次微軟的舉動,可以看出搜尋廣告的壯大將會續步取代傳統廣告成為主要媒體。

其他可能會改變的事情:

  1. Yahoo YM 與 MSN Messenger
  2. Yahoo Mail 與 Hotmail

 

WEB DESIGN 專題 - Web Design組成

一個網站的優勢可以分為三個大方向
A) 可見程度,即透過各種媒介(尤其是搜尋器)令目標群眾更容易連接到網站
B) 網站內容價值,目標群眾最終獲得的東西(無論是資訊或產品)
C) 設計的美學,上兩點都需要在設計上的優化才能達到最佳效果

其實這三項都可以視為web design 的一部份,不過本專題我重點講解(C)網頁設計的美觀性。

Web Design 組成

網頁設計是對一個主題、方向而安排至組成一個網站的過程。一個網站需要很多不同的技術配合才能完成,包括排版設計(Layout Design), 程式設計(Programming Design), 美工(Artwork), 動畫(Animation)等, 是一種集各種媒介特長的平台,隨未來網絡速度及容量增加,愈來愈多新技術與網站結合,其中網絡影片的應用已由入門網站發展到各種不同的網頁當中。

Layout Design
一個layout由各種不同元素組成:排版、圖像、文字、空間、紋理、色彩、功能性..
其實與平面設計的理論一樣,不過由於畫面在電腦上運作,所以設計師需要考慮各種熒幕大小和瀏覽器版本的特性設計。

Program
在網頁上所有按鍵、各種具智能的反應都需要編寫Program去處理、,一個了解客戶使用模式的Progammer往往能設計出附合用家操作的系統。

Artwork
與平面設計一樣,網頁有時需要加入一些插圖來表達某些訊息,這時需要美術人員來進行繪圖。不過在香港這個市場,繪畫的工作一般都由設計師兼任。

Animation
在網頁上的Animation以Flash為主流,也有新的技術可以把電影的特效融入網頁當中。一段動畫除了表面上的效果,還要兼顧電腦系統,瀏覽器版本的技術。

上述Web Design的大概說明了網頁在技術上的構成。在這之上還有深層次的企業形象表現、元素相互影響、文化心理、競爭者的對比等問題,所以一個專業的設計流程及設計團隊是非常重要的。

下回將會談論網頁設計在商業上的要求

WEB DESIGN 專題 - 介紹

撰寫本專題是希望用我現時所了解的設計知識客觀地分享web design(網頁設計)這個專題,內容是以我這幾年的設計經驗及其他知深設計師的論點總結回來,觀迎讀者瀏覽分享。
 
   

Logo line Blog, 以Firefox體驗最佳的瀏覽感受

About ND
Profile
Mission Statement
Our Team
Contact Us
Blog

Our Events
None

Service
Web Design
HTML Web Design
Flash Web Design
HTML5 Multi Platform


Online Advertisement
Banner Ads Design
E-Card
Newsletter

Hosting
1GB Web Hosting
10GB Web Hosting
Domain Name Price
中文服務介紹
Client Showcase
Reference
Web Design (Standard)
Web Design (Flash)
Web (Game)
Ecard
Banner
Newsletter / EDM
Other
Client
  附屬攝影服務  
Add to my Favorites 在Facebook上分享 © 2005-2007 Nature Design Co. - All Rights Reserved