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

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

2010年網頁設計趨勢

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

1. 壓花 凸版

   

2. 豐富的用戶界面

   

3. PNG透明度

   

4. 大字體

   

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

   

6. 模態框

   

7. 媒體塊

   

8. 該雜志看

   

9. 旋轉木馬（幻燈片）

   

10. 簡介塊

    

現在讓我們進入細節，并采取在上文提出的趨勢每個一探究竟。

1。凸版

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

?

2。豐富的用戶界面

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

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

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

?

3。 PNG透明度

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

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

?

4。巨型印刷術

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

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

?

5。字體替換

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

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

?

6。模態盒（燈箱）

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

?

7。媒體塊

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

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

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

?

8。該雜志看

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

?

9。旋轉木馬（幻燈片）

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

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

?

10。簡介塊

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

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