2012年網頁設計網頁設計趨勢的變化而變
一年將又過去了,讓我們來看看跟著網頁設計下來的一年網頁設計將會有什麽新趨勢。網頁設計如萬物般變化萬千,但總有其規律,我們是可以預見它即將要變化的地方。隨著時間的遷移,人們的視覺的改變,趨勢的改變是必然的,作爲網頁開發者,網頁設計師,需要做的是緊跟時代的腳步,時刻關注。

當你閱讀此文時,你可能會發現有些變化跟“2011年網頁設計發展趨勢”中提到的相差不大,也可能有些變化你已經意識到。一切都不奇怪,趨勢不是瞬間的,趨勢的變化是一個過程。

1、響應式網頁設計
我相信將來我們不再會在趨勢中討論響應式網頁設計,不是因爲它將會消失,而是網頁設計必需的原則。不過,我認爲2012年暫時不會出現這樣的局面。因爲它還屬于比較新的概念,目前還有很多設計師對該概念還不是很熟悉。

2012年將會有更多的移動設備繼續引進和采用響應式網頁設計。網頁設計師和開發者將會使用將使網頁設計公司用流體布局,而不是固定寬度,更多的樣式表被查詢設備選擇 – 這樣讓網站在不同屏幕尺寸的設備都能夠擁有完美的顯示。

2。固定位置的導航
我們看到很多個人網站和博客已經開始采用這種設計。但我發現這種風潮在2010-2011年期間曾有所回落,但在最近幾個月開始回潮。
如果你的網站的導航並不需要放置太多的鏈接,寥寥幾個主要鏈接爲何不保持用戶始終可見?這可以大大提供網站的性能甚至更易于融入整個頁面布局。這種設計鎖定導航和鏈接/logo在固定的位置,即使用戶固定頁面也能快速通過導航訪問其他頁面。

現在使用一些jQuery原型即可快速達到這種效果。即使沒有JavaScript,也可以使用一些炫酷的CSS Code以達到效果。在2011年已經有很多網站的使用固定的導航欄,即導航不隨頁面滾動或頁面切換而改變位置和重新載入,始終懸放頁屏幕的一個位置。Simon Wuyts 就是用了這一效果,你可以通過實例體驗這種技術。

以前的你可能從不會考慮將頁面設計成易于顯示的幻燈片風格。不過,這不單能消除分辨率不兼容的顧慮,而且導航系統更易于使用和對移動浏覽器完美兼容。在即將來臨的2012年裏我建議你重新考慮這種設計,重新對頁面進行布局。

3。 圓形設計
這一趨勢其實已在網頁設計有點明顯,但近幾年有點偃旗息鼓。在Web2。0熱潮,設計師更注重基于台式機的趨勢,如陰影和圓角。但使用CSS3,就可以輕松實現花俏的方塊效果。

此外,你可以設計圓形式和陰影不需要使用任何圖片。由于這些功能,設計師開始從另一個角度看圖像。一直以來我都留意設計師們的各種設計,發現圓形元素的使用頻率越來越大。這些圓形設計可以作爲導航鏈接,頁腳圖標,甚至可用台中網頁設計于個人作品等展示。

But the most extreme examples aren’t always the best。 圓形讓圖像看起來更加光滑舒服,更容易吸引訪客的目光和關注。使用這些元素特別標注設計中的特別區域,如有用的資源和主要的頁面等。但切勿爲了形狀本身而忽略效果,否則適得其反。

4。 大幅矢量圖
你可以在你的網站使用超大的吉祥物打造你的品牌。幾年前你很難在網絡品牌中找到使用大量矢量圖的案例。但現在設計師的專業水平越來越高,這樣我想不到比使用可愛的動畫矢量圖來營銷品牌的點子。

Mozilla和Firefox的動物形象矢量圖就是一個不錯的例子。MailChimp則又是一個優秀的案例,品牌形象的個子就更大了。無論是網站還是 iOS、Android應用都能清晰看到那只有趣的猴子郵遞員。

此外Freelance Switch網站的吉祥物小帥哥,也是我久不能忘的設計。你可以在他們的網站布局發現各種各樣的吉祥物矢量圖。這種做法已經成爲網站美學的新境界,我有理由相信2012年你將會到處都看到這些可愛的矢量標志設計。

5。 多列菜單
不同于前面的例子,有時候有的網站的鏈接較多需要處理。若按照標准型的導航排列會顯得過于淩亂和擁擠,除非你將鏈接放置到邊欄。但經驗告訴我們,鏈接放置在頁面頂部,有利于用戶體驗。

跟著下來的一年或者新的趨勢會改變這個局面,設計師可以對頁面導航重建。跟著下來的一年或者新的趨勢會改變這個局面,設計師可以對頁面導航重建。思維是一張黑白畫,但卻意境無限,等待你的挖掘。多列布局的導航更美讓人看起來更舒服,通過這種方式你可以在Logo周圍顯示更多的鏈接給網站的訪客。

創造舒適的設計風格的最佳方式是實踐,閱讀最近的關于網頁設計的一些文章來學習Web導航設計的最新趨勢。作爲設計師,應該擁有跳躍的思維,嘗試最新的東西。對標准的導航設計進行改革是每個設計師都要堅持的實踐活動。

6。 jQuery/CSS3/HTML5動畫
我經常推薦的jQuery插件。網頁設計必須包括用戶體驗、美學和動畫等多方面的內容。隨著JQuery和CSS3的不斷進步,現在可以用很少的代碼就能達到非常酷的效果。

過去的一年我不斷地學習網絡上相關的教程。了解到jQuery是目前前端效果最優秀的但並不是所有浏覽器都支持。因此,通過CSS來實現浏覽器兼容也不失是個好辦法。2012年越來越近,相信開發者們又有了新的動態,讓我們拭目以待,期待jQuery/CSS3/HTML5時代的到來。

7。絲帶及橫幅圖形
在2011年我就開始密切注意到這樣的設計元素。設計師們開始編寫關于設計絲帶風格頁面、橫幅、書簽或其他類型的徽章的教程。大量免費教程的出現使得越來越多設計師開始跟隨這樣的趨勢。

你很可能爲過去短短的6個月裏出現這種風格設計的網站的數量感到驚訝。勇于嘗新的設計師們頻繁在新的軟件和移動應用程序中使用絲帶設計風格。此外你會發現博客免費下載或者熱門文章欄目使用這類的橫幅設計。我還特別地收集了這類的設計的PSD素材,有興趣的可以嘗試下載來參看下:

8。 自定義字體
免費字體庫Typekit爲任何感興趣的網頁設計師提供免費試用。有了這個工具你在網站嵌入JavaScript即可在CSS中實現自定義字體。在2011年這個趨勢已經很明顯,已經有部分WordPress設計師嘗試使用這方法讓自己的博客變得與衆不同。

幾年前,Typekit還是一個不起眼的系統,直到現在Google Web Fonts提供資金支持,現在它開始變得非常受歡迎。你只要找到字體庫擁有的字體,Goole就提供相應的代碼。你只需要在HTML添加相應的代碼和CSS修改字體名稱。

越來越多的人開始使用這樣服務。甚至有開發人員專門開發了免費的插件,這樣安裝自定義字體就變得更加簡單了。不需要上傳字體,沒有服務器壓力和鮮有出現錯誤。博主們應該關注這個趨勢,使用一些適合自己的博客的字體。

9。信息圖表
這個趨勢或者對網頁設計的大局影響不大,但有利于用戶體驗和信息圖表符合新媒體的發展。以前鮮有網站使用這樣的方式,即使你勉強了解當中所展示的數據、圖表或圖像。

信息圖表並不是對所有網站都適用。而且制作這樣的圖表需要花費大量的時間在Photoshop上。但如果你是這方面的人才,自己的網站有需要這樣的圖標,不妨嘗試下,會給你的網站訪客全新的感受。相比以前,現在的網絡包含更多的信息,我們可以從中收取或共享信息,而信息圖表正是這樣的體驗,能夠加快互聯網的發展和體驗互聯網精神。

10。 簡潔
任何網站都有一個目的就是使訪客從A點訪問到B點。簡單,直觀的界面是最直接的方法。在過去的5年,我發現現在越來越流行簡單的設計。道理很簡單,頁面元素也少,遊客自然將目光集中在內容和鏈接上。

我們可以找到很多這樣的例子。在今年五月,我們就列舉一批非常優秀的案例。

但重新布局一個簡單的界面並不是一件易事。你需要起草導航架構,頁面層次結構,頭部,內容區域等。不過花時間做好規劃可以大大簡化你的工作。

小結
以上趨勢僅僅是我們根據現階段和以前網頁設計的發展曆史所預測,但未來是不可以預知的,因此未來的網頁設計會不斷地變化。現在的網頁設計師也一直地學習和嘗試新的東西,只要我們時刻留意網頁設計的發展,學習新的技術和設計,相信所設計的網頁也會相當不錯的。

arrow
arrow
    全站熱搜

    tupian11 發表在 痞客邦 留言(0) 人氣()