久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

優秀網站案例 從2012年看網站體驗的5大趨勢

  譯者注:拋磚引玉一篇趨勢淺文。此文提煉的比較精辟,讓人看完不由覺得“確實如此”。相比其他很多幾十條泛泛而談、泛泛而用的趨勢文章來說,算是精品哦。另外,文中有很多優秀網站案例,也值得我們學習。

  原文地址:The Top 5 Website UX Trends of 2012 http://uxmag.com/articles/the-top-5-website-ux-trends-of-2012

  2012年,用戶界面技術持續不斷發展,常常有效地模糊了設計、可用性以及技術之間的界限,從而為用戶帶來了可用性高、愉悅性強的綜合體驗。例如,無限滾動是一個讓用戶擁有更加無間斷連續體驗的技術。類似的,網頁排版技術的進步不僅體現在視覺上,也體現在可以更加清晰地傳達信息。

   1.單頁網站

優秀網站案例 從2012年看網站體驗的5大趨勢  三聯

  單頁網站隨處可見。大背景圖片、豐富的插圖和動畫技術常常被用來講故事、娛樂大眾以及表達明確清晰的信息。擺脫了傳統網站架構的限制,這種創意好、視覺美觀的單頁網站正蓬勃發展起來。Jess and Russ 和 Ben the Bodyguard是我(譯者注:原文作者)很最喜歡的兩個單頁網站(想看更多優秀案例,請點擊這里)。新的趨勢無論合適與否,都將被爭相模仿。這很容易導致網站風格的同質化,在某些情況下,還會讓體驗變得很糟糕。當然,如果運用得當,單頁網站將是很好的選擇。

   2. 無限滾動

    

騰訊CDC:從2012年看網站體驗的五大趨勢,互聯網的一些事

  用戶對無限滾動應該已經很熟悉了,可能他們自己還意識不到。無限滾動非常適合展現零散的、實時推送和按時間排列的信息,像Google images 或 Pinterest這類含有大量圖片的網站很好的使用了這項技術,但是謹慎地執行來避免用戶產生挫敗感很重要。Lookbook也是一個很好的案例,無限滾動通過浮動的無線滾動條并結合一個“回到頂部”的按鈕,讓用戶既可以不間斷地瀏覽,也能輕松找到其他部分。無限滾動并不是一個萬全之策,所以我們需要考慮充分才能使用。其實對于搜索結果、長列表和電子商務來說,頁碼標注也許才是最好的選擇。

  3. 常駐導航

騰訊CDC:從2012年看網站體驗的五大趨勢,互聯網的一些事

  對于復雜的網站、長的滾動頁面或者有功能屬性的工具欄的網站來說,常駐導航是最佳選擇,由于它很容易讓用戶分心,所以需要弱化掉。 New Zealand’s tourism website 是一個很棒的案例,它只有一個頂部的導航欄,剩下的地方足夠讓主要部分展示內容。Gmail 網站同樣把用戶常用的操作放在了常駐的工具欄上。

   4. Web 2.0美學的逝去

騰訊CDC:從2012年看網站體驗的五大趨勢,互聯網的一些事

  我們發現,視覺設計的趨勢開始回歸本色。排版和信息層級上使用平的、清新的和簡單的方式,已經取代了Web2.0時代那種復雜、活潑、多層次的風格。很多網站和App甚至為了跨設備和屏幕分辨率舍棄了純CSS樣式那樣生動的圖形背景,比如我最喜歡的Basecamp, Dropbox和Smashing Magazine。

    5. 排版歸來

騰訊CDC:從2012年看網站體驗的五大趨勢,互聯網的一些事

  得益于大多數瀏覽器和設備渲染字體的技術越發成熟,設計師可以更加靈活地選擇適合網站風格的字體。現在大家已經越來越意識到內容的重要性,因此如何通過排版更加有效地傳達信息也顯得尤為重要。未來幾年內,在移動設備、響應式設計以及視網膜屏幕中,網站的排版仍然是一個重要焦點。比如我喜歡的一個網站 The New Yorker,正文采用了網站標準字體(Times New Roman),再配上設計過的標題和導航(字體分別是Irvin, Neutra),非常漂亮。

  2013年,我們將繼續尋找更多優秀的網站案例,它們會通過平衡視覺、可用性以及技術實現為用戶帶來更好的體驗。

  最后,譯者再附上兩篇關于2013設計趨勢的文章,有時間會再為大家奉上對應的譯文:

  http://theindustry.cc/2013/01/07/13-design-trends-for-2013/

  ——本文跨平臺、綜合地總結了13個設計趨勢

  http://www.hongkiat.com/blog/web-design-trend-2012/

  http://www.hongkiat.com/blog/web-design-trend-2013/

  ——作者在2012年和2013年初總結了當年的網站設計趨勢。我們可以來看看2012年的15條兌現了哪些,哪些還更需要努力,而2013的20條又有哪些新的趨勢呢?

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 欧美一级黑人aaaaaaa做受 | 99国内精品久久久久久久 | 精品成人免费一区二区在线播放 | 久久成人一区 | 精品国模一区二区三区欧美 | 精精国产xxxx视频在线播放7 | 99精品99 | 久久久婷婷 | 精品一区二区三区在线观看 | 国产在线色 | 欧美色综合一区二区三区 | 成人在线免费 | 福利网址 | 国产91久久久久久久免费 | 日韩精品一区二区三区在线观看 | 欧美一区二区免费视频 | 日韩视频在线一区 | 在线黄av | 日本一区二区高清不卡 | 精品日韩欧美一区二区 | 日韩成人在线免费视频 | 国产日产精品一区二区三区四区 | 国产 欧美 日韩 一区 | 9191av| 欧美韩一区二区 | 日本高清视频在线播放 | 精品亚洲国产成av人片传媒 | 精品国产乱码久久久久久图片 | 免费黄色在线观看 | 在线观看电影av | 日韩中文字幕一区二区 | 久久天天躁狠狠躁夜夜躁2014 | 国产精品福利在线 | 91伊人 | 婷婷五月色综合 | 成人免费在线视频 | 日本成年免费网站 | 国产一区二区在线视频 | 一区二区三区四区日韩 | 国产精品国产成人国产三级 | 网站国产 |