網站美醜有差別嗎? 飛踢!!

我最喜歡用比喻的方式來看待自己的企業,人都是視覺的動物。誰喜歡看醜醜的東西??就好像你開了一個實體門市,你希望你是雜貨店還是SOGO百貨?

如果你希望你是SOGO百貨,你總不會跟我說你想用免費軟體做網站吧?就像是你想把你的門市開在路邊攤或者傳統市場,再跟我說你賣的東西很高級?

網站設計精緻度

別鬧了!!你太小看網頁設計了!!同學!!

請注意一下,先想好你商品的定位、價格、方向。你的公司企業經營理念、意識傳達。在決定你的網頁設計下筆處。

我跟很多人說過,網頁設計不只帶給客戶一種新的概念,還有一種對自己企業的定向確定。在還沒做網站之前,各位企業主們,還記得你們對自己企業的理念跟方向嗎!?

我想很多人都忘記了最初的目標!!當然,在做網站的時候,企業主們也可以對自己的商品重新做一次審視,看看企業推出的商品接受度為何。

不只業績提升,你的官網如果用心經營,會看到企業一群從未見過的消費族群出現!
那說到這邊了,各位覺得自己的商品定位跟企業形象。難道想用一個醜醜的網站、沒有美化的網站、陽春的網站,來呈現自己的公司嗎!?

我相信沒有人想,那這就是我們網頁設計公司 – 沅樸創意設計行銷存在的核心價值,我們針對各種不同形象的企業,做了不同的網頁設計,我們不套版、不騙人的良心事業,這是我們從日本來台開設的最大經營目的,改變這整個應該實在卻不實在的網頁設計!!

 

最常忽略的網頁設計重點,必看!!

常常有人問我們說,公司要怎麼提升業績或者知名度?

我是這樣說著:

一家有規模的公司,初期提升最有效率的方法,就是建置一個網站,對於現代的市場行銷及規模經濟來說都是不可或缺的必要因素。

想想看你們自己再做任何事情或者訪查的時候,是不是會先看這家公司有沒有網站可以參考,最少是有話可以說,有東西可以看。先不論他會不會有漂亮的設計。

因為最少,有個網站,你才會知道這家公司是圓是扁、是胖是瘦,或者他的東西你會不會喜歡,有沒有需求。網站設計參考

這種方式,直接的省去了三種麻煩:

第一、 對於消費者來講,你不用再傻傻的打去之後,發現這根本不是你需要的東西或者這公司根本沒有了!!

第二、 對於公司來講,你也不會受到非公司消費群的困擾,就像你專精賣糖果,常常有人打來問你餅乾一包多少錢一樣,你既不能得罪客戶,但是卻要常常接到這種電話,真的是不勝其擾。

第三、 對於雙方來講,因為現在的網頁設計技術非常成熟,雙方甚至不用約定時間、地點,直接完成交易,既不用浪費時間,也不用因為購買而浪費時間。

當然啦,更甚的如果有投資預算做個美輪美奐的網站,絕對對於你的知名度或者任何潛在消費者下的加分是很高的。

轉載》網頁設計與檳…檳…檳榔西施???

在網路業界多年,不敢說對說網路行銷有略知一二的心得。但實地經手優化調整過的客戶網站沒有一千也一定超過800個以上。老實說,我很喜歡調整老網站,因為純HTML的網頁非常的單純,而且 HTML的網站搜尋引擎本身就非常喜歡,因為對搜尋引擎的爬蟲而言,這類網站的結構非常利於爬行蒐錄,而且有許多客戶的網站因為域名的歷史悠久,所以在SEO優化調整過後,基本上關鍵字搜查結果上第一頁也是輕而易舉的。

網頁設計與檳榔西施

網頁設計的差異帶來不同的行銷成效但是每當月初在向客戶請款的時,少部分的客戶仍舊報怨SEO排名上詞後,效果並沒有非常明顯,雖說來電量也是有提升,但營業額就是沒有有感的成長。客戶報怨著,並且透露合約到期就不再續約的念頭。因為

「是沒賠錢啦,但多賺的剛好付你們的廣告費…」客戶這樣表示

約莫三年多前我還在舊公司任職時去拜訪他的時後這樣跟我說。這是一家經營包裝材料的客戶,在大台北地區業界具有相當的知名度,在今年我離開舊公司前又上門拜訪了幾次,這次我還記得要進去辦公室前要穿過整個廠房,經過一台一台工具機台,我看到台灣網路平價服飾超大品牌的OPP包裝袋正一個個被自動化機台迅速生產出來。

「我想多增加不織布類的產品你有建議的關鍵字嗎?」進入辦公室後客戶這樣說。

是什麼樣的原因讓客戶有這樣的轉變?? 這就是本篇要談的「網頁設計」的重要性。其實在三年多前他向我抱怨後,我有向他提出我的看法以及建議,並分享一個我學生時代的實例讓客戶做想像、比較。

學生時代曾有陣子在一家裝潢工作室打工,舊屋要重新裝潢,就必須將舊有裝潢板料拆除,然後老闆為了多賺清運的錢,會在收工後開自己的得利卡大貨車把舊屋拆下的裝潢廢料運至合作的廢土傾倒場處理掉,當時我便時常隨車一道過去幫忙。老闆有吃檳榔的習慣,下高速公路交流道後都會買個一百元,日子一久我發現他總是在固定的攤子買。隔了一年的暑期我又去老闆那打工,坐在往廢土場的車上經過他常買檳榔的攤子我訝異老闆竟然沒有停下來買檳榔,反而繼續往前開了沒多久才在我之前沒看到他買過的檳榔攤前停下來。

離開檳榔攤後,我問老闆「這家的檳榔比較好吃嗎?」

「其實每一家吃起來都差不多,剛那攤的小姐剛做沒多久,同樣的東西,相同的價錢,當然是找西施比較漂亮的那攤買,聊天打屁也比較爽啊~」老闆莞爾的笑著答道

網頁設計的重要性

相同的狀況在你我的生活當中也時常遇到,例如我們去到外地遊憩時若行前沒有事先選定用餐的地點,一到用餐的時間看著街上一家又家的餐館卻又深怕步入雷店猶豫著不之如何選擇。後來才選擇了一家自己順眼的店家用餐,不管餐點的美味與否,這條街上給我初步印象最好的店家,最後是賺走我的餐費的。

同樣的道理我們套用到關鍵字行銷這件事來看,當用戶在YAHOO的首頁搜尋了”包裝材料”,按下ENTER後我的客戶排名出現在第一頁自然排序前幾名的位置,但是,在第一頁曝光的不是只有他們公司的網站,所以他同時有了十幾位的同業競爭者,就像交流道附近一整排的檳榔攤,同條街上櫛比鱗次的餐館。而在準新客的心中沒有產品品質高低、沒有價格多寡、也沒有交期速度等等的初步概念,對準新客而言他擁有十幾個同等價格與品質的選擇,在這樣的情況下…

「為何我要跟你買??」我問客戶。

客戶若有所思地瞪大眼睛沒說一句話,等我開口繼續說明

「他有十幾個選擇沒錯,如果你又是所有選擇裡相對更好的選擇呢?」我說

所以以關鍵字廣告而言企業網站是第一時間與準新客戶接觸的媒介,它代表的是一家企業的形象、精神、甚至是帶給消費者對於這家企業產品的聯想。這個時候如果你的網站給人的感覺是陳舊與緩慢,那無疑的,你要做到這筆生意的機率可謂微乎其微。就連檳榔攤都知道徵聘漂亮的小姐來營造客戶體驗的重要性,餐館招牌加註30年老店聲明自己在地美食的權威性,為何我們不向對品質有更高要求的眾多商業客戶,透過新式企業官網精美的網業設計第一時間就傳達我們對產品品質的追求,以及與時俱進的企業營運思維,無論實際上品質的高低,提供了準新客戶「更好的選擇」,當然會比起一般水平的同業多出更多賺錢的機會。

事後我請公司的網站企劃人員去做簡報,三個月後客戶的新官網正式上線。相同的報怨再也沒從他那邊聽到過了。

 

轉自:SEO優化,網站排名,關鍵字廣告─最佳SEO公司│搜尋123-網頁設計與檳…檳…檳榔西施???

網頁的使用介面優化

在網頁設計中,網頁的使用介面優化是較為重要的一個環節。它的成功與否會影響頁面的流覽速度和頁面的適應性,影響觀者對網站的印象。

在資訊類網站中,文字是頁面中最大的構成元素,因此字體的優化顯得尤為重要。使用css樣式表指定文字的樣式是必要的,通常我們將字體指定為宋體,大小指定為12px,顏色要視背景色而定,原則上以能看清且與整個頁面搭配和諧為准。在白色的背景上,我們一般使用黑色,這樣不易產生視覺疲勞,能保證流覽者較長時間地流覽網頁。網頁使用介面

圖片是網頁中的重要元素。圖片的優化可以在保證流覽品質的前提下將其size降至最低,這樣可以成倍地提高網頁的下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊,分別進行優化。輸出的格式可以為gif或jpeg,要視具體情況而定。一般我們把有較為複雜顏色變化的小塊優化為jpeg,而把那種只有單純色塊的卡通畫式的小塊優化為gif,這是由這兩種格式的特點決定的。

表格(table)是頁面中的重要元素,是頁面排版的主要手段。我們可以設定表格的寬度、高度、邊框、背景色、對齊方式等參數。很多時候,我們將表格的邊框設為0,以此來定位頁面中的元素,或者籍此確定頁面中各元素的相對位置。我們知道:流覽器在讀取網頁html原代碼時,是讀完整個table才將它顯示出來的。如果一個大表格中含有多個子表格,必須等大表格讀完,才能將子表格一起顯示出來。我們在訪問一些網站時,等待多時無結果,按"停止"按鈕卻一下顯示出頁面就是這個原因。因此,我們在設計頁面表格的時候,應該儘量避免將所有元素嵌套在一個表格裡,而且表格嵌套層次儘量要少。在使用Dreamweaver製作網頁時,會自動在每一個td內添加一個空字元“ ”。如果儲存格內沒有填充其它元素,這個空字元會保留,在指定td的寬度或高度後,可以在原始程式碼內將其刪去。

網頁的適應性是很重要的,在不同的系統上,不同的解析度下,不同的流覽器上,我們將會看到不同的結果,因此設計時要統籌考慮。一般我們在800*600下製作網頁,最佳流覽效果也是在800*600解析度下,在其它情況下只要保證基本一致,不出現較大問題即可。

網頁設計的原則

網頁設計是有原則的,無論使用何種手法對畫面中的元素進行組合,都一定要遵循五個大的原則:統一、連貫、分割、對比及和諧。

統一,是指設計作品的整體性,一致性。設計作品的整體效果是至關重要的,在設計中切勿將各組成部分孤立分散,那樣會使畫面呈現出一種枝蔓紛雜的淩亂效果。

網頁設計的原則

連貫,是指要注意頁面的相互關係。網頁設計中應利用各組成部分在內容上的內在聯繫和表現形式上的相互呼應,並注意整個頁面設計風格的一致性,實現視覺上和心理上的連貫,使整個頁面設計的各個部分極為融洽,猶如一氣呵成。

分割,是指將頁面分成若干小塊,小塊之間有視覺上的不同,這樣可以使觀者一目了然。在信息量很多時為使觀者能夠看清楚,就要注意到將畫面進行有效的分割。分割不僅是表現形式的需要。換個角度來講,分割也可以被視為對於頁面內容的一種分類歸納。

對比就是通過矛盾和衝突,使設計更加富有生氣。對比手法很多,例如:多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與醜、聚與散等等。在使用對比的時候應慎重,對比過強容易破壞美感,影響網站風格的統一。

和諧是指整個網站頁面符合美的法則,渾然一體。如果一件網頁設計作品僅僅是色彩、形狀、線條等的隨意混合,那麼作品將不但沒有“生命感”,而且也根本無法實現視覺設計的傳達功能。和諧不僅要看結構形式,而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通,產生心靈的共鳴。這是設計能否成功的關鍵。

網頁版面的造型組合

在網頁設計中,我們主要通過視覺傳達來表現主題。在視覺傳達中,造型是很重要的一個元素。拋去是圖還是文字的問題,畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裡,是需要點、線、面的共同組合與搭配來構造整個頁面的。

通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、交*、節奏、韻律、歸納、變異、特寫、反射等等,它們都有各自的特點。在設計中應根據具體情況,選擇最適合的表現手法,這樣有利於主題的表現。

網頁版面的造型組合

通過點、線、面的組合,可以突出頁面上的重要元素,突出網頁設計的主題,增強美感,讓觀者在感受美的過程中領會設計的主題,從而實現設計的任務。

造型的巧妙運用不僅能帶來極大的美感,而且能較好地突出企業形象,而且能將網頁上的各種元素有機的組織起來,它甚至還可以引導觀者的視線。

網站的色彩的運用

色彩是一種奇怪的東西,它是美麗而豐富的,它能喚起人類的心靈感知。

一般來說,紅色是火的顏色,熱情、奔放;也是血的顏色,可以象徵生命。黃色是明度最高的顏色,顯得華麗、高貴、明快。綠色是大自然草木的顏色,意味著純自然和生長,象徵安寧和平與安全,如綠色食品。紫色是高貴的象徵,有莊重感。白色能給人以純潔與清白的感覺,表示和平與聖潔。

我們知道,顏色是光的折射產生的,紅、黃、藍是三原色,其它的色彩都可以用這三種色彩調和而成。換一種思路,我們可以用顏色的變化來表現光影效果,這無疑將使我們的作品更貼近現實。

網站的色彩

色彩代表了不同的情感,有著不同的象徵含義。這些象徵含義是人們思想交流當中的一個複雜問題,它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水準、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。
單純的顏色並沒有實際的意義,和不同的顏色搭配,它所表現出來的效果也不同。比如綠色和金黃、淡白搭配,可以產生優雅,舒適的氣氛。藍色和白色混合,能體現柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會給人帶來暖意。設計的任務不同,配色方案也隨之不同。考慮到設計網頁的適應性,應儘量使用網頁安全色。

但顏色的使用並沒有一定的法則,如果一定要用某個法則去套,效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色,然後根據具體的需要,應用顏色的近似和對比來完成整個頁面的配色方案。整個網站頁面在視覺上應是一個整體,以達到和諧、悅目的視覺效果。

網頁設計的實現

網頁設計的實現

網頁設計的實現可以分為兩個部分。第一部分為網站的規劃及草圖的繪製,這一部分可以在紙上完成。第二部分為網頁的製作,這一過程是在電腦上完成的。

設計首頁的第一步是設計網頁版面佈局。我們可以將網頁看作傳統的報刊雜誌來編輯,這裡面有文字、圖像乃至動畫,我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一台配置不錯的電腦外,軟體也是必需的。

不能簡單地說一個軟體的好壞,只要是設計者使用起來覺得方便而且能得心應手的,就可以稱為好軟體。當然,它應該能滿足設計者的要求。筆者常用的軟體是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,這些都是很不錯的軟體。

網頁設計的實現

接下來我們要做的就是通過軟體的使用,將網頁設計的藍圖變為現實,最終的集成一般是在Dreamweaver裡完成的。

雖然在草圖上,我們定出了頁面的大體輪廓,但是靈感一般都是在製作過程中產生的。設計作品一定要有創意,這是最基本的要求,沒有創意的設計是失敗的。在製作的過程中,我們會碰到許多問題,其中最敏感的莫過於頁面的顏色了。

網頁設計的任務

網頁設計是一種審美活動,成功的網站設計作品一般都很藝術化。但藝術只是設計的手段,而並非設計的任務。設計的任務是要實現設計者的意圖,而並非創造美。

網頁設計的任務,是指設計者要表現的主題和要實現的功能。網站的性質不同,設計的任務也不同。從形式上,可以將網站分為以下三類。

網頁設計的任務

第一類是資訊類網站,像PChome、YAHOO等大型網站。這類網站將為訪問者提供大量的資訊,而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、介面的親和等問題。

第二類是資訊和形象相結合的網站,像一些較大的公司、國內的高校等。這類網站在設計上要求較高,既要保證資訊類網站的上述要求,同時又要突出企業、單位的形象。然而就現狀上來看,這類網站有粗製濫造的嫌疑。

第三類則是形象類網站,比如一些中小型的公司或單位。這類網站一般較小,有的則有幾頁,需要實現的功能也較為簡單,網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水準要求較高。

當然,這只是從整體上來看,具體情況還要具體分析。不同的網站還要區別對待。別忘了最重要的一點,那就是客戶的要求,它也屬於設計的任務。

明確了設計的任務之後,接下來要想的就是如何完成這個任務了。

架設網站應俱備的幾大步驟

網站架設是一件浩大的工程,鄉當繁瑣。有幾個重要步驟若是掌握,就可大大的提高架設網站的效率。

架設網站可以按照以下步驟進行:

架設網站應俱備的幾大步驟

1、 先在本地設一個資料匣,作為網站存儲的地方。名字最好取“My Sites”。

2、 在網站資料夾裡面建立一些資料匣,包括“images”等(存儲圖片、檔等),並且按照網頁內容,再建立幾個資料夾。(也可以把存儲圖片、檔的資料夾在每個內容資料夾裡面各搞一些)

3、 打開你的網頁編輯程式(例如FP、Dreamwear等),新建網頁,保存為“index”(主頁),重複以上步驟,在網站資料夾裡面建立“search”(查找)、“map”(網站地圖)、“index02”(網站簡介等)。

4、 按照上面步驟,再在網站分類資料夾裡面建立許多網頁(接著還要把內容輸入網頁)

5、 已經做到了這麼多,我們該準備內容了吧。在硬碟上面再建立一個資料夾“File”,把準備好的文檔、圖片、程式、檔和網頁特效等放進去。(可以加入一些動態網頁)

6、 慢慢把這些檔一個不漏的放進網頁裡面(要掌握技巧)

7、 接著充實網站內容,就差不多了。這時應該申請一個功能變數名稱(免費空間、附費都可以)。並且把自己的網站提交給搜尋引擎,而且開始進行網路行銷宣傳。

8、把網站上傳至空間裡面,刪了準備文件,就OK了!