2010年網(wǎng)頁設計，網(wǎng)站設計趨勢！

在過去的幾個月中，我們分析了無數(shù)的網(wǎng)絡設計，觀察新出現(xiàn)的趨勢，重許多設計決策和編碼解決方案的優(yōu)點。在這篇文章中，我們提出 2009年網(wǎng)頁設計趨勢：最近的事態(tài)發(fā)展，新的設計元素和新的圖形方法。我們還討論這些趨勢可以用一些美麗的例子和現(xiàn)在的情況。你有沒有錯過任何在本概述近期的發(fā)展？讓我們在評論中知道！

本文只包括了超過25個，我們已經(jīng)在過去10個月確定的趨勢。第二部分將在下周公布。我們將涵蓋新布局，新辦法和新的視覺設計元素。請繼續(xù)收看。

2010年網(wǎng)頁設計趨勢

讓我們先來看一看，我們發(fā)現(xiàn)的主要趨勢細看，發(fā)現(xiàn)和觀察到的最后幾個月。在本概述中，您會發(fā)現(xiàn)每個趨勢和更加美好的例子，可以激發(fā)你在你的下一個項目的審查。

1. 壓花 凸版

   

2. 豐富的用戶界面

   

3. PNG透明度

   

4. 大字體

   

5. 字體更換（sIFR那樣，等）

   

6. 模態(tài)框

   

7. 媒體塊

   

8. 該雜志看

   

9. 旋轉(zhuǎn)木馬（幻燈片）

   

10. 簡介塊

    

現(xiàn)在讓我們進入細節(jié)，并采取在上文提出的趨勢每個一探究竟。

1。凸版

最意想不到的，我們已經(jīng)觀察到的趨勢之一，是在過去幾個月出現(xiàn)了凸版（事實上是按字母）在網(wǎng)頁設計。也許是這種趨勢的最重要的原因是簡單的事實，這種技術到現(xiàn)在已經(jīng)很少使用。凸版是用于各種風格和各種網(wǎng)站和各種專題，特別是經(jīng)常使用在產(chǎn)品設計和在線服務的網(wǎng)站。

?

2。豐富的用戶界面

令人高興的是，在現(xiàn)代的網(wǎng)站和Web應用程序的用戶界面變得更美麗，更實用。在過去的一年中，這些應用的用戶體驗大大改善，在豐富和響應的用戶界面，與傳統(tǒng)的桌面應用程序產(chǎn)生了巨大的相似之處。 AJAX和Flash是用來為用戶提供廣泛的動態(tài)互動，他們所期望的先進，成熟，專業(yè)的解決方案。

特別是，我們已經(jīng)看到在過去一年更白的空間，更多和更填充各種設計元素的空間。我們還指出，許多現(xiàn)代用戶界面顯示直觀的線索，傳達一個用戶與系統(tǒng)交互的狀態(tài)。例如，在被點擊，活動經(jīng)常改變它們的外觀按鈕從“正常”到“按下”外觀（如在 Newspond.com 和 Quicksnapper.com），確認并提供用戶與系統(tǒng)交互的即時反饋。除此之外，越來越多的服務現(xiàn)在可以由用戶進行個性化：對我們來說，這是一個明確信號， 自適應用戶界面是在2009年來。

這兩個例子證明了Web應用程序設計人員付出更多人關注在其中的功能，提出并試圖改善與更多的互動和響應解決方案的用戶體驗方式。

?

3。 PNG透明度

巴紐透明度，雖然由Internet Explorer 6不支持，似乎已經(jīng)獲得了對過去一年的現(xiàn)場人氣。顯然，設計師正在試圖更好地融入實際的內(nèi)容和背景圖像是一個風格，是在印刷媒體上經(jīng)常出現(xiàn)，例如，雜志的惡習。在大多數(shù)情況下，半透明的背景突出在一個網(wǎng)頁的整體背景，旨在強調(diào)一個重要的設計元素，如標題或聲明。 PNG透明有時被用于模態(tài)框的背景以及。

去年，我們描述了各種方法中，可以 在網(wǎng)頁的透明度得到創(chuàng)意設計和許多設計師似乎與他們的工作這些技術實驗。有趣的是，經(jīng)常使用的透明度，無論是在頁眉或頁腳的設計，但 一些設計 超越的。

?

4。巨型印刷術

我們介紹了一些優(yōu)秀的大字體的例子 以前 職位。 2009年，大字體應仍受歡迎。特別是，設計機構，投資組合，產(chǎn)品的網(wǎng)站和在線服務，將使用大字體來傳達他們的網(wǎng)站最重要的信息。

這些設計元素的字體大小往往超出36像素，而且在許多情況下是相當昂貴的字體用來達到觀眾?？傮w而言，設計人員更密切地關注印刷細節(jié)，如領導，行高和字體的選擇。后果：網(wǎng)站更美麗，更一致，并期待扎實可靠。

?

5。字體替換

作為設計師更注重排版，他們更注重的是為在網(wǎng)站的正文字體。雖然如黑體，宋體，格魯吉亞和Verdana經(jīng)典無疑是占主導地位，我們觀察到輕微的趨勢走向字體替換（例如，與sIFR那樣）。

有趣的是，這些字體通常在網(wǎng)站的無縫設計集成，他們幾乎從來沒有使用過為了自己，或者只是為了“升級”的網(wǎng)站版式。設計師正試圖融合漂亮的印刷字體和逮捕的視覺設計，以提高網(wǎng)站的外觀和改善用戶體驗。

?

6。模態(tài)盒（燈箱）

模態(tài)框（對話框窗口）在本質(zhì)上是對彈出窗口的第二代。他們作為一個用戶友好代替經(jīng)典的JavaScript支持用戶通過窗口和重點網(wǎng)站的最重要方面的關注。模態(tài)窗口總是由用戶觸發(fā)的動作（如簽約或登錄），并出現(xiàn)在頂部的主要內(nèi)容，就像是一個普通的桌面應用程序窗口。模態(tài)窗口往往以非常微妙的方式：他們往往是半透明和有一個“關閉”按鈕。

?

7。媒體塊

隨著越來越多的寬帶互聯(lián)網(wǎng)接入，用戶現(xiàn)在可以瀏覽到更多的能力比他們幾年前一對夫婦，設計人員可以利用這個機會以一種更有吸引力的內(nèi)容和令人難忘的方式。因此，難怪許多產(chǎn)品網(wǎng)站使用媒體塊的視頻和screencasts（對于這個目的）。這種元素的主要優(yōu)點是，可以迅速有效地溝通的內(nèi)容，使用戶更方便地消費信息。

用戶只是靠在椅子上欣賞節(jié)目，他們得到的一切向他們解釋，一步一步，而不必點擊，搜索描述或?qū)W習導航。這些電影通常很短，直接到這一點，他們大多是正式的，但可以娛樂，太。

但請確保影片是一 替代 陳述（而不是主要或唯一?。┠木W(wǎng)站內(nèi)容。并不是每一個用戶有寬帶接入互聯(lián)網(wǎng)，而不是每個用戶愿意觀看視頻（例如，因為他或她可能有一臺收音機或音樂播放的背景），而不是每個用戶有Flash和JavaScript安裝在他或她機器。

?

8。該雜志看

一個有趣的博客設計的發(fā)展是各種技術的適應通常在傳統(tǒng)的發(fā)現(xiàn)（印刷版）媒體。該網(wǎng)頁上的職位安排，使用的排版，插圖，甚至文本對齊往往類似于從傳統(tǒng)的印刷技術。 基于網(wǎng)格的設計 漸受歡迎，但也可用于投資組合，產(chǎn)品的網(wǎng)頁和博客大多大，他們幾乎從來沒有出現(xiàn)在公司網(wǎng)站或網(wǎng)上商店。

?

9。旋轉(zhuǎn)木馬（幻燈片）

旋轉(zhuǎn)木馬基本上幻燈片導航，其中的內(nèi)容垂直或水平旋轉(zhuǎn)（因此命名為“旋轉(zhuǎn)木馬”）。要旋轉(zhuǎn)的導航，用戶需要點擊兩（通常是左/右或上/下箭頭）切換元素之一。根據(jù)元素的切換選擇，內(nèi)容是在預期的方向旋轉(zhuǎn)。

而不是通過網(wǎng)站為自己喜愛的故事各款點擊，用戶可以快速瀏覽或不必要的不垂直滾動鼠標移動可用的故事。其結(jié)果是：用戶節(jié)省時間，他們的注意力集中在傳送帶大幅的內(nèi)容，而不是與瀏覽器交互。這些幻燈片導航通常用于娛樂網(wǎng)站和大型博客，但設計者也使他們的投資組合中加以利用，以展示在一個更加互動的方式開展工作。

?

10。簡介塊

該網(wǎng)站的左上角區(qū)域是頁面上最重要的區(qū)塊，因為它抓起從旅客最關注的。因此，它可以完美的地方網(wǎng)站的權利還有最重要的信息，從而確保讀者獲取信息盡快。

事實上，這正是許多設計師在做什么。無論是一個Web應用，公司設計，網(wǎng)上服務或組合，設計師們正推動他們的口號，并簡要介紹到頁面頂部，使用的是強大的，生動的版式，使一個良好的第一印象。有些介紹很短，有的很長，在兩種情況下，他們通常采取了大量的空間，在布局的寬度和250至400像素，高度為這些引進塊的尺寸。請注意，雖然，引進塊幾乎從未出現(xiàn)在博客，很少在網(wǎng)上商店。