在過去的幾個月中，我們分析了無數(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. 旋轉木馬（幻燈片）

   

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)場人氣。顯然，設計師正在試圖更好地融入實際的內容和背景圖像是一個風格，是在印刷媒體上經(jīng)常出現(xiàn)，例如，雜志的惡習。在大多數(shù)情況下，半透明的背景突出在一個網(wǎng)頁的整體背景，旨在強調一個重要的設計元素，如標題或聲明。 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)框（對話框窗口）在本質上是對彈出窗口的第二代。他們作為一個用戶友好代替經(jīng)典的JavaScript支持用戶通過窗口和重點網(wǎng)站的最重要方面的關注。模態(tài)窗口總是由用戶觸發(fā)的動作（如簽約或登錄），并出現(xiàn)在頂部的主要內容，就像是一個普通的桌面應用程序窗口。模態(tài)窗口往往以非常微妙的方式：他們往往是半透明和有一個“關閉”按鈕。

?

7。媒體塊

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

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

但請確保影片是一 替代 陳述（而不是主要或唯一！）您的網(wǎng)站內容。并不是每一個用戶有寬帶接入互聯(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。旋轉木馬（幻燈片）

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

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

?

10。簡介塊

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

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