用心做事業

網站的視覺設計

Thu, 21 Aug 2008 14:20:05 +0000

從平面設計到網路設計，雖然設計原則不離其宗，但經驗下來的心得告訴自己，設計媒介的變化帶來很多媒介自身的特殊性，下面總結下網站視覺設計的一些要點，有他人經驗，也有自己的心得：

logo：
基本logo特徵，符合logo設計基礎（平面設計通用）顯示器效果：清晰度，最小尺寸（因顯示器分辨率而帶來的，等同線下平面設計的印刷效果）

文字：
內容等級決定字體、字號大小、粗細；狀態決定顏色（默認或者根據網站特殊統一）
廣告、內容圖片：
尺寸樣式的定位，同一頁面的和諧性，圖片的優化，位置的節奏，大小對比。

icon：
品牌性，表達準確合理，設計手法（依據品牌性），一致性，作用：吸引，醒目，方便識別、理解、操作、記憶。

可點擊（button)：
區別（不可點擊），根據人的生活經驗：厚度，可按，質感（實體聯想），色彩（品牌性、統一性、對比性）；統一的樣式大小（依據裡面文字的內邊距統一）

背景圖片：
氛圍效果營造，同產品的統一性，優化（品質大小，色彩信息，實現方案）。

圖文排版：
主圖次文，圖文節奏，空隙，模塊化。

當前狀態：
放大（形狀），變色（反色、對比色、明度純度區別色），鏈進鏈出後指定內容提示。

交互控件：
樣式合理準確性（人對系統默認的認知和生活常規認知），狀態（視覺表現樣式和動作過程優化），創意。

loading：
內容關聯性（loading前後的內容關聯），無聊等待的樂趣，體積、面積優化，創意。
用戶反饋_ 成功、出錯、提示、無結果：
文案（明確、合理、人性化、創意），圖形（明確、醒目、色彩的心理認知準確度）。

動畫效果：
過程合理（模擬真實環境的合理化），連續，節奏感，用戶日常動作表現，音效配合，創意。

首尾設計：
首（品牌宣傳、自身特點、明確內容、氣氛表達、創意。尾：呼應、節奏（與首），創意。

適應屏設計（全屏設計）：
最大最小屏幕的考慮（文字、圖片的位置、折行效果）

固定尺寸的柵格設計：
合理的單元格（考慮黃金分割），單元格面積節奏，邊距統一性

demo設計樣稿：
對內容最多最少的考慮。

頁面：
品牌性，基調元素一致性，復用性，節奏感、面積感，視覺第一吸引，引導瀏覽，點線面關係，素描原理（運用素描的基本規律來做頁面）。

閱讀：
背景對閱讀（視力）的舒適度，內容與背景的對比舒適度。

文章來源:http://ued.taobao.com/blog/2008/08/14/%e7%bd%91%e7%ab%99%e7%9a%84%e8%a7%86%e8%a7%89%e8%ae%be%e8%ae%a1/

國際藝術學院 - 首頁分享

Tue, 10 Jun 2008 00:23:59 +0000

國際藝術學院是一所剛要成立的學校，無意見看見這個首頁的影像檔，覺得色調及版面不錯特此與大家分享！
簡單真的很難！要找出好的色調也用用盡心思的！不懂的人老是會說那個很簡單喔！
很簡單嗎？自己去創造看看！有的人控制力不好，最後搞成了一張色紙，什麼顏色都有了！

Tags - web2.0 , 網頁設計 , 關鍵字 , 網站登錄 , 網路生態 , 公益推廣 , 網站管理和維護

26步獲得訪客到站流量

Thu, 20 Mar 2008 15:09:16 +0000

A）關鍵字研究
在做任何舉動之前，先用關鍵字工具來做一個廣泛的調查，看哪些關鍵字/詞適用於你的站點。你的直接競爭對手用的是什麼關鍵詞？是不是有一些有市場潛能的關鍵字你還沒有發現？或許你能從中開拓出另一片嶄新的境地？

B）網域名稱(網址)
如果你希望你的公司名字打出品牌來，那就選一個準確反映它的域名吧。如果你的公司叫Kawunga，那就註冊www.kawunga.com，如果不幸地已被註冊，那就用www.kawungawidgets.com。不要用橫槓（-），盡量不要超過兩個兩個詞的組合。

C）避免沙盒測試
在你確定關鍵詞和公司名稱之後，盡早買下你的域名。盡快的把站點設置弄起來，放上一個簡單的頁面告訴別人你是誰，做什麼的，以及網站詳細內容會馬上出來云云。保證它被Google和Yahoo!抓取到。（可以提交或者從其他站點連接到該站）

D）創建內容
為你的站點製作30頁真實的原創的內容。這會令蜘蛛有東西可取，這也可以讓你有機會從搜索引擎結果中瞭解更多的關鍵詞。

E）站點設計√
堅持"保持簡單"的方針。調用一個外部CSS文件，清除頁面上的Java Script代碼，改用一個外部文件來調用它們，不要使用框架，以使用圖片的方式使用Flash，千萬不要做成整站Flash。不要把站點弄的花裡胡哨，讓瀏覽者覺得雜亂。保持整潔、簡單。讓瀏覽者可輕易找到需要的東西而不需到處張望。

F）頁面大小
你的頁面占的KB越小越好--特別是首頁。優化那些圖片，使頁面載入更快。西方的大多數人和企業的網路速度都是很快的，但是在其他國家或者用移動電話可能就不是。如果你的站點載入緩慢，可能它在被訪問到之前就已經失去了訪問者。

G）可用性
確保你的站點遵循一些可用性規則。記住，人們在其他站點花的時間會更多，所以不要挑戰設計習慣。不要使用PDF文件作為在線閱讀。對已訪問連接使用不同顏色，用好大小標題。查閱更多關於可用性的小知識，它們會讓你受益不少。

H) 站點優化√
在標題中使用你選取的關鍵詞(最重要)，然後大小標題和文字中也盡量包含。保證你的頁面/內容是關於這些關鍵詞的。如果你要賣小玩意，就寫關於小玩意的內容。不要只是在文字中重複小玩意這個詞。

I) 通站連接
通站連接是指在每一頁面都相同的連接。它們幫助新到訪者不至於迷路。有時它們在頁面左側，有時在頂部以小塊出現。有時它們也會在頁面底部。確保你的每個頁面都有老式風格的通站連接。我通常在頁面頂部放上小塊式，在底部放上文字式。看什麼方式最適合你用了。

J) 標頭
使用加粗標頭。人們上網常常只是掃視不會仔細讀。所以基本上，他們都能看到的就是標頭了。如你的標頭不夠吸引眼球，人們可能不會在內容上持久停留。如果可以，適量使用關鍵詞。

K) 站點地圖
創建一個站點地圖，包含站內所有的頁面連接。保持更新。它幫助蜘蛛進入每個頁面。在主頁面放一個指向站點地圖的文字連接。

L) 內容
每2~3天添加一個新頁，200~500詞。內容要原創，不要複製他人。內容越是原創、有用，就會有越多人閱讀它，連接到它，最重要的是-以後還會再來。

M) 優化有度√
遠離過度優化技術。過度優化指不擇手段提高排行，使用搜索引擎不認同的方式，如關鍵字堆疊，門頁，隱形文字，什麼的。為長久考慮，優化要有度。作弊優化的站點通常最求短期效果，如色情，賭博和黑市。(看看你收到過的垃圾郵件就知道了。)這些作弊站點一般就剛剛足夠一次活動週期。

N) 競爭分析
誰在和你爭奪市場?到Yahoo用"link:"查查看。像這樣：link:http://www.yourdomain.com 學習你的競爭者，也去取得那些網站的連接。最好能取代他們!

O) 提交
提交到5組目錄：

1，Dmoz.org和Yahoo（本地的，比如Yahoo.co.uk， Yahoo.ca等等，如果可以的話）
2，找到你的行業目錄並不加入他們。如果必須付費，也要看價格是否合理。
3，所在國家或地區的本地目錄。
4，其他任何合適的目錄。
5，如果你針對當地市場，則一定要加入黃頁。(因為搜索引擎會使用這些列表來運作本地搜索。)

P) 博客√
建立一個關於你的行業的博客並至少每週寫一篇新文章。允許訪客留言評論，或者甚至讓他們自己在上面寫文章。這可以創造更多內容，並使人們記得再回來看有什麼新東西。

Q）外部連接
只需將你的網站提交到合適的站點，請他們也連向你，告訴他們這會令他們的訪客收益。但不要在這方便花太多時間，如果你有原創的好內容，他們自然會找到你並連向你。記住，如果"內容為王"，那麼"連接是後"。遠離互惠連接、連接農場、鬼連接以及其他任何非自然的連接。他們不一定會傷害你，但是Google跟蹤這一切：你什麼時候獲得了一個連接、多長時間獲得一個連接，誰連著現在連向你的網站，你在哪裡住，早餐吃的什麼，等等。（有點玩笑，但確實是像那樣的）

R）統計
保證你的服務器有個好的統計程序，並好好利用它。如果不能用到好的，就盡可能付費得到一個。如果不知道你的訪客的信息，像誰在訪問、來自哪些地方、造訪頻率如何等等，你會因為不具備這些基本的工具而在如何改進網站方面感到困惑。

S）付費點擊（PPC）√
註冊Google AdWords與Yahoo Search Marketing。花一些錢做廣告吸引人們到你的網站上來，也可以用它來塑造品牌。PPC會為你的網站固帶來固定的客流，當然也會給你的潛在客戶更多深入瞭解的機會。你並不必須做到No.1，甚至不必須做到No.5......只要保證你的廣告在你的關鍵詞下面排在搜索結果的第一頁就行，注意廣告的花費要合理。

T）向前看√
在你的市場方向上保持關注最新動態。如果一個新產品會在下一季出來，現在就在網站寫一寫。先發制人，搜索引擎和連接者都會獎賞你。

U）文章√
每週寫一篇文章，然後到盡可能多的在線刊物去發佈。（附上連接，連回到你的網站）在你自己的網站上也放上這些文章。這不僅會給你的網站創造很多連接，也會促使人們點擊到你的網站，最重要的是，在你的訪客眼中你會是一個專家！他們也許會開始搜索你的名字來找你的網站呢。

V）研究你的流量√
在30到90天後你就會有足夠的網站統計數據來做分析了。先用下面這些問題把數據過一遍：

- 你的訪客來自哪裡？
- 他們用哪些搜索引擎？
- 他們查詢什麼字、詞組？
- 你網站上的哪些頁面被訪問得最多？
- 你網站上的入口頁面是哪些？
- 退出頁面呢？
- 訪客按照怎樣的路徑瀏覽你的網站？

把得到的結果提煉一下，精簡你的網站：

- 用最受歡迎的頁面鼓勵訪客過來，為你創造價值。
- 調整你認為最合適的瀏覽路徑。
- 弄明白為何他們從那些退出頁面退出。

然後，根據訪客來訪所用的關鍵詞，細微的調整你的關鍵詞設置。如果你的目標詞是"green widgets"，而你的訪客通過搜尋"green leather widgets"找到你，那你就應該開始創造一個"leather widgets"的內容了。

W）確認你的提交
3-4個月後，確認一下你是不是已經當初提交的目錄所收錄，像Dmoz.org等等。如果沒有，再提交一次，或者更好的辦法是，客氣地給編輯寫一個email詢問原因。最後，發現新的目錄，值得提交的話，不要放過。

X）RSS feeds
RSS (Real Simple Syndication或Rich Site Summary) 正成為因特網營銷者的有力工具。你可以又簡單又快速的給網站添加新內容。文章的feed時常更新，所以你可以跟你的訪客（以及搜索引擎）他們需要的東西--新鮮內容！你可以用RSS來推廣任何新內容，比如新的頁面、文章、blog、新聞稿，等等。

Y）新聞稿
新聞稿是指你提交給媒體機構（報紙、廣播、電視、雜誌）的書面交流信息，通常用來發佈一些有新聞價值的公告。你可以創建任何新的文章、公司信息、產品信息的新聞稿。如果它足夠吸引人或者原創，媒體機構的工作人員會將它收錄進去，寫一份文章報道。有時，可能你的網站地址在紐約時報上被公佈了，而你還不知道呢。

Z）保持新鮮內容
記住，每2-3天寫一個新頁面。我只是簡單的這樣提一下，但其實這可能是這整片文章中最關鍵的一點。不停的寫！沒有新鮮內容，你的網站會在搜索引擎中慢慢落下來。要保持第一，你的網站一定要有你那個領域裡最快更新、最新鮮最吸引人的原創內容。

遵循以上26條簡單的步驟，我確信，一年之內你的網站必定取得成功。你會獲得所在行業的巨大流量、親眼看到你的事業蒸蒸日上！
所以，開始寫吧，把你自己寫到第一！

Tags - web2.0 , 網頁設計 , w3c標準 , 標準程式碼 , 關鍵字 , 網站登錄 , 網路生態

網頁（站）設計內容優化

Thu, 3 Jan 2008 18:38:11 +0000

網頁（站）設計內容優化
請注意，過度優化會被拒並列入黑名單。

結構優化：
網站的目錄結構要趨於扁平化，要具有清晰的層次結構，目錄最深不要超過3層，否則會給搜索引擎機器人為網站的評分帶來麻煩。
站內導航優化：
為用戶提供一個網站地圖，列出指向網站重要位置的連結，每個網頁應至少可以通過一個靜態文字網頁連結打開，因為搜索引擎不能抓取圖片或Flash中的連接，否則會導致網頁索引不全。
註：網站地圖，分別有：sitemap.xml、sitemap.xml.gz、Sitemap.html、urllist.txt，主要是給搜索機器人看的。
關鍵詞優化：
要準確定位關鍵詞，也要充分考慮擴展關鍵詞的作用，有時擴展關鍵詞所帶來的流量要遠遠大於主關鍵詞帶來流量，而且擴展關鍵詞往往更易於優化排名。
網頁宣告優：
加以編撰meta name的網站描述和關鍵字句。
註有些人認為沒效，我們也不保證一定，只能說，觀察，是有...
標題、標籤優化：
網站標題和連結標題 Title，明確的告訴搜索機器人這裡有路標。
連結優化：
要盡量使用帶有關鍵字的文字連結，而且不要有損壞的連結，並確保書寫格式的正確。將網頁中的連結限定在合理的範圍內。
內容優化：
內容是網頁的靈魂，是網頁要向用戶傳達的根本信息，是搜索引擎優化中最重要的步驟之一。
網頁程式碼優化：
儘量使用htm/html格式，避免使用php/asp等動態網頁格式。
註由程式產生的連結對搜索機器人來說太累了，它沒時間猜。
我們賣個關子，誰說全Flash和全圖的網站不能做以上優化，我們可以。

Tags - web2.0 , 關鍵字 , 網站登錄 , 網頁設計 , w3c標準 , 標準程式碼

Yahoo!奇摩網頁宣告「關鍵字數」的建議

Tue, 1 Jan 2008 17:53:31 +0000

Tags - 網頁設計 , web2.0 , w3c標準 , 標準程式碼 , 關鍵字 , 網站登錄

依 XHTML1.0 + CSS 標準建構程式，程式完全符合W3C國際標準。

Wed, 10 Oct 2007 02:10:15 +0000

最優的網頁設計工作者視覺媒體網頁設計優質網頁設計公司
依 XHTML1.0 + CSS 標準程式碼建構與修改
網頁程式碼完全符合W3C國際標準。

點擊右方圖示可看完整驗證網頁

W3C標準的內容包括使用語言的規範，開發中使用的導則和解釋引擎的行為等等，特別是制定了包括XML和CSS等的眾多影響深遠的標準規範。
但是，W3C 制定的 web 標準似乎並非強制而只是推薦標準。也就是說W3C組織只是引導網頁設計者進行標準化設計。

一般對網頁優化瞭解的人都會明白，搜索引擎是通過搜索機器人讀取網頁程碼的內容進行分析，所以優化的任務之一是對網頁內容進行優化，而不是對網頁程式碼優化。

當然，不否認符合W3C標準網頁的優勢，有利於解決瀏覽器兼容性問題，而且其程式碼簡潔及清晰度讓人舒暢的。

CSS+DIV網頁設計，也能達到內容與表現分離的效果，有時候覺得W3C標準太苛刻，畢竟設計符合W3C標準的網頁需要優秀的CSS+DIV能力，一般的人可能需要花很長的時間才能調試成功。