2014-4-17 藍(lán)藍(lán)設(shè)計的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計( m.sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
來源：http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
今天藍(lán)藍(lán)設(shè)計就再來詳細(xì)的聊聊其中一些新穎的網(wǎng)站設(shè)計趨勢，并且都用網(wǎng)站界面設(shè)計案例解析的形式推薦給大家，希望對您UI設(shè)計有啟發(fā)：）
更多網(wǎng)站界面設(shè)計案例解析：http://m.sillybuy.com/
1、The Daily Beast
鼓勵用戶一直往下瀏覽
The Daily Beast上面的“Read This List” 板塊設(shè)計得非常巧妙。首先這個網(wǎng)站設(shè)計從上而下是不同故事的合輯，每當(dāng)你閱讀到不同的內(nèi)容故事時，這個列表就會自動用淡灰色背景填充列表當(dāng)下文章告知用戶。這種方式另一方面也是在鼓勵用戶繼續(xù)往下閱讀下一篇文章。我覺得這種提示性設(shè)計時非常贊的，特別是當(dāng)你有許多故事時。
讓用戶了解更多的內(nèi)容
如果你打開startupsthisishowdesignworks，你會看見頁面文章內(nèi)容含有大量的黃色高亮顯示。每當(dāng)你點擊這些特殊的詞匯或短語，你會在當(dāng)前頁面得到一個解釋框，里面是針對該高亮區(qū)域的解釋，形式有可能是圖文也有可能是視頻?？傊悴辉傩枰蜷_新的頁面瀏覽完解釋再返回這個頁面。這種設(shè)計方式允許你閱讀更多的內(nèi)容，獲取更多信息。
移動端側(cè)滑菜單
現(xiàn)在使用移動端觀看網(wǎng)站的用戶越來越多，那些有趣的交互方式給用戶帶來了莫大的幫助。許多智能手機(jī)app為用戶提供了右滑彈出導(dǎo)航菜單，有許多這方面的模板，比如 Bamboo 和 mmenu，而如果你想用WordPress插件,嘗試一下mobile.nav也不錯。
讓用戶隨時隨地參與評論
在Medium上我喜歡在上下文間有一個小便簽展示用戶和作者之間的交流。當(dāng)你打開任何一篇文章，你都可以突出某一高亮文本，然后留下一個便條/評論，這是用戶和作者之間有意思的交流方式，用戶可以選擇性地去評論他們想閱讀或者參與的內(nèi)容。
到底是單手操作強還是雙手呢？
傳統(tǒng)的網(wǎng)站導(dǎo)航都是設(shè)計在頁面的頂端，但是隨著移動用戶的激增，這個設(shè)計如果搬到移動端，可能會很不合適。研究表明，人們使用智能手機(jī)有49%的人習(xí)慣使用單手操作。那么移動端的導(dǎo)航最好就要從頂部搬移，移到底部是比較OK的。這里有一個WordPress插件 Ultimate Flyout Responsive Menu，提供響應(yīng)式導(dǎo)航。
更多網(wǎng)站界面設(shè)計案例解析：http://m.sillybuy.com/
藍(lán)藍(lán)設(shè)計的小編 http://m.sillybuy.com