首頁

向優(yōu)美交互致敬!移動(dòng)端APP動(dòng)畫設(shè)計(jì)總結(jié)

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

扁平化界面設(shè)計(jì)越來越火爆,那么在弱化視覺效果的情況下,有ui設(shè)計(jì)師提到該從交互方面使體驗(yàn)更加愉悅,現(xiàn)在很多App界面設(shè)計(jì)也在努力朝這一方向發(fā)展,例如最近火遍全球倍受好評(píng)的 《FACEBOOK PAPER 中23個(gè)的設(shè)計(jì)細(xì)節(jié)》,還有《設(shè)計(jì)師新寵!交互神器ORIGAMI》等都足以讓人期待交互的未來。

今天藍(lán)藍(lán)設(shè)計(jì)收集總結(jié)了一組移動(dòng)端的App動(dòng)畫設(shè)計(jì),朋友們可以學(xué)習(xí)一下。

百度云UE負(fù)責(zé)人@elya妞也分享了一篇App動(dòng)態(tài)設(shè)計(jì)的好文,基礎(chǔ)不行的同學(xué)可以補(bǔ)補(bǔ):
提升品質(zhì)!豐富App動(dòng)態(tài)效果的六點(diǎn)原則

1、flipboard:

利用上下動(dòng)畫來切換到下一個(gè)界面(由于網(wǎng)慢數(shù)據(jù)沒有加載出來);

flipboard:剛毅的上下動(dòng)畫來切換到下一個(gè)界面(由于網(wǎng)慢數(shù)據(jù)沒有加載出來);

漂亮的切換開關(guān)UI PSD

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

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

Toggle Switch PSD

實(shí)用資源!注冊(cè)登錄界面PSD免費(fèi)下載

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

在這篇文章中藍(lán)藍(lán)設(shè)計(jì)收集了許多可免費(fèi)下載的注冊(cè)登錄界面設(shè)計(jì)PSD,從簡(jiǎn)潔的扁平化到精致的擬物化ui設(shè)計(jì)都有,童鞋們可以依自己的需求擇優(yōu)而求。

Login Free PSD

login-free-psd

產(chǎn)品設(shè)計(jì)的八個(gè)原則

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

產(chǎn)品設(shè)計(jì)中,產(chǎn)品界面、使用情景、用戶操作等都會(huì)影響用戶對(duì)產(chǎn)品的體驗(yàn)。因此我們?cè)?a href="/" target="_blank">ui設(shè)計(jì)的過程中應(yīng)遵循一定的原則,避免設(shè)計(jì)者片面的根據(jù)自己主觀認(rèn)識(shí)對(duì)產(chǎn)品做出抉擇。

原則1:用戶界面設(shè)計(jì)應(yīng)該是基于用戶的心里模型,而不是基于工程實(shí)現(xiàn)模型

就是把后臺(tái)本來很復(fù)雜的事情通過設(shè)計(jì)符合用戶日常生活中常用的瀏覽方式或操作方式。其實(shí)這一點(diǎn)是設(shè)計(jì)師把生活中的細(xì)節(jié)和數(shù)據(jù)結(jié)合的凝聚點(diǎn),用戶的心理模型抓的越準(zhǔn),界面就會(huì)越優(yōu)秀。

如何做一款成功的應(yīng)用

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

藍(lán)藍(lán)設(shè)計(jì)從自身豐富的應(yīng)用開發(fā)設(shè)計(jì)實(shí)踐經(jīng)驗(yàn)和大量的優(yōu)秀界面設(shè)計(jì)應(yīng)用實(shí)例中,總結(jié)提煉了從產(chǎn)品概念、ui設(shè)計(jì)、開發(fā)到市場(chǎng)推廣等一系列的相關(guān)原則,指導(dǎo)移動(dòng)開發(fā)人員怎樣來打造一款成功賺錢的應(yīng)用。姍姍來遲的這篇文章希望給大家?guī)硪恍└形蚺c幫助。

原文地址:http://bouu.cn/ 

絕大多數(shù)應(yīng)用都失敗了。 這個(gè)殘酷的現(xiàn)實(shí)令很多幻想破滅的開發(fā)者開始認(rèn)為,在Apple store中成功就像在淘金熱潮中致富一樣:你所需要的僅僅是運(yùn)氣。

image001

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

靈感風(fēng)暴!將滾屏玩出新奇花樣的網(wǎng)站

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

曾經(jīng)有一段時(shí)間,大伙兒都在努力把網(wǎng)頁內(nèi)容全部塞進(jìn)首屏。今時(shí)不同往日,網(wǎng)站設(shè)計(jì)師和開發(fā)者們不再害怕滾屏,而是將背景漸進(jìn)展示、頁面元素動(dòng)畫以及其它基于滾屏動(dòng)作的酷炫效果融入其中,把滾屏當(dāng)作一個(gè)吸引訪客的絕佳靚點(diǎn)來好好展現(xiàn)。

為了給親們帶來新的ui設(shè)計(jì)靈感,藍(lán)藍(lán)設(shè)計(jì)特意收集了一系列把滾屏玩出新花樣的網(wǎng)站界面設(shè)計(jì),跟我來感受一下吧!

Hot Dot

19 Websites with Extremely Creative Scrolling Effects

不能落伍!2014年網(wǎng)頁設(shè)計(jì)趨勢(shì)預(yù)測(cè)

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

年尾總結(jié)年初預(yù)測(cè)已經(jīng)成為了多數(shù)人的習(xí)慣。2013年很多人以為世界真的會(huì)末日,我們真的看不到2014年的日出,但是事情并沒有發(fā)生, 我們順利的活到了2014年,那么今年的網(wǎng)頁設(shè)計(jì)領(lǐng)域又有什么新的發(fā)展呢?是延續(xù)經(jīng)典還是推陳出新?通過大師的預(yù)測(cè),我們發(fā)現(xiàn)了一些蛛絲馬跡,那么今天藍(lán)藍(lán)設(shè)計(jì)就來給大家分享一下這些寶貴的信息!如果你有什么想法記得在下方的評(píng)論里告訴我們呦~

01. 先進(jìn)的雜志式布局

來看看2014年網(wǎng)頁設(shè)計(jì)趨勢(shì)預(yù)測(cè)

運(yùn)用大圖的網(wǎng)頁設(shè)計(jì)案例賞析

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

最近的網(wǎng)頁設(shè)計(jì)中,有許多網(wǎng)頁是運(yùn)用大圖元素作為網(wǎng)頁背景來做界面設(shè)計(jì)。一張好看的圖片能吸引大家注意力和點(diǎn)擊的欲望,并讓你的網(wǎng)站更有設(shè)計(jì)感。不妨一起來看看今天藍(lán)藍(lán)設(shè)計(jì)推薦給大家的這些運(yùn)用大圖的網(wǎng)頁設(shè)計(jì)案例,看看有哪些你可以學(xué)習(xí)并運(yùn)用到下一次的ui設(shè)計(jì)當(dāng)中。

Big Cartel Shop

damndigital_21-inspiring-examples-of-big-images-in-web-design_big-cartel-shop

創(chuàng)意十足的網(wǎng)頁頁眉設(shè)計(jì)

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

近年來,網(wǎng)頁頁眉(Header)的概念逐漸被重新定義,從單純用來放置一個(gè)標(biāo)準(zhǔn)logo和簡(jiǎn)單菜單的空間變得越來越受網(wǎng)頁設(shè)計(jì)者的重視。頁眉設(shè)計(jì)依靠獨(dú)特的設(shè)計(jì)手法,搭配上創(chuàng)意優(yōu)秀的圖片,可以讓網(wǎng)頁界面設(shè)計(jì)突破空間界限,給人留下深刻的印象。這里有藍(lán)藍(lán)設(shè)計(jì)收集的賞心悅目的國(guó)外網(wǎng)頁頁眉設(shè)計(jì),以供欣賞借鑒。20120519_3be062705c26e096e96by9mL10YL3tY3

20120519_fb9c574bfe5a5504adbfpRAuA7H9I95X

鼓舞人心的簡(jiǎn)約網(wǎng)站設(shè)計(jì)

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

人們總是很高興瀏覽一些漂亮和干凈的網(wǎng)站,這些ui設(shè)計(jì)并不樸素?zé)o聊,你可以有顏色,紋理,插圖或者其他元素,但要記住簡(jiǎn)潔的界面設(shè)計(jì)理念是簡(jiǎn)單的東西,刪減不必要的元素。那么請(qǐng)朋友們一起欣賞藍(lán)藍(lán)設(shè)計(jì)搜集到的鼓舞人心的簡(jiǎn)約網(wǎng)站設(shè)計(jì)。

http://livingedge.com.au/

cleansites02

日歷

鏈接

個(gè)人資料

存檔