首頁

關(guān)注APP設(shè)計!漂亮的扁平風(fēng)格移動端界面

藍(lán)藍(lán)設(shè)計的小編

現(xiàn)在扁平化風(fēng)格在網(wǎng)頁設(shè)計方面已經(jīng)有許多優(yōu)秀的范例了,比如這22個超贊的扁平化設(shè)計經(jīng)典案例就有很多我們可以借鑒學(xué)習(xí)的地方。但是移動端的界面設(shè)計扁平化風(fēng)格較少,所以今天從BehanceDribbble收集的這一組移動端的扁平化設(shè)計就該好好看看咯,學(xué)習(xí)一下它們優(yōu)秀的細(xì)節(jié)和配色吧 : ) 一定可以幫住大家提高ui設(shè)計服務(wù)能力的,讓您在ui設(shè)計公司立穩(wěn)腳步,處于不敗之地。

 

uiGo Colors – iOS Flat UI Bundle

值得參考的28個登陸界面設(shè)計

藍(lán)藍(lán)設(shè)計的小編

登陸界面設(shè)計網(wǎng)站設(shè)計結(jié)構(gòu)中極為重要的一個頁面,需要優(yōu)秀的外觀設(shè)計和良好的用戶體驗并存。
藍(lán)藍(lán)設(shè)計這次收集了28個網(wǎng)站設(shè)計登陸的界面設(shè)計,充滿創(chuàng)意和智慧,值得參考。

那些迷人的按鈕設(shè)計

藍(lán)藍(lán)設(shè)計的小編

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

Radio fm buttons

20個音樂APP的概念化界面設(shè)計欣賞

藍(lán)藍(lán)設(shè)計的小編

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

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

1. Music App UI (iPhone) by Piotr Kwiatkowski

設(shè)計師的IPHONE注意了!8個免費的設(shè)計專屬APP放送

藍(lán)藍(lán)設(shè)計的小編

pptt_01

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

01. 3DMark(專業(yè)跑分)

best free iphone apps

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

50套用戶體驗極佳的移動UI賞析

藍(lán)藍(lán)設(shè)計的小編

QQ截圖20131103211639

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


一套精致的響應(yīng)式網(wǎng)頁設(shè)計模版PSD下載

藍(lán)藍(lán)設(shè)計的小編


超贊!難得的一套響應(yīng)式網(wǎng)頁設(shè)計模版,分別含iPad界面設(shè)計iPhone界面設(shè)計、PC界面設(shè)計。

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

溫馨提示:下載后打開PSD請記得戳開“智能對象”,記得!肯定會有一些同學(xué)會說怎么就一個圖層,那些頁面的詳細(xì)分層呢?為了給你解釋清楚藍(lán)藍(lán)設(shè)計做了一張解說圖。見下方!

智能對象縮略圖

22個iPhone食譜APP!餐飲類界面設(shè)計參考

藍(lán)藍(lán)設(shè)計的小編

各色各樣的餐飲類app界面設(shè)計

Recipes and Grocery List – BigOven

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

Real Recipes

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

IOS用戶體驗設(shè)計:如何構(gòu)建交互模式

藍(lán)藍(lán)設(shè)計的小編

Isolated blank book front

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

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

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

亞馬遜購買《iOS用戶體驗設(shè)計》

為了進(jìn)行交互建模,你需要更為詳細(xì)的工作流,而不是抽象且高層次的工作流,但也不需要過于詳細(xì)。交互模式的詳細(xì)程度取決于應(yīng)用的性質(zhì)。下面詳細(xì)剖析如何構(gòu)建交互模式:

如前所述,交互建模是對應(yīng)用的整體交互行為進(jìn)行定義,并規(guī)范如何運用或規(guī)劃這些交互行為來為用戶創(chuàng)建具有一致性的、易于理解的交互模式?!秈OS用戶體驗設(shè)計》第2章介紹了作為iOS用戶體驗基礎(chǔ)的概念模型和空間模型。分層平面和空間模型這兩種概念共同組成了iOS的基本交互模式??梢钥吹?,如果你能夠合理運用這些概念,它們就能發(fā)揮出巨大的力量。(參見圖1-1)

ue1

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

Default Plane 默認(rèn)層
Underlying Plane 隱含層
Superimposed Plane 疊加層

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

天氣遇上情感化設(shè)計—–折紙?zhí)鞖獾恼Q生

藍(lán)藍(lán)設(shè)計的小編

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

日歷

鏈接

個人資料

存檔