首頁

先用紙和筆來畫草圖能讓整個設(shè)計過程變得更爽

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

我爹是一個插畫師,所以我記得小時候,家里到處都擺著老爹干活的家當(dāng)。用大頭筆在畫紙上畫畫時發(fā)出的沙沙聲,和大白兔糖一樣成了我最回味的童年記憶。長大之后我成了一枚設(shè)計師,但是來到這個時代我發(fā)現(xiàn),真的掏出紙筆來畫畫的機(jī)會是越來越少有了。今時今日,人們能很容易就下載到各類高保真的UI kits,各種精美的libraries,更有多到泛濫的軟件能幫助我們很容易就做出一個炫酷到爆的高保真原型。

在為Design Sprint干活的那幾年里,我常常喜歡用各種不同的作死方法來進(jìn)行我的工作。期間我發(fā)現(xiàn),回歸到用紙和筆來畫低保真的原型這種做法真是深得我心,畫草圖能讓你的腦筋騰出更多的空間來思索新的點(diǎn)子,挖掘出真正有意義的問題,讓我有更多的時間和產(chǎn)品或者視覺或者開發(fā)撕逼,而不是浪費(fèi)在畫一個個炫到不發(fā)朋友圈天理難容原型上。

Image title

你的布局設(shè)定方法靠譜嗎?

用心設(shè)計

屏幕快照 2016-01-03 5.54.05 AM.png

有一種“奇怪的”現(xiàn)象會經(jīng)常的看到“很多設(shè)計師沒有辦法清楚的跟其他人解釋他們是如何設(shè)計的,越細(xì)致的地方可能越是如此。比如,這個菜單的寬度為什么是200px?250px或者190px是否可以?圖片的尺寸為什么是278px*196px?如何確定網(wǎng)頁的寬度?“

軟件界面的設(shè)計師除了視覺本身以外,對于設(shè)計是否可以實(shí)現(xiàn)、大概以何種方式實(shí)現(xiàn)、規(guī)范可否被理解并且復(fù)制執(zhí)行、設(shè)計實(shí)現(xiàn)的性價比與時間比等緯度都應(yīng)有相當(dāng)高度的認(rèn)識。就像建筑設(shè)計師一樣,他們一定很了解建筑材料以及如何建筑,雖然他們不會去親自砌墻。:)

希望通過此文可以交流關(guān)于柵格化和盒子比例的設(shè)計方法。

柵格化

對于網(wǎng)頁的寬度,設(shè)計師之間基本上比較容易達(dá)成共識,比如:950px、960px、1000px、1190px、1200px。但是如果接下來讓 每一個設(shè)計師設(shè)計一個左右布局的版式,左邊是一個樹形菜單,右邊是主要內(nèi)容區(qū)域。那么可能會有很多結(jié)果。但是這些結(jié)果基本上是比較接近的。如果這些設(shè)計師 都服務(wù)于一個品牌下的話,這種情況并不是一個好的事情。會給人以沒有一致性的感覺。

圖1:一個產(chǎn)品站點(diǎn),同樣是980px的頁面寬度,但是菜單寬度分別為:200px和245px

你的布局設(shè)定方法靠譜嗎?

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

周周

ui-designer-overlook-the-reality-1

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

用科學(xué)方法幫你提升移動應(yīng)用用戶粘性

用心設(shè)計

如何提升用戶粘性?這是產(chǎn)品有一定UV后都會面臨的問題。大部分產(chǎn)品都在嘗試主動跟用戶聯(lián)系,比如電商類APP定期給用戶推送各種打折促銷消息,吸
引用戶回到APP;SNS類APP會給用戶推送「您關(guān)注的人XX更新了狀態(tài)」等動態(tài);有些日記類APP會定期推送消息,提示用戶多少天沒去了之類等等。但
對用戶來說,什么樣的聯(lián)系他們會更愿意接受呢?本文作者講述了什么是鉤狀理論,以及我們該如何利用這個理論幫助提升用戶粘性。

第一次遇見Joe,是在他35歲時,有兩個孩子。看看自己的游泳圈,他決定要減肥20磅。他買了的運(yùn)動裝備,最好的健康管理APP來記錄自己的 飲食和運(yùn)動。最開始的一周,他堅定地執(zhí)行計劃并且成功減掉了幾磅,第二周他的熱情減弱了很多,經(jīng)過一個月之后,他完全停止了記錄并且又胖了回來。他對自己 的狀態(tài)很不滿意,并且對減肥失敗自責(zé)。

屏幕快照 2016-01-03 7.11.51 AM.png

打磨細(xì)節(jié)!超實(shí)用的移動端縮略圖設(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)品的運(yùn)作去協(xié)調(diào)所有的人,并充分地協(xié)調(diào)這個產(chǎn)品的所有運(yù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)品需求

工控類軟件界面設(shè)計欣賞之一

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

最近藍(lán)藍(lán)設(shè)計在進(jìn)行工控類的軟件界面設(shè)計,我們也在搜集各方面的資料、國內(nèi)外的界面設(shè)計欣賞。一般來講,工控類軟件以操作、工具為主、注重嚴(yán)謹(jǐn)、穩(wěn)重、易用性、邏輯的清晰,其次是美觀。


賞。e46415431922154fe709895062c03164efe63d312a8fb-SITQ0Y_fw554.jpeg

超全面的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è)備的便捷、簡明而重點(diǎn)的特質(zhì),手機(jī)端該如何取舍?是否有更加合適的表現(xiàn)方式?下面是翻閱或試用了各種有數(shù)據(jù)的 App 后,將手機(jī)端應(yīng)用中值得借鑒的部分做了小小的總結(jié),也讓我自己對不同數(shù)據(jù)圖表的特性有更深的理解。

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

用心設(shè)計

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

擁抱未來!2016年最值得關(guān)注的移動端APP設(shè)計趨勢

周周

2016-mobile-app-design-trends-1

編者按:對于2016年網(wǎng)頁設(shè)計的趨勢我們已經(jīng)在《再戰(zhàn)明年!2016年最值得關(guān)注的16個網(wǎng)頁設(shè)計趨勢》這篇文章中進(jìn)行了詳細(xì)的介紹,那么移動端APP設(shè)計在未來可能會有怎樣的發(fā)展趨勢呢?今天的文章就幫你簡單預(yù)測一下~

日歷

鏈接

個人資料

存檔