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