首頁

移動端界面中的版式設(shè)計原理(上)

用心設(shè)計

對任何信息進(jìn)行排布的時候,首先必須要掌握的是對齊/重復(fù)/親密/對比,貫穿設(shè)計的四大原則。

對齊除了能建立一種清晰精巧的外觀,還能方便開發(fā)的實現(xiàn)。基于從左上至右下的閱讀習(xí)慣,移動端界面中內(nèi)容的排布通常使用左對齊和居中對齊,表單填寫的輸入項使用右對齊。

全部躺槍!UI設(shè)計師容易忽略的四個現(xiàn)實

周周

ui-designer-overlook-the-reality-1

@Akane_Lee :我遇到非常多這樣子的設(shè)計師,他們從不考慮「這樣設(shè)計稿交出去,工程師做不做得出來」的問題,也不愿意去了解什么叫「限制」和「規(guī)則」。如果你也想從畫圖標(biāo)的變成UI設(shè)計師,這篇干貨千萬要收藏。

打磨細(xì)節(jié)!超實用的移動端縮略圖設(shè)計攻略

周周

mobile-list-thumbnail-design-1

在列表中使用縮略圖,這樣一個簡單的需求,看似平淡無奇的設(shè)計,也有如此多的細(xì)節(jié)和原理可以挖掘。原文中推敲的過程非常值得學(xué)習(xí)和借鑒,來看今天@TerryFan 這篇譯文。

產(chǎn)品經(jīng)理如何去發(fā)掘新的APP產(chǎn)品需求

用心設(shè)計

移動產(chǎn)品經(jīng)理是每個APP產(chǎn)品牽頭人,在市場營銷部,對某個產(chǎn)品在集團(tuán)內(nèi)的盈虧負(fù)責(zé),并為這個產(chǎn)品的運作去協(xié)調(diào)所有的人,并充分地協(xié)調(diào)這個產(chǎn)品的所有運作環(huán)節(jié)和經(jīng)營活動。

同時,移動產(chǎn)品經(jīng)理還要認(rèn)真搜集用戶的新需求、競爭產(chǎn)品的資料,并進(jìn)行需求分析、 競品分析以及研究產(chǎn)品的發(fā)展趨勢等。

如qq音樂的APP界面設(shè)計如下:

移動產(chǎn)品經(jīng)理如何去發(fā)掘新的APP產(chǎn)品需求

超全面的APP數(shù)據(jù)圖表展現(xiàn)方式深度總結(jié)

周周

data-in-apps-summary-1

@騰訊ISUX Viconia:之前研究過一段數(shù)據(jù)圖表的最佳表達(dá)方式,隨著手機(jī)端應(yīng)用層出不窮地發(fā)展,這次將數(shù)據(jù)圖表的表現(xiàn)延用到手機(jī)端。相比 Web 端展示數(shù)據(jù)的空間優(yōu)勢,要兼顧手持設(shè)備的便捷、簡明而重點的特質(zhì),手機(jī)端該如何取舍?是否有更加合適的表現(xiàn)方式?下面是翻閱或試用了各種有數(shù)據(jù)的 App 后,將手機(jī)端應(yīng)用中值得借鑒的部分做了小小的總結(jié),也讓我自己對不同數(shù)據(jù)圖表的特性有更深的理解。

何讓移動端彈窗廣告投放更有效?兩種方案的A/B test

用心設(shè)計

無線場景下,無論是瀏覽wap頁面,還是使用原生的app,所有人都一定都碰到過“彈窗廣告”(如下圖),從用戶體驗設(shè)計的經(jīng)驗看,這種缺少用戶預(yù)期的廣告形式,可能會打斷原有的操作和認(rèn)知,對體驗的流暢有一定的負(fù)面影響,但從內(nèi)容的推廣角度看,彈窗廣告可以在短時間內(nèi)將廣告內(nèi)容強(qiáng)制展現(xiàn)給用戶,一定程度上迫使用戶閱讀和點擊,以達(dá)到更強(qiáng)的傳播效果。

案例實戰(zhàn)!淺聊淘寶閑魚發(fā)布界面的兩次改版

周周

taobao-xianyu-ui-redesign-1

編者按:建議剛學(xué)UI的同學(xué)多看這類改版經(jīng)驗總結(jié),提前學(xué)習(xí)交互設(shè)計的知識,在求職時能加不少分。習(xí)慣靠經(jīng)驗/感覺做設(shè)計的新人也別放過,這種實戰(zhàn)的案例結(jié)合書本看,能幫你更透徹地理解那些設(shè)計原則。不多說了,直接看文!

移動應(yīng)用界面設(shè)計7宗罪

周周

【譯者注】本文是移動原型工具Proto.io的設(shè)計團(tuán)隊8月份在自家博客上發(fā)表的一篇“軟文”,通過與移動設(shè)計界大牛們的對話,幫助大家了解在進(jìn)行移動設(shè)計時應(yīng)該特別注意的禁忌,順便推了一下Proto這個工具。大家可以回顧一下自己團(tuán)隊的應(yīng)用正在觸犯哪些禁忌,想必會有點意思。讀完本文,相信你能找到優(yōu)化自家移動應(yīng)用設(shè)計的方向。

UX/UI,使你的產(chǎn)品擁有病毒式傳播力

周周

 

 

我們已經(jīng)在之前的文章中提到過,我們在設(shè)計Tubik工作室博客中開放了問答平臺。的一期主要集中在一個問題上,而這個問題必須經(jīng)過深思熟慮。所以我們請來了我們的同事——來自印度的UX/UI設(shè)計師Kenil Bhavsar,同時也非常高興和Tubik工作室的設(shè)計師們聚在一起,針對于這個實際而深刻的話題捕捉到了一堆想法。那么,讓我們開始吧。

問題是:什么樣的理想化的ux流程,能夠使產(chǎn)品具有病毒式傳播力?我們通常避免談?wù)撌裁蠢硐牖?,因為這是相當(dāng)矛盾的范疇。不過,我們非常熱切地想分享關(guān)于在UI/UX階段讓產(chǎn)品具備病毒傳播力的想法。今天我們就跟Medium讀者分享這些觀點。

 

工具產(chǎn)品情感化

周周

 

《情感化設(shè)計心理學(xué)中》作者唐納德·諾曼將情感化設(shè)計與馬斯洛的人類需求層次理論聯(lián)系了起來 產(chǎn)品特質(zhì)也可以被劃分為功能性、可依賴性、可用性和愉悅性這四個從低到高的層面,而情感化設(shè)計則處于其中最上層的“愉悅性”層面當(dāng)中。

日歷

鏈接

個人資料

存檔