現在扁平化風格在網頁設計方面已經有許多優秀的范例了，比如這22個超贊的扁平化設計經典案例就有很多我們可以借鑒學習的地方。但是移動端的界面設計扁平化風格較少，所以今天從Behance和Dribbble收集的這一組移動端的扁平化設計就該好好看看咯，學習一下它們優秀的細節和配色吧 : ） 一定可以幫住大家提高ui設計服務能力的，讓您在ui設計公司立穩腳步，處于不敗之地。

uiGo Colors – iOS Flat UI Bundle

登陸界面設計是網站設計結構中極為重要的一個頁面，需要優秀的外觀設計和良好的用戶體驗并存。
藍藍設計這次收集了28個網站設計登陸的界面設計，充滿創意和智慧，值得參考。

按鈕是網頁設計最重要的組成元素之一，是用戶和網站進行交互的重要橋梁。要設計出優秀的按鈕是一件非常困難的事情，需要提供設計師的整體ui設計能力。因為設計師們需要從整體設計的角度考慮按鈕設計成什么樣的風格才能和頁面的其它部分很好的融合，同時按鈕的設計要操持風格的一致性。下面藍藍設計和大家分享網頁中15個迷人的按鈕設計案例，一起欣賞。相信可以幫住大家提高ui設計服務能力的，讓您在ui設計公司立穩腳步，處于不敗之地。

Radio fm buttons

我們對音樂的渴求，一刻都不曾減少?，F在無論上班途中、休息還是工作，我們總習慣先享受一下聽覺的盛宴。毫不夸張地說，音樂已成為了我們生活的一部分。

無論你從事的是動畫、3D還是平面設計甚至iPad界面設計，今天藍藍設計推薦的20個音樂APP的概念化界面設計欣賞當中，絕對有一款能令你上癮，設計師們趕緊來看看，都是免費的唷。一定可以幫住大家提高ui設計服務能力的，讓您在ui設計公司立穩腳步，處于不敗之地。 

1. Music App UI (iPhone) by Piotr Kwiatkowski

無論你從事的是動畫、3D還是平面設計甚至iPad界面設計，今天推薦的8款APP軟件界面設計當中，絕對有一款能令你上癮，設計師們趕緊來看看，都是免費的唷。一定可以幫住大家提高ui設計服務能力的，讓您在ui設計公司立穩腳步，處于不敗之地。

01. 3DMark（專業跑分）

3D Mark  曾經是futuremark公司的一款專為測量顯卡性能的軟件，現在的3Dmark已不僅僅是一款衡量顯卡性能的軟件，其已漸漸轉變成了一款衡量整機性能的軟件。好消息是它也出了IOS版，你可以用它來跑跑iPhone唷。

UI（用戶界面）與UX（用戶體驗）是密切聯系的，優秀的UI界面首先就能從視覺上給用戶極好的體驗，今天我們從Drrible和Behance上挑選了50套用戶體驗超棒的UI界面，包括了睡眠APP、天氣APP等等，還有對Facebook、Instagram、Ebay等應用的扁平化再設計，都非常棒呦！如果你正在設計UI界面，那么可得好好借鑒學習一下，希望能給你帶來靈感 : ）

超贊！難得的一套響應式網頁設計模版，分別含iPad界面設計、iPhone界面設計、PC界面設計。

這對最近有響應式設計項目的設計師來說，絕對是不可多得的五星干貨！
界面已經上傳@微盤 ，下載請戳http://vdisk.weibo.com/s/u6sEw
另外特別說明！本資源經官方授權（Cris）可以免費使用在個人和商業項目中。

溫馨提示：下載后打開PSD請記得戳開“智能對象”，記得！肯定會有一些同學會說怎么就一個圖層，那些頁面的詳細分層呢？為了給你解釋清楚藍藍設計做了一張解說圖。見下方！

各色各樣的餐飲類app界面設計

Recipes and Grocery List – BigOven

超過250000種食譜（包括你的和你朋友的），有了它，你的手機就是一個可移動的食品雜貨鋪和菜單！超過七億下載，圍起來可繞地球N圈！

Real Recipes

Real Recipes（iPhone和iPod touch有）為你提示做美食需要的工具、簡單的食材等。里面有灰常多其他用戶分享的食譜或者你自己的哆啦a夢菜譜口袋、食物計時器的鬧鐘等~對了！還有一個配方微調器，就是你可以在短時間內根據自己的需要調配完美的食譜，還有詳細的烹飪教程哦~

如何構建交互模式(選自《iOS用戶體驗設計》)

一個工作流可以產生大量的交互模式，在功能上每種模型都可以很相似，但在用戶體驗上差異就會很大了。如何通過具有特色的交互方式創建超越同類用戶體驗的應用就顯得至關重要了。

工作流的定義是所有交互設計活動的基礎。我們就是在定義工作流的過程中確定用戶與應用的交互方式。你可以根據想要實現的目標，在多種不同的層次上對其進行定義。在有些情況下，你只需要抽象地定義工作流，而不必關注其功能細節和具體的交互方式。這對確定功能集和一般流程之間的關系是很有價值的。而在另一些情況下，你則需要定義用戶可能會碰到的所有交互、事件以及狀態變化的邏輯，以清晰地勾勒出整個應用程序的操作方式。

亞馬遜購買《iOS用戶體驗設計》

為了進行交互建模，你需要更為詳細的工作流，而不是抽象且高層次的工作流，但也不需要過于詳細。交互模式的詳細程度取決于應用的性質。下面詳細剖析如何構建交互模式：

如前所述，交互建模是對應用的整體交互行為進行定義，并規范如何運用或規劃這些交互行為來為用戶創建具有一致性的、易于理解的交互模式?！秈OS用戶體驗設計》第2章介紹了作為iOS用戶體驗基礎的概念模型和空間模型。分層平面和空間模型這兩種概念共同組成了iOS的基本交互模式?？梢钥吹剑绻隳軌蚝侠磉\用這些概念，它們就能發揮出巨大的力量。（參見圖1-1）

圖1-1 iPhone中體驗到的iOS空間模型

Default Plane 默認層
Underlying Plane 隱含層
Superimposed Plane 疊加層

在開始交互建模時，你需要以一種抽象的方式進行思考。你不需要考慮具體的功能和內容，而要考慮應用所可能采用的各種不同的交互行為，由此來了解如何使用它們來控制界面上的元素。iOS為我們提供了大量的可選方案，比如，縮放、拖移、輕掃、滑動和滾動，等等。無論是單獨使用還是結合使用，這些手勢都可以用來創造出有趣的效果和截然不同的交互方式。

“hi，小米，明天一起去園博會哇？”
場景1：“好阿，等等…我查下天氣?！?見鬼！明天下雨，只能改天了?！?br /> “….（好失落）”
場景2：“好阿，等等…我查下天氣?！?太好了！明天陽光燦爛，走著！”
“走著??！”
不要誤會，這里不是社交平臺，也不是約會場合，以上兩種不同場景所帶來的不同心情，在你查看天氣情況時是否也遇到過？為什么越來越多的產品都融入了情感化的設計，其實產品的使用者，也就是我們都是情感化的動物（高級動物），在使用任何產品時我們都會有相應的心理訴求，如果你沒發現的話，那只是你還不善于觀察自己。