這不是設(shè)計(jì)網(wǎng)站最好的方法！

這里是我的細(xì)分的網(wǎng)站設(shè)計(jì)過程。

我知道很多人會讀這個，大聲喊：“這不是設(shè)計(jì)網(wǎng)站的最好方法！”

我只能說的是：這是工作的過程對我來說最好的精髓。

我提出，希望它，也許它會為你的工作位也。

我已經(jīng)創(chuàng)造了10年的網(wǎng)站，我已經(jīng)得到了在它更成功在這段時(shí)間。而我接觸到的非常巧妙和復(fù)雜的軟件開發(fā)過程很多，其中很多不產(chǎn)生很好的效果。

這是典型的過程中，我用我的網(wǎng)站（所有尺寸）今天最。它著重于讓你在做什么，然后再開始清晰，并保持清晰，而你努力爭取一個好的解決方案迅速。

概述

1. 知道你正在做
2. 知道什么網(wǎng)站需要做的
3. 知道網(wǎng)站的訪問者希望
4. 得到一個好的圖片的個性和風(fēng)格的網(wǎng)站
5. 勾畫出高度成功的案例
6. 整理成意見網(wǎng)站地圖
7. 素描的本質(zhì)特征和外觀
8. 地圖訪問者的注意力
9. 安排視覺元素一起工作

步驟 - 由 - 步

1。知道你正在做

作為什么你正在努力實(shí)現(xiàn)明確的幫助你實(shí)現(xiàn)它。

總是在你的目標(biāo)明確 - 國家要達(dá)到 - 當(dāng)你坐下來設(shè)計(jì)一個網(wǎng)站。

• 你想打動其他網(wǎng)頁設(shè)計(jì)師？
• 你想取悅你的客戶？
• 你想有一個良好的利潤，并支付租金的時(shí)間？

有一個神奇的一種叫“創(chuàng)意可視化”。當(dāng)你能看到在你的心中的眼睛終點(diǎn)，你可以更容易地看到你需要采取的步驟到那里。此外，你甚至?xí)l(fā)現(xiàn)，你的潛意識行為進(jìn)行幫助你前進(jìn)了。

2。知道什么網(wǎng)站需要做的

您可能有一個客戶誰告訴你他們想要的東西（如“我們要打入大的時(shí)間和銷售更多的部件?！保?/span>

設(shè)法得到真正明確什么是網(wǎng)站的目標(biāo)是什么。成功是什么樣子？你將如何知道當(dāng)你到了那里？

有了這個東西在你的頭腦清晰可幫助您：

1. 從現(xiàn)在做一個成品的設(shè)計(jì)決策的數(shù)千
2. 與您的客戶和他們的整個過程中保持信心
3. 表明你已經(jīng)做了你所要做的

3。知道網(wǎng)站的訪問者希望

理想情況下，你想顯示你的設(shè)計(jì)，所有的網(wǎng)站的目標(biāo)用戶，并找出行之有效的他們。由于這是不可能的，你需要另一種技術(shù)。

對于所有的網(wǎng)站，但最簡單的，我開發(fā)人物和場景的基礎(chǔ)上，目標(biāo)導(dǎo)向簡單的可愛的艾倫庫珀和他的朋友開發(fā)的技術(shù)庫珀交互設(shè)計(jì)。

4。得到一個好的圖片的個性和風(fēng)格的網(wǎng)站

用戶到用戶的個性給你的目標(biāo)和行為很大的啟示。

但是，一個網(wǎng)站通常有自己的目標(biāo)，可能與使用者的目標(biāo)相沖突。該網(wǎng)站還經(jīng)常有軟目標(biāo)，支持或發(fā)展其品牌。

您需要一種方法來平衡所有這些不同的勢力最佳狀態(tài)。

我開發(fā)了一個進(jìn)一步的工具，網(wǎng)站的Persona，它體現(xiàn)在以同樣的方式為用戶的用戶個性做網(wǎng)站的個性，動力和目標(biāo)。網(wǎng)站假面既是品牌和網(wǎng)站，你的目標(biāo)將通過與用戶的混合工作個性的對話。

圖片作為用戶之間的個性和站點(diǎn)的Persona系列談話你的網(wǎng)站的互動。該用戶試圖得到他們想要的，網(wǎng)站的Persona是想幫助他們，同時(shí)確保它自己的工作。

5。勾畫出高度成功的案例

一旦你知道你的網(wǎng)站要實(shí)現(xiàn)的，你的游客要達(dá)到，是時(shí)候開始規(guī)劃出網(wǎng)站的結(jié)構(gòu)。

我不從一個網(wǎng)站地圖，因?yàn)檫@是限制過嚴(yán)。我喜歡勾畫出的經(jīng)驗(yàn)，用鉛筆和紙張，只是顯示的網(wǎng)站和用戶之間互動的最重要方面。

（有時(shí)，這些都是在一個腳本形式的對話，在那里我的人格和網(wǎng)站用戶溝通的人物，仿佛在交談中，這將最終轉(zhuǎn)化成視覺元素。）

一個草圖通常的功能：

• 明星在現(xiàn)場展示（入口點(diǎn)）用戶如何到達(dá)
• 圓形顯示操作，視圖或地方（可能最終成為頁）
• 箭頭顯示用戶如何可移動的網(wǎng)站
• 語音氣泡用戶代表什么人物在關(guān)鍵地方認(rèn)為

這里是一個真正的首幅素描我只是在紙上進(jìn)行，這讓我思考，迅速開展工作。

不要擔(dān)心設(shè)計(jì)的細(xì)節(jié)。這不是一個項(xiàng)目可交付草圖與其他人分享。這是為我所用，幫助我澄清一下什么是重要的。

這種特殊的草圖顯示了一些成功的案例，這可能適用于不同用戶個性。重要的是我已經(jīng)開始可視化的成功之路（用戶參與網(wǎng)上拍賣的一部分）從不同的出發(fā)點(diǎn)。

在這里，我已經(jīng)意識到，關(guān)鍵的一點(diǎn)是確保旅客都能找到他們感興趣的，如果不發(fā)生，沒有別的我可以設(shè)計(jì)意愿的問題。

因此，為了使這個網(wǎng)站的成功，我可以很容易并呼吁環(huán)顧四周，直到找到自己喜歡的東西不夠了解更多信息。

我可以做這些小品很多，但他們永遠(yuǎn)不會超過一分鐘，每對夫婦的更多。但我有我的頭的工作問題上的自由，喜歡復(fù)雜的繪圖軟件包或造型語法限制束縛。

6。整理成意見網(wǎng)站地圖

您需要規(guī)劃出哪些網(wǎng)頁會在您的網(wǎng)站，如何對它們加以組合，以及用戶將如何輕松地找到自己的方式解決。

您的網(wǎng)站地圖將有效地合并所有到一個結(jié)構(gòu)的明確和經(jīng)濟(jì)從最初的自由草圖的意見。您希望您的訪問者能夠自由地從一個地方移動到另一個地方，他們的鼻子下面，以自己的目標(biāo)。

事情要考慮：

• 想想看全局或頂層的聯(lián)系真的需要在每一頁上可用。測試你的假設(shè)。
• 建立足夠的部分，這將是容易把重點(diǎn)放在你想要的。
• 注意不要過度段。如果你有太多的章節(jié)，您的網(wǎng)站看起來似乎更大，更難進(jìn)行導(dǎo)航。避免創(chuàng)建路段，將不會有足夠的內(nèi)容。（“沒有消息就是壞消息”）。
• 您需要包括任何其他的東西，需要在那里（如聯(lián)系方式和登錄），這可能不是你的草圖上的任何功能更新。
• 研究如何使用智能鏈接和用戶直接采取什么他們最有可能要下深層鏈接。不要讓他們掏。
• 嘗試優(yōu)化網(wǎng)站，這樣的目標(biāo)的關(guān)鍵路徑是容易的，即用盡可能少的步驟。您的網(wǎng)頁設(shè)計(jì)將擴(kuò)大戰(zhàn)果。
• 記住的原則簡單，Occams剃刀。如果你能實(shí)現(xiàn)的東西更簡單，如果你能刪除的東西，仍然保持所需的效果，做到這一點(diǎn)。

7。素描的本質(zhì)特征和外觀

現(xiàn)在我們將開始設(shè)計(jì)頁面，仍然在紙上的工作在這一點(diǎn)上。（我發(fā)現(xiàn)，紙筆比計(jì)算機(jī)更快的工具，不管我用什么軟件。）

通常情況下，我將首先關(guān)閉或凝視著我的眼睛在窗外，而我想象什么樣的布局和外觀會覺得不對勁，提供了一個很好的干凈的界面，描繪了人格權(quán)。

然后我會素描，迅速在紙上，在粗糙的矩形，就打上的本質(zhì)特征：

• 整個頁面的結(jié)構(gòu)和比例
• 1級導(dǎo)航（您的部分）
• 其他全球?qū)Ш剑ㄈ绲卿?輸出，網(wǎng)站地圖，幫助，頁腳導(dǎo)航）
• 屏幕房地產(chǎn)的主要領(lǐng)域
• 任何主要圖形元素

示例

沒有太多地看到這個簡單的草圖。該網(wǎng)站的身體會坐在網(wǎng)頁中間。我已經(jīng)把在頂部導(dǎo)航欄，網(wǎng)站的標(biāo)志和strapline，和我有一個想法是將其中的內(nèi)容，并且將有向下右側(cè)的縮略圖。

它貌不驚人，但它的所有幫助我做的是凝聚在我心中的這個頁面看起來像眼睛的視力。

為什么我做更多的設(shè)計(jì)在我的腦袋比我在電腦上做

快速鉛筆素描只是幫助我迅速記錄下我已經(jīng)在我的腦?？梢暬は?。然后，我不會忘記，可使其在Photoshop中快速。我覺得這種工作遠(yuǎn)遠(yuǎn)不止在Photoshop開始關(guān)閉的有效途徑。再次，它變得清晰，再這樣做（認(rèn)為，當(dāng)時(shí) ??做的）。

8，地圖訪問者的注意力

一個在做你的頁面布局草圖的關(guān)鍵一步是獲得了您的訪問者會想看看好主意。

當(dāng)您在計(jì)算機(jī)上的工藝頁面，你的工作是平衡的相對引人注目的所有網(wǎng)頁上的視覺元素，讓游客將被吸引到的東西，最重要的。

增加引人注目的事情

• 更大的事情！
• 強(qiáng)烈的色彩（謹(jǐn)慎使用）
• 高對比度（無論是形狀，線條或顯著不同的色調(diào)邊）
• 運(yùn)動（無論是實(shí)際的動畫，或給人以運(yùn)動印象動感的線條）
• 用大量篇幅身邊的人和事（??他們更容易識別，而且似乎更重要）
• 在頁面上的高價(jià)值的東西擺的位置（向左上角和攔腰EG - 取決于你的布局）

而黃金法則來這里發(fā)揮作用。

您網(wǎng)站上的一切都必須：

• 幫助您的訪客達(dá)到自己的目標(biāo)，或
• 支持不妨礙訪問者的目標(biāo)網(wǎng)站的目標(biāo)

因此，我們將使用這些設(shè)備向來賓展示在哪里看，和他們不需要看（除非他們需要）。

以下是我的網(wǎng)頁素描（上）找出來..

在上面的截圖，注意什么最明顯。看看你可以得到一個什么樣的網(wǎng)站有關(guān)的印象，你很可能會發(fā)現(xiàn)有只需快速瀏覽（并沒有能夠閱讀的文字多）。

這是由精心優(yōu)先最相關(guān)的視覺元素可能 - 那些在解釋什么是最該網(wǎng)站的內(nèi)容，你會發(fā)現(xiàn)在這里，您可以去下一個有益的。

9，安排視覺元素一起工作

這只是現(xiàn)在我潛水到Photoshop。我完全準(zhǔn)備，準(zhǔn)備工作很快（因?yàn)槲抑?，在電腦上玩很容易讓我失去的觀點(diǎn)）。

• 我知道網(wǎng)站已經(jīng)實(shí)現(xiàn)成功
• 我知道我的訪客尋找的，他們正在努力實(shí)現(xiàn)的目標(biāo)
• 我知道網(wǎng)站的個性和它想達(dá)到什么，而游客對有
• 我知道在我的網(wǎng)頁和網(wǎng)站的部分
• 我有一個正確的頁面布局，這將有助于該網(wǎng)站的訪客流量一輪容易，保持他們感興趣的，直到他們已經(jīng)做了他們想要的好主意
• 我知道視覺元素將在我的網(wǎng)頁，和它們的相對優(yōu)先級

這之前的工作將幫助我迅速地執(zhí)行設(shè)計(jì)的裝修為目的的沒有得到過深??陷在Photoshop嘗試不同的頁面布局（這是費(fèi)時(shí)）地段。

還有一些其他原則和紀(jì)律，幫助我建立一個沒有占用太多的礦山和我的客戶的時(shí)間多東西是綽綽有余：

• 我工作在短時(shí)間。如果我感到疲倦或不清楚，我會停下來去做別的事情。
• 我把它簡單。我會盡力找到簡單的頁面布局，導(dǎo)航結(jié)構(gòu)，色調(diào)/配色方案。我不怕適應(yīng)的東西有工作過，如果是合適的。
• 我投入精力的地方，是最有益的。我將愉快地工藝自定義按鈕，圖標(biāo)或標(biāo)識，如果這樣做會帶來的影響。我知道，每個頁面并不需要太多的豐富的視覺功能，如果它們與護(hù)理應(yīng)用。
  
  
  選擇北京網(wǎng)站建設(shè)公司-傳誠信，優(yōu)質(zhì)服務(wù)，絕對不容錯過 ！

  1. 優(yōu)秀的網(wǎng)絡(luò)資源，穩(wěn)定的網(wǎng)站和速度保證

  ?（配送雙線獨(dú)立ip空間，國際A級BGP機(jī)房，99.5% 的主機(jī)在線時(shí)間）

  2. 7年北京網(wǎng)站建設(shè)經(jīng)驗(yàn)，優(yōu)秀的技術(shù)和設(shè)計(jì)水平，更放心

  3. 全程省心服務(wù)，不必?fù)?dān)心自己不懂網(wǎng)絡(luò)，更省心。

  -----------------------------------------------------------------------------------------------------

  ?

  我們的與眾不同之處：

  ????? 免費(fèi)網(wǎng)絡(luò)營銷顧問：我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營銷顧問服務(wù)，您需要了解關(guān)于如何開展網(wǎng)絡(luò)營銷，電子商務(wù)，網(wǎng)站設(shè)計(jì)等的事宜，歡迎隨時(shí)聯(lián)系我們。

  ???? ?seo友好的網(wǎng)站管理系統(tǒng)：除了優(yōu)質(zhì)的網(wǎng)站空間，網(wǎng)站管理系統(tǒng)，和網(wǎng)站設(shè)計(jì)外，我們的網(wǎng)站管理系統(tǒng)更是seo友好的，包括：自定義欄目名，Google Sitemap自動生成，靜態(tài)頁面生成等等，讓您的網(wǎng)站。

  ???? ?免費(fèi)網(wǎng)絡(luò)營銷培訓(xùn)：如何更好的投放網(wǎng)絡(luò)廣告，如何提高網(wǎng)絡(luò)廣告的投資回報(bào)，如何發(fā)帖子，
  ???? ?如何優(yōu)化網(wǎng)站，我們有豐富的經(jīng)驗(yàn)開放給您！祝君成功！
  

  聯(lián)系我們：010-62199213?? 62122723-808?? 賈先生
  傳誠信北京網(wǎng)站建設(shè)網(wǎng)站：www.94883.cn?點(diǎn)擊查看經(jīng)典網(wǎng)站案例！
  北京網(wǎng)站建設(shè)2011年網(wǎng)站建設(shè)套餐及優(yōu)惠！