提供您以下企業方案

響應式網站設計

企業網站設計

購物網站設計

行動化網路商機

網路行銷規劃

馬上詢問優惠方案!!

用LINE加入好友

直接1對1聊天即可! 

好友人數

常見問題
註冊會員(購物商店專用)

Search Our Site

【建置前】網站設計
什麼是響應式網頁技術(RWD)?

響應式網頁設計又稱為「自適應網頁設計」,在業界大多稱為RWD(Responsive Web Design),是一種能同時支援電腦與行動裝置的網頁技術。

有鑑於行動裝置(如智慧型手機、平板電腦...等)的使用者數量日趨增長,越來越多的使用者透過手機或平板電腦來上網瀏覽網頁,但傳統網頁技術在行動裝置上的視覺呈現未必和透過電腦螢幕觀看相符,為了回應使用者的需求與期待,過去大多企業主會選擇額外開銷費用來製作「手機版網頁」,以便讓行動裝置與電腦兩方使用者作區隔,然而這種作法通常會使企業遇上一些麻煩,其中最頭痛的莫過於「資訊不同步」(因為電腦網站和手機網站是分開的),且會連帶內部維護成本增加,造成企業網站營運上的困惱--響應式網頁設計(以下簡稱RWD)就是為了解決這類的困擾而誕生的全新技術。

RWD主要是透過CSS3、百分比計算的概念來製作一個網站,此網站會依據使用者使用裝置的瀏覽器尺寸來調適版面的配置和排版方式,讓不同裝置平台的使用者都能正常且正確地瀏覽網站,目前這項技術在國外已蔚為主流,而台灣也正朝這個方向前進,在行動裝置使用者比例持續成長的未來,RWD將是企業網站製作的首要考量。

Back to top
網站建置開始,我需準備哪些資料?

網站建置資料的準備,往往一開始會因為資料太少,或是資料太多,不知從何著手?

在此,創意雲端建議您,如果,商品不多,沒關係,可以多強調商家的售後服務,還有商品的特性,消費者的眼睛是雪亮的,不會因為商家的商品太少,而讓您失去優勢,反而,現今有很多消費者或客戶多半以服務為主的優先考量;

相反的,若商品數量很多,那就更要注意了,因為,請把握消費者在第一眼注視到的商品或是熱門商品區,所以,只要是商品的特性,價值展現出來,基本上就可了。

Back to top
網站的風格,創意雲端會提供建議嗎?

就網站風格而言,許多商家都有一些自己的想法與創意,基本上,我們會依據客戶的想法建置,建議您可以尋找一些相關行業的網站,當作參考,另外,我們在建站的初期,會提供您一些構想,目的是希望能跟您達成共識,彼此有需多討論的機會,希望能達到客戶的滿意。

Back to top
創意雲端的網站建置費用會很貴嗎?

一般報價方面,有分為兩種,一種是企業官方網站,此種網站較著重在公司及商品的價值展現,當然,在行業別也有不同的設計,另一種是,購物車網站,一般依購物車模式,屬於一般購物及商城購物網站,建議您可以在網站  [聯絡我們] 填寫您的需求,我們會請專人為您報價,讓您在第一時間上,了解我們的服務。

Back to top
我該選擇套版型網站?還是客製化網站?

套版型網站

優點:因為套版型網站是使用已經事先設計好的版型,因此整個網站完成的費用相對會比較低。

缺點:因所使用的版型不是客製化設計,在設計畫面的呈現會比較固定,沒辦法突顯該網站獨自的特色,會有跟其他網站風格類似的情況;此外,功能可能也無法較彈性新增、修改,必須遵循網頁設計公司所提供的固定功能使用。

客製化網站

優點:因為是客製化網站,所以網頁的風格是客製設計,可以突顯該網站的獨特性外,也可以符合客戶的需求;此外,功能也較有彈性,可以依照客戶需求做修正。價格上請隨時關注本公司優惠活動

缺點:因包含了設計費,所以整體費用會高於套版型網站,整個網站完成的時間也會比較長。

Back to top
我為什要做網站?

為什要做網站?經過調查,會想要做網站的客群,不外乎有兩種需求:

 

第一種是形象網站: (最佳建議:採行動版網站-或稱為響應式網站)

其建站的目的在於,讓客戶知道且了解公司與商品的特色,網站代表的象徵,除了門面,還有讓客戶及商家拉近距離之外,更可以發展彼此合作的契機。

 

第二種是購物網站(最佳建議:採行動版網站-或稱為響應式網站)

其目的不外乎是商家希望可以找到生意!可以在從中找到業績,並且讓商家快速成長,因此,在做網站的同時,更會想到許多網路行銷、網路開店等的銷售動機,所其目的只有一個,生意變好,因此,從網路開始至今,做網站延伸到現在的,部落格行銷、臉書行銷等等。以目前的趨勢來看,網路購物一定要結合手機板的購物網站,金流部分採取第三方支付為最佳使用方式!因為消費者的接受度高,訂單成交率才會變高! 

做網站好比構築自己家一樣,擁有自己公司的網站,就像擁有自己家一樣,因此,網站建置是個長期性的服務,選擇一個可以長期服務的網路公司來配合,才可以讓自己的網站,年年增進,不斷創新。雖然市面上有許多平台可以自行建站!但,最佳狀況還是交給專業的設計師幫您規劃!!才能幫您在網路上打造好的公司形象

Back to top
我的網站沒有產品照片,創意雲端有提供拍攝產品的服務嗎?

網站建置完後,翔羿後續的更新服務,除了第二年起,每年的基本主機及網域維護費外,不會在額外多收取任何費用,請您放心。

Back to top
公司新開幕,目前沒有資訊人員維護,怎麼辦?

以下有幾件事需要留意的:

1、網站的目的:目的一定要清楚,不論是形象網站或是購物車網站,達到商家的目的才是重點!

2、溝通窗口:商家的構通平台一定要暢通,主管跟窗口盡可能達到網站建置的共識,包含:風格、表單設計、色系、產品展示、各式管理系統,目的是希望能夠促進網站建置的順利完成。

3、資料提供:盡可能在邊整理手邊的資料時,就可以先提供給創意雲端先讓創意雲端逐一審閱,讓創意雲端能夠更快的為您服務。

Back to top
製作一個網站,大約需要多少時間?

網站製作的時間並沒有一定,通常會因為選用的網頁設計方案不同而定,

若是公司形象網站設計則需要花費約1個月時間;若是購物車網站或客製化網站

通常需要約2個月的時間。針對每個設計專案,在功能規劃確定後會讓客戶了解需要花費的時間

公司內部也都有完善的SOP流程,建站時間也需客戶提供相關產品資料及文案,這樣一來,便能控制每個專製都能如期完成,達成客戶滿意。

有了建材及溝通!才能創造好的網站品質!

Back to top
【建置中】網站設計
網站設計過程中有那些需要注意的?

其實對設計來說行業網站和企業網站的設計截然不同,對整個網站的創意、風格、整體框架佈局、文字編排、圖片的合理利用,空間的合理安排上面等…有著許多諸多的要求,需要考慮的面更廣,面對的問題也會更多。對於一名優秀的網站設計師來說不能絕不能放過任何一點小細節,本篇文章簡述的是設計師在做行業網站時所需考慮的一些問題。

一、網站風格/創意
  風格(style)是抽象的。是指站點的整體形像給瀏覽者的綜合感受。整體形象包括站點的版面佈局,色彩,字體,瀏覽方式等…。如:我們覺得迪斯尼是生動活潑的而IBM則是專業嚴肅的。每一個網站都會給人們留下的不同感受。這裡我們需要做到的是根據網站的定位做出網站特有的風格。除此我們還需要在風格同一上需要把握一下,其實這個風格的統一和傳統的印刷出版物沒什麼區別。你網頁上所有的圖像、文字,包括像背景顏色、區分線、字體、標題、註腳什麼的,都要統一風格,貫穿全站。這樣子用戶看起來舒服、順暢,會對你的網站留下一個“很專業的印象。而企業網站設計師往往就缺乏這一點,沒有全局意思。

  創意,所謂創意就是不拘一格?某些設計師在做創意的時候大費周章,做出來確實不可否認很有創意、很別緻,但往往對於行業網站的客戶為什麼不能接受呢?此時不要太責怪客戶的不識貨,應該反思,抓住客戶的需求。其實做行業網站不需要很多大的創意,也不要浪費過多的時間去追求如何個性、如何好看,我們只需要一點小小的創意貫穿全站,也許會使網站更生動更具有吸引力、更有思想,比如中國現車交易網(2005年此站已經消失)就是一個很好的案例,它把車的外形融入到網站中,使它脫穎而出。

二、網站LOGO?
  Logo顧名思義就是站點的標誌圖案,logo最重要的就是用圖形化的方式傳遞網站的定位和經營理念、同時便於人們識別。網站logo的設計過程中一般有以下三種思路:1.直接以網站網址作為logo。2.根據網站提供的產品/服務特點展開logo設計。3.以傳遞網站運營商的經營理念為特色。如:全球五金網l

三、視覺流程
  人們在閱讀某種信息時,視覺總有一種自然的流動習慣,先看什麼,後看什麼,再看什麼。在心理學的研究表明,一般的瀏覽習慣是從上到下、從左到右,在一個平面上,上松下穩而壓抑。同樣,平面的左松右穩。所以平面的視覺影響力上方強於下方,左側強於右側。這樣平面的上部和中上部被稱為“最佳視域,也就是最優選的地方。在網頁設計中一些突出或推薦的信息通常都放在這個位置。當然這種視覺流程只是一種感覺並非一種固定 ??的公式,只要符合人們的心理順序和邏輯順序,就可以更為靈活地運用,在網頁設計中,靈活而合理地運用直接影響到傳達信息的準確與有效性。

四、網頁框架與佈局
 網頁佈局大致可分為“國字型、拐角型、“T字型、“L字型、綜合框架型、Flash型、變化型,在這裡就不做一一論述了。其實在我們在做設計的時候並沒有過多的去考慮什麼形式,比如我們在一張紙看到一個圓形的東西,很容易可以聯想到它像太陽,而有些人則聯想到月亮等等…這都是一種形式比喻,最重要的是抓住客戶的需求,把握網站的定位做處合理的框架佈局。

1.分辨率
網頁的整體寬度可分為三種設置形式:百分比、像素、像素+百分比。通常在網站建設中以像素形式最為常用,行業網站也不列外。我們在設計網頁的時候必定會考慮到分辨率的問題,科技發展到現在我們通常用的是1024*768和800*600的分辨率,現在網絡上很多都是用到778個像素的寬度,在800的分辨率下面往往使整個網頁很壓抑,有種不透氣的感覺,其實這個寬度是指在800*600的分辨率上網頁的最寬寬度,不代表最佳視覺,不 ??妨試試760~ 770的像素,不管在1024還是800的分辨率下都可以達到較佳的視覺效果。

2.合理廣告
在目前一些網站的廣告(彈出廣告、浮動廣告、大廣告、banner廣告、通欄廣告等等…)讓人覺得很煩瑣,更本就不願意來看,有時連你這個網站都不上了,這樣一來網站受到了嚴重的影響、廣告也沒達到廣告的目的。這些問題都是我們在設計網站之前需要考慮、需要規劃的內容之一。

浮動廣告有兩種,第一種是在網頁兩邊空餘的地方可以上下浮動的廣告,第二種是滿屏幕到處隨機移動的廣告。建議能使用第一種的情況下盡量使用第一種,不可避免第二種情況時盡量在數量上控制最多一個就好。如果數量過多會直接影響到用戶的心理、防挨到用戶瀏覽信息,適得其反。首頁廣告不宜過多適中即可。如在註冊或者某個購買步驟的頁面上最好不要出現過多的其他無關的內容讓用戶分心,避免客戶流失等…

3.空間的合理利用
 很多的網頁都具有一個特點,用一個字來形容,那就是“塞,它將各種各樣的信息如文字、圖片、動畫等不加考慮的塞到頁面上,有多少擠多少,不加以規範,導致瀏覽時會遇到很多的不方便,主要就是頁面主次不分,喧賓奪主,要不就是沒有重點,沒有很好的歸類,整體就像各大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡,也可以用個“散字來形容。
  並非要把整個頁面塞滿了才不覺得空,也並非讓整個頁面空曠才不覺得滿,只要合理的安排、有機的組合,使頁面達到平衡,既使在一邊的部分大面積留空,同樣不會讓人感到空,相反這樣會給人留下廣闊的思考空間,給人回味又達到了視覺效果。 

4.文字編排
  在網頁設計中,字體的處理與顏色、版式、圖形化等其他設計元素的處理一樣非常關鍵。

4.1文字圖形化
  文字圖形化就是將文字用圖片的形式來表現,這種形式在頁面的子欄目裡面最為常用,因為它具有突出,同時又美化了頁面,使頁面更加人性化加強了視覺效果。是文字無法達到的。對於通用性的網站弊端就是擴展性不強。

4.2強調文字
  如果將個別文字作為頁面的訴求重點,則可以通過加粗、加下劃線、加大號字體、加指示性符號、傾斜字體、改變字體顏色等手段有意識地強化文字的視覺效果,使其在頁面整體中顯得出眾而奪目。這些方法實際上都是運用了對比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。

五、網站配色
1.用一種色彩。這裡是指先選定一種色彩,然後調整透明度或者飽和度,(說得通俗些就是將色彩變淡或則加深),產生新的色彩,用於網頁。這樣的頁面看起來色彩統一,有層次感。

2.用兩種色彩。先選定一種色彩,然後選擇它的對比色(在Photoshop裡按ctrl+shift+I)再進行微小的調整。整個頁面色彩豐富但不花稍。

3.用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。也就是在同一色系裡面採用不同的顏色使網頁增加色彩,而又不花,色調統一。這種配色方法在網站設計種最為常用。

4.灰色在網頁設計中又稱為“萬能色,其特點是可以和任何顏色搭配,在使用時把握量避免網頁變灰。

在網頁配色中,盡量控制在三種色彩以內,以避免網頁花、亂、沒有主色的顯現。背景和前文的對比盡量要大,(絕對不要用花紋繁複的圖案作背景),以便突出主要文字內容、也使用戶在瀏覽信息的時候不會覺得累。

六、常見問題

6.1分解大型表格
  為了加快網頁的瀏覽速度,盡可能避免用大型表格,因為瀏覽器必須等待整個表格的內容全部到達客戶端,才能顯示這個表格的內容,而文本或圖像則是一邊下載一邊顯示。同時我們製作網頁時要盡量減少表格的深度、表格複雜化,這一點尤為重要可直接影響網頁瀏覽速度、又給後面的程序添加帶來了不必要的麻煩。

6.2網站導航要清晰
  “您所在位置在大型網站中是不可缺少的一部分,其作用表明您現在所處在的位置,使用戶不會不知東西南北迷失在網站中。其次還有讀者進入目的頁的點擊次數,不能超過三次。如果三次以上還找不到用戶所要的信息,人家可就沒有耐心陪你玩了!

6.3圖片註解
  在很多網站上我們都可以找到一個共同的缺點,當網速慢時有很圖片都無法顯示,又沒有註解使得用戶反感,如在註冊時的按鈕是圖片做的又沒加圖片註解,而導致連註冊都找不到,如果加了註解這些問題也就不成問題了!

6.4系統按鈕
  在我們做按鈕的時候,要做成“按鈕的形式(type="button"),而不要做成“提交表單的形式(type="submit"),方便以後程序設計。

6.5空鏈接、死鏈接
  在一個優秀、專業的網站上是找不到任何一個空鏈接或死鏈接的情況,如果有這種情況會影響到用戶對您網站的評價,所以我們在製作的時候盡量避免,避免辦法就是提前做好鏈接,如果尚未完成的頁面則鏈上“建設中…的頁面,加以解釋。

6.6導航條
  在大型的行業網站裡面主導航條最好是用文字形式,避免使用圖片或Flash做導航條、縮小網站擴展性。

6.7網站的擴展性
  對於一個行業網站而言,網站的擴展性是相當重要的,隨時都要考慮到網站需求的變化!

Back to top
【建置後】網站設計

好友人數