萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 有趣新穎的網站設計趨勢

有趣新穎的網站設計趨勢

   1、The Daily Beast

  鼓勵用戶一直往下浏覽

有趣新穎的網站設計趨勢 三聯

  The Daily Beast上面的“Read This List” 板塊設計得非常巧妙。首先這個網站從上而下是不同故事的合輯,每當你閱讀到不同的內容故事時,這個列表就會自動用淡灰色背景填充列表當下文章告知用戶。這種方式另一方面也是在鼓勵用戶繼續往下閱讀下一篇文章。我覺得這種提示性設計時非常贊的,特別是當你有許多故事時。

  2、start ups this is how design works

  讓用戶了解更多的內容

3

  如果你打開startupsthisishowdesignworks,你會看見頁面文章內容含有大量的黃色高亮顯示。每當你點擊這些特殊的詞匯或短語,你會在當前頁面得到一個解釋框,裡面是針對該高亮區域的解釋,形式有可能是圖文也有可能是視頻。總之你不再需要打開新的頁面浏覽完解釋再返回這個頁面。這種設計方式允許你閱讀更多的內容,獲取更多信息。

  3、Bamboo、mmenu

  移動端側滑菜單

Unnamed QQ Screenshot20140228233303

  現在使用移動端觀看網站的用戶越來越多,那些有趣的交互方式給用戶帶來了莫大的幫助。許多智能手機app為用戶提供了右滑彈出導航菜單,有許多這方面的模板,比如 Bamboo 和 mmenu,而如果你想用WordPress插件,嘗試一下mobile.nav也不錯。

  4、Medium

  讓用戶隨時隨地參與評論

Unnamed QQ Screenshot20140228233333

  在Medium上我喜歡在上下文間有一個小便簽展示用戶和作者之間的交流。當你打開任何一篇文章,你都可以突出某一高亮文本,然後留下一個便條/評論,這是用戶和作者之間有意思的交流方式,用戶可以選擇性地去評論他們想閱讀或者參與的內容。

  5、Ultimate Flyout Responsive Menu

  到底是單手操作強還是雙手呢?

Unnamed QQ Screenshot20140228233402

  傳統的網站導航都是設計在頁面的頂端,但是隨著移動用戶的激增,這個設計如果搬到移動端,可能會很不合適。研究表明,人們使用智能手機有49%的人習慣使用單手操作。那麼移動端的導航最好就要從頂部搬移,移到底部是比較OK的。這裡有一個WordPress插件 Ultimate Flyout Responsive Menu,提供響應式導航。

  6、Mac Pro

  無與倫比的敘事技巧

Unnamed QQ Screenshot20140228233459

  我們見過太多的視差滾動式網站,但當這種技術有效地和產品結合起來時可以敘述一個強有力的品牌故事,看看 Mac Pro。

  7、APPLE 風格、Android風格、微軟風格

  為你而設計

  響應式設計是一個新內容。如果你是一個蘋果迷,或許你會喜歡第一個的風格,而如果你鐘情於安卓,你會喜歡第二個。微軟是風格三。

10

  現在你看過了以上9種有趣的新設計,當然我也會錯過其他很多有趣的設計趨勢,你有什麼好料麼?

copyright © 萬盛學電腦網 all rights reserved