首頁(yè)

優(yōu)秀APP整體構(gòu)圖速成法

用心設(shè)計(jì)

位優(yōu)秀的移動(dòng)APP客戶端的UI設(shè)計(jì)師,在接到一個(gè)移動(dòng)case的時(shí)候,腦海中應(yīng)該浮現(xiàn)很多相關(guān)的一點(diǎn)APP UI碎片。

肯定很多人會(huì)說(shuō),擁有這個(gè)功力肯定不是應(yīng)屆APPUI畢業(yè)生所能掌握的。25學(xué)堂的小編說(shuō),未必。只要平常我們多安裝一些優(yōu)秀的APP、每天來(lái)欣賞一款獨(dú)特美的APP。

把這些好的APP 翻來(lái)覆去的瀏覽即可。

APP quick method 0

如何發(fā)現(xiàn)移動(dòng)端交互設(shè)計(jì)中的思維盲區(qū)?

用心設(shè)計(jì)

當(dāng)某個(gè)功能對(duì)數(shù)量有限制時(shí),操作的時(shí)機(jī)就變得很重要。以在app上報(bào)名班級(jí)(圖1)的操作為例,假設(shè)班級(jí)容量為20人,確認(rèn)報(bào)名訂單時(shí)暫
時(shí)扣去一個(gè)名額庫(kù)存,完成支付時(shí)完全扣去這個(gè)名額。如果當(dāng)你報(bào)名班級(jí)時(shí),名額已滿,但還有人未付款,這時(shí)系統(tǒng)應(yīng)該有什么提示?這和報(bào)名班級(jí)時(shí),班級(jí)絕對(duì)性
滿員(名額已滿,且所有人完成付款)的情況處理方式是不一樣的。另一種情況是,在你進(jìn)入確認(rèn)訂單頁(yè)時(shí),名額未滿,但當(dāng)你按下“確認(rèn)”訂單,此時(shí)名額已經(jīng)滿
了,也應(yīng)該有相應(yīng)的提示。像這種對(duì)數(shù)量敏感的功能,應(yīng)盡量明確地告訴用戶限制條件,當(dāng)前的相關(guān)狀態(tài)是怎樣的(未滿員,暫時(shí)滿員,或已滿員?),防止用戶進(jìn)
行不必要的操作。用戶若第一時(shí)間沒(méi)有理解,可能需要進(jìn)一步友好地提示。

如何發(fā)現(xiàn)交互設(shè)計(jì)中的思維盲區(qū)

拿什么拯救你,“尷尬”的UI界面?(一)

用心設(shè)計(jì)

在我的小心臟都快停跳了的時(shí)候,我的電影突然出現(xiàn)了。

這一點(diǎn)都不人性化好嗎?

相比之下,播放影片的界面就好多了。在遠(yuǎn)程遙控上點(diǎn)擊”播放”后,屏幕中顯示出整潔的提示,告訴我影片即將開始播

appletv

傳遞數(shù)據(jù)背后的故事——圖表設(shè)計(jì)

用心設(shè)計(jì)

圖表設(shè)計(jì)是數(shù)據(jù)可視化的一個(gè)分支領(lǐng)域,是對(duì)數(shù)據(jù)進(jìn)行二次加工,用統(tǒng)計(jì)圖表的方式進(jìn)行呈現(xiàn)。數(shù)據(jù)是事實(shí)或觀察的結(jié)果,是對(duì)客觀事物的邏輯歸納,通常一 個(gè)具體的數(shù)字比一個(gè)模糊的說(shuō)法更加具有可信度和說(shuō)服力。但單純的數(shù)字本身并不能提供足夠的影響力,假設(shè)一個(gè)淘寶女裝賣家3月份的成交金額是50萬(wàn),這個(gè)數(shù) 據(jù)本身并不能說(shuō)明什么問(wèn)題,但是當(dāng)你加上4月份60萬(wàn),5月份的成交金額70萬(wàn)等多個(gè)月的數(shù)據(jù),通過(guò)折線圖的方式呈現(xiàn),可以判斷出成交金額是上升趨勢(shì),再 結(jié)合去年同時(shí)段的銷售曲線進(jìn)行對(duì)比和其他維度信息的補(bǔ)充(圖1-1),可能推斷出是因?yàn)閾Q季所帶來(lái)得銷量增長(zhǎng),店鋪可以考慮加大夏季款的上新。所以我們說(shuō) 圖表是解讀數(shù)字的一種強(qiáng)有力的手段。

圖1-1

iOS和Android設(shè)計(jì)理念的演變

用心設(shè)計(jì)

IOS和Android是移動(dòng)操作系統(tǒng)中最大的兩個(gè)陣營(yíng)。毫無(wú)疑問(wèn),這兩個(gè)系統(tǒng)可以說(shuō)是手機(jī)行業(yè)里的一個(gè)奇跡,并且也在逐漸變得完善。

一部智能設(shè)備撇開眾多的功能不說(shuō),一套不錯(cuò)的UI界面和良好的交互模式是一部智能機(jī)的基礎(chǔ)。如果沒(méi)有有用的用戶界面,那么設(shè)備也不過(guò)是一塊沒(méi)有作用的電路板。

盡管這兩個(gè)操作系統(tǒng)更新迭代的時(shí)間有些漫長(zhǎng),但如果你壓縮每代系統(tǒng)更新的總時(shí)間來(lái)看,你就會(huì)發(fā)現(xiàn)IOS和Android在UI上面的變化還是挺大的。

在這里,我們以UI設(shè)計(jì)理念進(jìn)行對(duì)比,一起來(lái)看看這兩個(gè)操作系統(tǒng)隨時(shí)間的演變。

IOS和Android在UI上的開發(fā)

起源

想要App做得美,這些UI/UX設(shè)計(jì)趨勢(shì)你要知道啊

用心設(shè)計(jì)

在國(guó)內(nèi),移動(dòng)端的發(fā)展遠(yuǎn)遠(yuǎn)超過(guò)網(wǎng)頁(yè),初創(chuàng)公司們想拓展品牌都會(huì)首選手機(jī)App。那么你知道近期App設(shè)計(jì)風(fēng)格的趨勢(shì)么,想要做出不土、高逼格的App,以下的趨勢(shì)你是需要了解的。本文來(lái)自Medium文章,Mobile:2015 UI/UX Trend。虎嗅翻譯。

在設(shè)計(jì)中建立視覺(jué)層級(jí)

用心設(shè)計(jì)

在設(shè)計(jì)網(wǎng)站的時(shí)候,圖片資源會(huì)在很大程度上幫助你設(shè)置站點(diǎn),以及顏色,排版或者更多內(nèi)容的基調(diào)。如果圖片視覺(jué)元素沒(méi)有和設(shè)計(jì)正確的結(jié)合,他很可能會(huì)破壞你原本想呈現(xiàn)的感覺(jué)。

簡(jiǎn)約之道 – 最小化界面設(shè)計(jì)的起源

用心設(shè)計(jì)

設(shè)計(jì)師Brian Danaher的個(gè)人網(wǎng)站,在15寸MacBook Pro上瀏覽時(shí),留白占據(jù)了絕大部分空間;不同灰度的文字搭配一種關(guān)鍵色 – 屬于很多設(shè)計(jì)師所公認(rèn)的那種比較典型的極簡(jiǎn)風(fēng)格。

02-minimalist-ui-ux-design.png

日歷

鏈接

個(gè)人資料

存檔