在過去的幾個月中,我們分析了無數(shù)的網(wǎng)絡(luò)設(shè)計,觀察新出現(xiàn)的趨勢,重許多設(shè)計決策和編碼解決方案的優(yōu)點。在這篇文章中,我們提出 2009年網(wǎng)頁設(shè)計趨勢:最近的事態(tài)發(fā)展,新的設(shè)計元素和新的圖形方法。我們還討論這些趨勢可以用一些美麗的例子和現(xiàn)在的情況。你有沒有錯過任何在本概述近期的發(fā)展?讓我們在評論中知道!
本文只包括了超過25個,我們已經(jīng)在過去10個月確定的趨勢。第二部分將在下周公布。我們將涵蓋新布局,新辦法和新的視覺設(shè)計元素。請繼續(xù)收看。
2010年網(wǎng)頁設(shè)計趨勢
讓我們先來看一看,我們發(fā)現(xiàn)的主要趨勢細(xì)看,發(fā)現(xiàn)和觀察到的最后幾個月。在本概述中,您會發(fā)現(xiàn)每個趨勢和更加美好的例子,可以激發(fā)你在你的下一個項目的審查。
現(xiàn)在讓我們進(jìn)入細(xì)節(jié),并采取在上文提出的趨勢每個一探究竟。
1。凸版
最意想不到的,我們已經(jīng)觀察到的趨勢之一,是在過去幾個月出現(xiàn)了凸版(事實上是按字母)在網(wǎng)頁設(shè)計。也許是這種趨勢的最重要的原因是簡單的事實,這種技術(shù)到現(xiàn)在已經(jīng)很少使用。凸版是用于各種風(fēng)格和各種網(wǎng)站和各種專題,特別是經(jīng)常使用在產(chǎn)品設(shè)計和在線服務(wù)的網(wǎng)站。
?
2。豐富的用戶界面
令人高興的是,在現(xiàn)代的網(wǎng)站和Web應(yīng)用程序的用戶界面變得更美麗,更實用。在過去的一年中,這些應(yīng)用的用戶體驗大大改善,在豐富和響應(yīng)的用戶界面,與傳統(tǒng)的桌面應(yīng)用程序產(chǎn)生了巨大的相似之處。 AJAX和Flash是用來為用戶提供廣泛的動態(tài)互動,他們所期望的先進(jìn),成熟,專業(yè)的解決方案。
特別是,我們已經(jīng)看到在過去一年更白的空間,更多和更填充各種設(shè)計元素的空間。我們還指出,許多現(xiàn)代用戶界面顯示直觀的線索,傳達(dá)一個用戶與系統(tǒng)交互的狀態(tài)。例如,在被點擊,活動經(jīng)常改變它們的外觀按鈕從“正常”到“按下”外觀(如在 Newspond.com 和 Quicksnapper.com),確認(rèn)并提供用戶與系統(tǒng)交互的即時反饋。除此之外,越來越多的服務(wù)現(xiàn)在可以由用戶進(jìn)行個性化:對我們來說,這是一個明確信號, 自適應(yīng)用戶界面是在2009年來。
這兩個例子證明了Web應(yīng)用程序設(shè)計人員付出更多人關(guān)注在其中的功能,提出并試圖改善與更多的互動和響應(yīng)解決方案的用戶體驗方式。
?
3。 PNG透明度
巴紐透明度,雖然由Internet Explorer 6不支持,似乎已經(jīng)獲得了對過去一年的現(xiàn)場人氣。顯然,設(shè)計師正在試圖更好地融入實際的內(nèi)容和背景圖像是一個風(fēng)格,是在印刷媒體上經(jīng)常出現(xiàn),例如,雜志的惡習(xí)。在大多數(shù)情況下,半透明的背景突出在一個網(wǎng)頁的整體背景,旨在強(qiáng)調(diào)一個重要的設(shè)計元素,如標(biāo)題或聲明。 PNG透明有時被用于模態(tài)框的背景以及。
去年,我們描述了各種方法中,可以 在網(wǎng)頁的透明度得到創(chuàng)意設(shè)計和許多設(shè)計師似乎與他們的工作這些技術(shù)實驗。有趣的是,經(jīng)常使用的透明度,無論是在頁眉或頁腳的設(shè)計,但 一些設(shè)計 超越的。
?
4。巨型印刷術(shù)
我們介紹了一些優(yōu)秀的大字體的例子 以前 職位。 2009年,大字體應(yīng)仍受歡迎。特別是,設(shè)計機(jī)構(gòu),投資組合,產(chǎn)品的網(wǎng)站和在線服務(wù),將使用大字體來傳達(dá)他們的網(wǎng)站最重要的信息。
這些設(shè)計元素的字體大小往往超出36像素,而且在許多情況下是相當(dāng)昂貴的字體用來達(dá)到觀眾??傮w而言,設(shè)計人員更密切地關(guān)注印刷細(xì)節(jié),如領(lǐng)導(dǎo),行高和字體的選擇。后果:網(wǎng)站更美麗,更一致,并期待扎實可靠。
?
5。字體替換
作為設(shè)計師更注重排版,他們更注重的是為在網(wǎng)站的正文字體。雖然如黑體,宋體,格魯吉亞和Verdana經(jīng)典無疑是占主導(dǎo)地位,我們觀察到輕微的趨勢走向字體替換(例如,與sIFR那樣)。
有趣的是,這些字體通常在網(wǎng)站的無縫設(shè)計集成,他們幾乎從來沒有使用過為了自己,或者只是為了“升級”的網(wǎng)站版式。設(shè)計師正試圖融合漂亮的印刷字體和逮捕的視覺設(shè)計,以提高網(wǎng)站的外觀和改善用戶體驗。
?
6。模態(tài)盒(燈箱)
模態(tài)框(對話框窗口)在本質(zhì)上是對彈出窗口的第二代。他們作為一個用戶友好代替經(jīng)典的JavaScript支持用戶通過窗口和重點網(wǎng)站的最重要方面的關(guān)注。模態(tài)窗口總是由用戶觸發(fā)的動作(如簽約或登錄),并出現(xiàn)在頂部的主要內(nèi)容,就像是一個普通的桌面應(yīng)用程序窗口。模態(tài)窗口往往以非常微妙的方式:他們往往是半透明和有一個“關(guān)閉”按鈕。
?
7。媒體塊
隨著越來越多的寬帶互聯(lián)網(wǎng)接入,用戶現(xiàn)在可以瀏覽到更多的能力比他們幾年前一對夫婦,設(shè)計人員可以利用這個機(jī)會以一種更有吸引力的內(nèi)容和令人難忘的方式。因此,難怪許多產(chǎn)品網(wǎng)站使用媒體塊的視頻和screencasts(對于這個目的)。這種元素的主要優(yōu)點是,可以迅速有效地溝通的內(nèi)容,使用戶更方便地消費(fèi)信息。
用戶只是靠在椅子上欣賞節(jié)目,他們得到的一切向他們解釋,一步一步,而不必點擊,搜索描述或?qū)W習(xí)導(dǎo)航。這些電影通常很短,直接到這一點,他們大多是正式的,但可以娛樂,太。
但請確保影片是一 替代 陳述(而不是主要或唯一?。┠木W(wǎng)站內(nèi)容。并不是每一個用戶有寬帶接入互聯(lián)網(wǎng),而不是每個用戶愿意觀看視頻(例如,因為他或她可能有一臺收音機(jī)或音樂播放的背景),而不是每個用戶有Flash和JavaScript安裝在他或她機(jī)器。
?
8。該雜志看
一個有趣的博客設(shè)計的發(fā)展是各種技術(shù)的適應(yīng)通常在傳統(tǒng)的發(fā)現(xiàn)(印刷版)媒體。該網(wǎng)頁上的職位安排,使用的排版,插圖,甚至文本對齊往往類似于從傳統(tǒng)的印刷技術(shù)。 基于網(wǎng)格的設(shè)計 漸受歡迎,但也可用于投資組合,產(chǎn)品的網(wǎng)頁和博客大多大,他們幾乎從來沒有出現(xiàn)在公司網(wǎng)站或網(wǎng)上商店。
?
9。旋轉(zhuǎn)木馬(幻燈片)
旋轉(zhuǎn)木馬基本上幻燈片導(dǎo)航,其中的內(nèi)容垂直或水平旋轉(zhuǎn)(因此命名為“旋轉(zhuǎn)木馬”)。要旋轉(zhuǎn)的導(dǎo)航,用戶需要點擊兩(通常是左/右或上/下箭頭)切換元素之一。根據(jù)元素的切換選擇,內(nèi)容是在預(yù)期的方向旋轉(zhuǎn)。
而不是通過網(wǎng)站為自己喜愛的故事各款點擊,用戶可以快速瀏覽或不必要的不垂直滾動鼠標(biāo)移動可用的故事。其結(jié)果是:用戶節(jié)省時間,他們的注意力集中在傳送帶大幅的內(nèi)容,而不是與瀏覽器交互。這些幻燈片導(dǎo)航通常用于娛樂網(wǎng)站和大型博客,但設(shè)計者也使他們的投資組合中加以利用,以展示在一個更加互動的方式開展工作。
?
10。簡介塊
該網(wǎng)站的左上角區(qū)域是頁面上最重要的區(qū)塊,因為它抓起從旅客最關(guān)注的。因此,它可以完美的地方網(wǎng)站的權(quán)利還有最重要的信息,從而確保讀者獲取信息盡快。
事實上,這正是許多設(shè)計師在做什么。無論是一個Web應(yīng)用,公司設(shè)計,網(wǎng)上服務(wù)或組合,設(shè)計師們正推動他們的口號,并簡要介紹到頁面頂部,使用的是強(qiáng)大的,生動的版式,使一個良好的第一印象。有些介紹很短,有的很長,在兩種情況下,他們通常采取了大量的空間,在布局的寬度和250至400像素,高度為這些引進(jìn)塊的尺寸。請注意,雖然,引進(jìn)塊幾乎從未出現(xiàn)在博客,很少在網(wǎng)上商店。
分類:經(jīng)典網(wǎng)站推薦 | 評論:0 | 引用:0 | 瀏覽:
- 相關(guān)文章:
-
35個神奇的HDR圖片??(2010-4-12 22:55:2)
令人驚嘆的桌面墻紙??(2010-4-11 22:55:0)
50個免費(fèi)的高質(zhì)量圖標(biāo)集!??(2010-4-11 22:52:54)
50個精美新鮮組合網(wǎng)站!??(2010-4-11 22:51:40)
基于CSS的免費(fèi)設(shè)計模板??(2010-4-11 22:47:51)
免費(fèi)字體設(shè)計!??(2010-4-11 22:40:26)
53個CSS技巧??(2010-4-11 22:29:15)
網(wǎng)頁排版設(shè)計模式和最佳實踐!??(2010-4-11 22:25:7)
10個有用的技術(shù)要改進(jìn)用戶界面設(shè)計??(2010-4-11 22:23:31)
設(shè)計網(wǎng)頁橫幅??(2010-4-11 22:16:54)
-
?
?
-----------------------------------------------------------------------------------------------------
我們的與眾不同之處:
??? 免費(fèi)網(wǎng)絡(luò)營銷顧問:我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營銷顧問服務(wù),您需要了解關(guān)于如何開展網(wǎng)絡(luò)營銷,電子商務(wù),網(wǎng)站設(shè)計等的事宜,歡迎隨時聯(lián)系我們。
??? seo友好的網(wǎng)站管理系統(tǒng):除了優(yōu)質(zhì)的網(wǎng)站空間,網(wǎng)站管理系統(tǒng),和網(wǎng)站設(shè)計外,我們的網(wǎng)站管理系統(tǒng)更是seo友好的,包括:自定義欄目名,Google Sitemap自動生成,靜態(tài)頁面生成等等,讓您的網(wǎng)站。
???? 免費(fèi)網(wǎng)絡(luò)營銷培訓(xùn):如何更好的投放網(wǎng)絡(luò)廣告,如何提高網(wǎng)絡(luò)廣告的投資回報,如何發(fā)帖子,
??? ?如何優(yōu)化網(wǎng)站,我們有豐富的經(jīng)驗開放給您!祝君成功!
聯(lián)系我們:010-62199213 62122723-808 賈先生
北京網(wǎng)站建設(shè)公司-傳誠信網(wǎng)站:m.saddlebargains.com?點擊查看經(jīng)典網(wǎng)站案例!