信不信由你，側邊欄菜單將會是2014的一個新趨勢！實際上，菜單已經有相當長的一個歷史，最開始它只被用在計算機應用程序上，后來逐漸流行到社交媒體網站設計?，F在很多單頁界面設計的網站菜單都非常精美而便利。那么請欣賞一下藍藍設計收集到時尚創新的側邊欄菜單網頁設計。

Wanda Print

網站設計導航也采用了雙重菜單，而且篇幅很廣。菜單如此寬廣，排版如此簡潔，加上導航和背景產生的強烈對比，使得整個網站顯得非常微妙而自由。

今天藍藍設計要探討的可不是漸變，要探討的是移動界面設計中的漸變。我們來一起學習、感受一下現今移動界面設計中最流行的漸變吧。

推薦閱讀：
《一枚app圖標的設計文化》 
《超贊！高大上的動效設計方法及流程總結》

一、漸變作為界面的背景

iOS7 Lockscreen by Michael Shanks
神秘、優雅、頗具吸引力、簡單、只包含必要信息，半透明的解鎖條讓我們感受到細膩的質感。

經常在電視上看到各種飲料的動感廣告，但作為多媒體推廣最重要的一環，飲料自身的官方主題網站界面設計必然是很有看頭的：動感激情或優雅寧靜，通過明艷的視覺和新鮮的交互將產品推銷給顧客。那么朋友們和藍藍設計一起欣賞下面這些超酷的飲料類網站設計吧！

更多飲料類網站欣賞：http://www.0391cbd.com/

KOA Water

最近，一個朋友建議我寫點關于新聞類網站界面設計的分析：什么是正確的新聞類網頁設計，什么是錯誤的。他認為現今的線上新聞用戶體驗非常落后，讓人感到厭倦無比，而且只是他們不用心做罷了，采用AJAX或者類似的技術就能把內容呈遞的完善，而且導航做得十足精美。

一開始我非常贊同他的觀點。藍藍設計認為新聞類網站的約束在于：過去傳統的報紙以及雜志均為紙媒，動輒就在頁面里融入了那些根深蒂固的慣例。因此用戶在瀏覽時會發現，這類網站的感覺很熟悉，但是卻限制了視覺表現。與此同時大部分新聞類網站的用戶體驗設計非常差，經常會出現令人閱讀困難的小文本。

從《互聯網設計之道》開始，我知道這句話已經別人重復無數次了，如果把網絡比作一種媒介的話，那么網絡是流動的，是復雜的，也是美麗的。而且網絡的威力超出了大多數人的意料。
所以我們一起來看一下這些國際知名的新聞類網站，看看他們的優點與缺點。

歸根結底是移動端的用戶體驗

其實，主要還得是移動端用戶的體驗。然而很多新聞類網站并沒有將此類用戶納入考慮。當然，確實很多新聞網站已經出了iOS或者Android版本的原生應用，可惜效果并不理想，大部分的用戶下載完之后，用幾次就基本廢置到一旁了。

我們獲取信息的途徑是什么？因為太過官方，內容太過常規，現在的用戶很少主動瀏覽新聞類網站。他們通常是通過點擊朋友、親戚、網友的分享來得到信息。通過社交網絡，E-Mail，RSS Feed以及新聞源中的鏈接來得到信息。而鏈接導向的往往是網站，而不可能是應用。因此，每個新聞類網站都必須要注重移動端的用戶體驗?，F在用手機瀏覽消息的人實在是太多了。

那么問題又是什么？為什么新聞類網站不改進呢？
路很漫長，前方有兩塊絆腳石有待清除。

平面設計和網頁設計是兩個截然不同的領域，這兩個領域有不同的設計需求、設計實踐和設計方法。

例如，在網頁設計中更常使用基于像素或柵格的文件格式，諸如JPG、GIF或PNG。相反，在平面設計領域像logo這樣的圖形可能會用到不同尺寸，因此使用最多的格式則是EPS和AI這樣的矢量格式。然而，用于網頁界面設計的矢量格式，如SVG或HTML5 Canvas則不能廣泛應用，也不會被所有瀏覽器所支持。

另外，用于web端的圖形有基于它們自身的相關處理方式。其中一條便是你要時刻注意文件的大小，因為你需要使你的網頁加載越快越好。作為一名網頁ui設計師，你應當盡量減少HTTP對圖像的請求次數——無論通過減少圖片的使用數量還是將它們整合成CSS sprite——以及確保你選擇了正確的圖像格式，使其在圖像大小和質量間得以平衡。

Photoshop是平面設計師和網頁設計師使用的行業標準工具。以下是你在創建web端使用圖像時的一些簡單的小技巧。

1. 將圖片保存成Web所用格式

在網頁設計中，你必須確保你的圖像大小越小越好。當然，當你想要圖片完好顯示時可以拋棄這條原則。
在Photoshop中創建圖像的完美方法便是平衡質量與文件大小。
網頁設計師經常犯的一個錯誤便是使用“另存為”命令，而不是使用“存儲為Web所用格式”。

扁平化界面設計越來越火爆，那么在弱化視覺效果的情況下，有ui設計師提到該從交互方面使體驗更加愉悅，現在很多App界面設計也在努力朝這一方向發展，例如最近火遍全球倍受好評的 《FACEBOOK PAPER 中23個的設計細節》，還有《設計師新寵！交互神器ORIGAMI》等都足以讓人期待交互的未來。

今天藍藍設計收集總結了一組移動端的App動畫設計，朋友們可以學習一下。

百度云UE負責人@elya妞也分享了一篇App動態設計的好文，基礎不行的同學可以補補：
提升品質！豐富App動態效果的六點原則

1、flipboard：

利用上下動畫來切換到下一個界面（由于網慢數據沒有加載出來）；

用戶界面設計元素是現在的熱門焦點，我們很多設計師的工作已經和它息息相關。那么，如何提高UI設計水平呢？這也是一個永恒的話題，值得探索、值得鉆研。而今天要和您聊聊的是在用戶界面組件中，存在與網站和移動應用程序的切換開關ui設計，是不是很有價值的話題呢？設計師通常試圖優雅或吸引力的去設計各種形狀、尺寸和主題來詮釋自己對切換開關界面設計的理解。今天藍藍設計展示在下面的圖片，都是附帶psd源文件的，戳鏈接即可。這意味著，這些文件是完全可編輯的。你可以自由修改顏色或二次創新這些開關，直到在你的設計里看上去漂亮和諧。
Toggle Switch PSD

在這篇文章中藍藍設計收集了許多可免費下載的注冊登錄界面設計PSD，從簡潔的扁平化到精致的擬物化ui設計都有，童鞋們可以依自己的需求擇優而求。

Login Free PSD

在產品設計中，產品界面、使用情景、用戶操作等都會影響用戶對產品的體驗。因此我們在ui設計的過程中應遵循一定的原則，避免設計者片面的根據自己主觀認識對產品做出抉擇。

原則1：用戶界面設計應該是基于用戶的心里模型，而不是基于工程實現模型

就是把后臺本來很復雜的事情通過設計符合用戶日常生活中常用的瀏覽方式或操作方式。其實這一點是設計師把生活中的細節和數據結合的凝聚點，用戶的心理模型抓的越準，界面就會越優秀。

藍藍設計從自身豐富的應用開發設計實踐經驗和大量的優秀界面設計應用實例中，總結提煉了從產品概念、ui設計、開發到市場推廣等一系列的相關原則，指導移動開發人員怎樣來打造一款成功賺錢的應用。姍姍來遲的這篇文章希望給大家帶來一些感悟與幫助。

原文地址：http://www.0391cbd.com/ 

絕大多數應用都失敗了。 這個殘酷的現實令很多幻想破滅的開發者開始認為，在Apple store中成功就像在淘金熱潮中致富一樣：你所需要的僅僅是運氣。

“運氣論”這種想法是危險的，它就像是用來減輕失敗痛楚的麻醉藥。感到痛苦是件好事，這樣才能看到問題所在。如果我的應用失敗了，我會尋找失敗 的原因。與其埋怨那些超出你控制之外的因素，為什么不看看像tap tap tap和Tapbots這些公司做了些什么，可以讓他們一次次的成功。