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

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

我只能說(shuō)的是：這是工作的過(guò)程對(duì)我來(lái)說(shuō)最好的精髓。

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

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

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

概述

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

步驟 - 由 - 步

1。知道你正在做

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5。勾畫(huà)出高度成功的案例

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

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

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

一個(gè)草圖通常的功能：

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

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

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

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

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

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

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

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

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

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

事情要考慮：

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

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

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

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

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

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

示例

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

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

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

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

8，地圖訪問(wèn)者的注意力

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

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

增加引人注目的事情

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

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

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

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

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

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

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

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

9，安排視覺(jué)元素一起工作

這只是現(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)站的個(gè)性和它想達(dá)到什么，而游客對(duì)有
• 我知道在我的網(wǎng)頁(yè)和網(wǎng)站的部分
• 我有一個(gè)正確的頁(yè)面布局，這將有助于該網(wǎng)站的訪客流量一輪容易，保持他們感興趣的，直到他們已經(jīng)做了他們想要的好主意
• 我知道視覺(jué)元素將在我的網(wǎng)頁(yè)，和它們的相對(duì)優(yōu)先級(jí)

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

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

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

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

  ?（配送雙線獨(dú)立ip空間，國(guó)際A級(jí)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íng)銷(xiāo)顧問(wèn)：我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營(yíng)銷(xiāo)顧問(wèn)服務(wù)，您需要了解關(guān)于如何開(kāi)展網(wǎng)絡(luò)營(yíng)銷(xiāo)，電子商務(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自動(dòng)生成，靜態(tài)頁(yè)面生成等等，讓您的網(wǎng)站。

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

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