2014年8月15日 星期五

5事情恨關於網頁設計和如何解決這些問題- Web Design

那你最恨的網站?如果您瀏覽網站,就像我們做的,然後有很多的恨。因為今天有這麼多可怕的設計,用戶非友好的網站在互聯網上,我們已經把這個簡短但詳細的東西討厭網頁設計列表。除了編譯這個列表中,我們還提供對每個問題的解決方案。 當創建一個網頁設計,有許多的東西,一個網頁設計師應該考慮到,如果他們的目標是生產出高品質的,用戶友好的網站。 1,嘔吐物誘導配色方案 沒有什麼比訪問一個網站,並看到一個邊緣,可怕的,不匹配的,失去控制的配色方案更差。為基本,因為它是,有些人有一個可怕的時間選擇成功的配色方案。雖然現在有成千上萬的顏色可供選擇,它並沒有成為一個艱難的過程。無論您想支付的一個軟件,將顯著簡化配色方案選擇過程中或使用免費的配色方案工具之一在互聯網上,你會在任何時間執行的吸引力和成功的配色方案。 支付 如果您想支付的配色方案的應用,會做所有的工作適合你,那麼你最好的辦法就是色彩策士工作室。位於http://www.colorschemer.com/index.php,並提供在Mac OS X和Windows的味道,這個工具不僅建立你基於一個單一的顏色整個配色方案,但它也產生單色,補體,分補,三聯,四聯,並根據關你選擇了同一個顏色相似的和聲。這絕對是顯著的。有很多內置的這個應用程序等整潔,非常實用的功能了。 不支付 如果您不想支付49.99美元的色彩策士工作室(即使它是值得每一分錢),那麼有免費的替代品。導航到http://www.colorsontheweb.com/colorwizard.asp,你會發現一個基於Flash的配色方案工具,稱為色彩精靈。雖然不是很人性化的色彩策士工作室,色彩精靈有很多內置到它的功能。您可以輸入十六進制顏色代碼,或將滑塊來回發現你要尋找的顏色。色彩精靈還為您提供了依據您選擇的單一顏色的多個和聲。色彩精靈是固體(免費)色陰謀家的產品。唯一的缺點的色彩精靈是,它僅適用於在互聯網上使用。相比較而言,顏色策士工作室不需要互聯網連接,因為它位於您的計算機的硬盤驅動器上。 少即是多 當選擇你的配色方案,不要使用太多的顏色。聲明“少即是多”應始終在配色方案選擇過程中應用。一個人應該有多少顏色使用?這是一個很難回答的問題。雖然目前還沒有定數,所以一般最好解決三種顏色,如果可能的: 基色:佔據大部分頁面的主色調。原色設置了整體色調。 次要色??:具有備份和增強的原色的目的的第二顏色。二次顏色通常是彩色,是類似於主色。 高亮顏色:這是用來強調頁面的某些區域的顏色。它通常是其中的對比更具有初級和次級的顏色,因此,它應具有適度使用的顏色。如果您使用的是彩色的陰謀家軟件,如上面提到的,通常使用免費或分裂補色這一點。 有很多解釋更詳細的配色方案可以在互聯網上的資源。但是,如果你使用上面提到的任何顏色陰謀家的解決方案,並按照我們所提到的基本技巧,那麼你不應該建立在你的網站漂亮的配色方案有問題。 2,閃人濫用 當過度或不合適的地方使用時,Flash是可怕的為您的網站 - 可怕的搜索引擎優化,也許更重要的是,可怕的是為您的訪客。不要讓我們的錯誤 - Flash是一個了不起的計劃,讓創意的多媒體天才產生一些有趣的工作。然而,Flash的下面實現應該被排除在您的網站: 導航 也許使用Flash,Flash導航的最被濫用和誤用的方法通常是壞的或極其惡劣。為什麼不好,你問?嗯,有幾個原因: 搜索引擎優化:如果你熟悉搜索引擎優化,那麼你知道在你的網站上有文字的重要性。文字是什麼使索引你的網站盡可能的搜索引擎。具有閃存的問題是,搜索引擎不走的Flash文件內收集的文本信息。這是什麼基本上的意思是,當搜索引擎蜘蛛爬行你的網站,遇到你的Flash導航文件,他們爬右超過它的頂部。如果您有有關您網站內容的關鍵字在你的Flash導航,那麼他們將不會被索引,甚至被搜索引擎蜘蛛發現。 頁面加載時間:使用Flash為您導航會拖慢載入時間為你的網頁。是的,用在您的網站很少會添加到加載時間;然而,有些東西(如Flash導航)是可以避免的。一些Flash文件的大小是比別人大 - 大文件的大小是指一個較長的下載時間意味著更多的你已經不耐煩的遊客不得不等待。 非用戶友好:網站導航的目的,是為您的訪客,以及一種手段,你整個網站的導航。 Flash導航跨越從壞到極壞的當訪問者必須等待一個動畫來完成每一次的鼠標光標滑過菜單項。如果你還不知道,人們討厭等待。沒有什麼比不必等待哪怕只是幾秒鐘才能翻身後,啟動特定的導航項目雪上加霜。不僅可以在動畫是煩人的,但有時菜單只是透頂混淆(即圖像元素被用來代替單詞的每個項目)。 那麼誰沒有閃人?:不是每個人都使用Flash,這些天。雖然這是平時難得一見,有人沒有在其計算機上的Flash啟動時,它仍然會發生。這些閃存被禁用的用戶將無法找到自己的方式在你的網站上。而且,由於主要成分,以一個成功的網站之一,是導航,不必導航到那些有閃光禁止將讓您的網站看起來很可怕的(更重要的是,非交互式的和無用的)。 建立一個搜索引擎友好的,快速裝載,用戶界面友好,超兼容的導航菜單,最好的辦法是使用CSS(層疊樣式表)。 CSS的解決了所有這些問題使用Flash導航的時候,你會遇到的問題。還有一些免費的CSS導航菜單資源在互聯網上提供。位於dynamicdrive.com動態驅動器基於CSS的導航菜單是非常流行和廣泛使用的Web設計人員和Web開發人員,包括我們在內。 Flash引導 毫無疑問,用最糟糕的方式(或說濫用)閃光燈是對你的網站上的Flash介紹。如果你還不知道,Flash引導那些煩人的動畫,玩的時候,你初來乍到的一些網站。如果您的網站的內容富有吸引力和有用的,那麼有沒有真正的理由有一個Flash簡介。增加了一個事實,即在網上衝浪時,大多數人都不耐煩了,很多人沒有時間或耐心看冗長的Flash介紹。 如果你想有一個Flash簡介,那麼至少有一個“跳過介紹”按鈕,這顯然是對用戶可見。而不是讓被自動顯示出所有遊客的Flash介紹什麼更妙的是,地方放置一個描述性的鏈接您的網站,點擊後,用戶可以查看您的宣傳動畫(通常是什麼樣的閃存前奏是)內。 最後,要小心你的Flash簡介列入聲音。如果有人有自己的音箱開到高容量,那麼你可以負責嚇唬生活一大跳他們(和嚇唬他們遠離你的網站為好)。 3,信息過載 有太多的信息很少在你的網站的頁面可以使他們看起來光禿禿的,乏味;然而,有太多的信息可以壓倒用戶(這是不是你特別想要做的事)。廣告,圖像,文字,更多的廣告,導航,輔助導航,內容,更多的廣告......他們都開始增加。 雖然沒有規則,如何每個網頁多的信息是不夠的,你應該嘗試限制你的網頁,如下: 頁眉/標誌:所有的網站都需要一個頁眉/標誌識別他們是誰。對於可用性的目的,盡量保持你的頭的高度適中的尺寸。我們的大部分頭文件不超過200 - 300像素高。任何比300像素高,你需要強迫用戶需要向下滾動剛才看到您的網站的導航和內容的風險。是的,我們希望用戶看到的導航和你的網站內容;但是,只有滾動使得為用戶更方便,更愉快的訪問。 導航:所有的網站都必須有一個功能的導航系統,以便用戶能夠找到自己身邊的網站的方式。採用垂直或水平菜單個人喜好的問題。雖然一個菜單是必要的,盡量不要有多個。多個導航菜單可以很容易迷惑用戶。如果你有很多路段在您的網站,然後嘗試使用一個CSS下拉菜單,可以讓你有大量的導航項目,同時佔用空間最小量。 廣告:許多網站提供的服務,他們的遊??客是免費的。這是因為廣告,大多數這些服務都是免費的。當使用廣告,不濫用自己的使用情況。谷歌的AdSense最多允許每個網頁3的廣告是有原因的 - 太多的廣告可以使你的網站看起來像垃圾郵件在任何時間。廣告刊登位置也很重要。不要試圖把自己的廣告在他們看起來像您的網站實際內容方面,誘騙訪問者。人們不喜歡被欺騙。如果他們想訪問你的廣告贊助商,那麼他們會點擊廣告。 內容:每個Web頁面都應該有一個領域的內容。這個部分應該是焦點的每個網頁。有很多關於每個網頁的主題信息是絕對的罰款。確保不包含在一個網頁太多不同的主題。相反,分裂的主題並允許為每個有它自己的頁面。 圖片:使用溫和的圖像,只有在必要的時候在你的內容區域。圖像需要較長的時間來下載超過文字。請確保您的圖像是否正確壓縮,使得下載時間為您的網頁均不受損害,由於高畫質圖像。沒有說“業餘網頁設計師”不止具有需要幾分鐘來加載大,未壓縮的圖像。 頁腳:中包含的頁腳信息有所不同網站的網站。盡量不要東西在頁腳太多的信息 - 尤其是重要的信息。並不是所有的用戶向下滾動到網頁的底部看到頁腳 - 一些停在內容的末尾。如果您有必須放置在頁腳裡面的重要信息,然後開始不久頁腳內容區域結束之後。配售的主要環節在頁腳您的網站是常用的設計實踐。 有可能是額外的東西,一個網站需要根據不同的主題和行業;然而,所有的網站應該包含這6個要素。建設一個網站之前開發的導航和佈局策略是保證你的網站沒有從信息超載遭受至關重要。 4,圖像文字:大否否 就像汽車飛機吊架內,文字不屬於圖像的內部。唯一的例外,這應該是利用標誌裡面的文字。是的,它可以用在其他人使用他們的網站相同的文字很無聊。但是,您仍然可以豐富和引人注目的設計,不沾看中文字圖像的內部。 有幾個原因,使用圖像內文字是一個禁忌: 放大圖像的文件大小:每條信息的圖像的內部增加了尺寸的文件。正如我們前面提到的,文件越大意味著更長的下載時間意味著更多的你已經不耐煩的遊客不得不等待。 不是搜索引擎友好:就像Flash文件,搜索引擎蜘蛛無法檢測到圖像文件中的文本信息。 如果您有需要的文字圖像,然後使用CSS層嘗試另一種方法。不僅是這種方法易於實施,但它有助於保持圖像文件大小更小。這也是搜索引擎友好。 5,攻擊力列 不,這不是一個分拆的星戰電影。列的攻擊,我們使用的時候一個網頁設計師使用的短語超過了它們的佈局數列。一些設計師認為,通過以上幾列,他們可以更好地組織和顯示在他們的網頁上的信息。但問題是,就像信息過載,使用太多的列將壓倒用戶。 當超過2或3列被使用的,焦點通常從網頁消除。如果沒有焦點時,用戶根本不知道去哪裡找。取而代之的是,用戶的眼睛漫無目的地遊蕩整個網頁。這將導致用戶感到困惑和不知所措,可能會使他們去一個類似的網站,更清潔,更不太繁忙的佈局。 即使有重點,有可能將是一個4+欄佈局太多的信息。如果龐大的站點的內容(即Amazon.com)大量能夠用3欄佈局的工作,那麼沒有理由,任何其他網站無法這樣做。計劃你的佈局,你開始建立你的網站,你會發現,即使你有很多的信息和內容,有3欄佈局是綽綽有餘前。 快樂訪客 這5件事恨關於網頁設計是非常重要的 - 也許建立一個網站時,網頁設計師應該考慮的最重要的事情。所有5這些項目都有一個共同點:跟著當,用戶將有一個簡單,快速裝載,簡單的體驗,當他們訪問你的網站。還有什麼他們要求什麼呢?好吧,也許更少的廣告。 閱讀更多SEO/網頁設計的文章 | 其他SEO資料

沒有留言:

張貼留言