做APP的數(shù)據(jù)圖表設(shè)計(jì)之前，你考慮過(guò)移動(dòng)端屏幕大小與屬性嗎？考慮過(guò)可視化數(shù)據(jù)圖表，提升APP氣質(zhì)嗎？考慮過(guò)在APP和WEB端，數(shù)據(jù)圖表的展示有何不同嗎？也許你都考慮過(guò)，但作為一篇科普文，還是要從最基礎(chǔ)的說(shuō)起。

以數(shù)據(jù)圖表為主的APP有哪些？

前期，yoyo通過(guò)App Store、MobilePattern、Dribbble瘋狂搜圖，積累了以下豐富的案例。

每到一年一度的大促季，會(huì)場(chǎng)、頁(yè)面、互動(dòng)游戲，都在緊張?jiān)O(shè)計(jì)之中，這些精美的頁(yè)面和互動(dòng)游戲，如何與用戶產(chǎn)生聯(lián)系？必然需要一條與用戶連接的紐帶 —— 它就是BANNER。有些人可能認(rèn)為資源位的設(shè)計(jì)相對(duì)簡(jiǎn)單，但其實(shí)不然，小小的資源位承載著重大的使命，設(shè)計(jì)上自然也是下了一番功夫，那這一次的雙11我們是怎么做的？請(qǐng)聽(tīng)我細(xì)細(xì)道來(lái)…..

曦村：在設(shè)計(jì)前期，做大致規(guī)劃，是很有必要的，在大促中雖然會(huì)有很多變化，但，做規(guī)劃會(huì)幫助我們?cè)诖蠓较蛏喜怀鲥e(cuò)，這次，從了解業(yè)務(wù)背景及節(jié)奏 – 前期風(fēng)格創(chuàng)意設(shè)定 – 突出品牌增強(qiáng)識(shí)別度 – 制定規(guī)范提升效率等幾個(gè)方面去做，有了這個(gè)框架，這一次的設(shè)計(jì)過(guò)程還是相當(dāng)絲滑滴！那具體是怎么做的呢？

做APP的數(shù)據(jù)圖表設(shè)計(jì)之前，你考慮過(guò)移動(dòng)端屏幕大小與屬性嗎？考慮過(guò)可視化數(shù)據(jù)圖表，提升APP氣質(zhì)嗎？考慮過(guò)在APP和WEB端，數(shù)據(jù)圖表的展示有何不同嗎？也許你都考慮過(guò)，但作為一篇科普文，還是要從最基礎(chǔ)的說(shuō)起。

短文將會(huì)探討UI設(shè)計(jì)中動(dòng)畫(huà)的過(guò)度使用，并將其與早期的視覺(jué)設(shè)計(jì)進(jìn)行對(duì)比，提出一些對(duì)于有效的GUI動(dòng)效設(shè)計(jì)的建議。

我們將在下文中，簡(jiǎn)單探討如何改善下面的這個(gè)交互。

相關(guān)好文推薦：《盤(pán)點(diǎn)那些應(yīng)該杜絕濫用的設(shè)計(jì)》

剛開(kāi)始接觸移動(dòng)頁(yè)面重構(gòu)，是不是很迷惑應(yīng)該按照多大的尺寸制作？320、640還是720？按照640的設(shè)計(jì)稿重構(gòu)完頁(yè)面，是不是還需要寫(xiě)其他尺寸來(lái)適配不同的屏幕大?。俊@源于對(duì)viewport和px的不了解。

已經(jīng)重構(gòu)了好多移動(dòng)頁(yè)面，但是對(duì)為什么要按照640的大小來(lái)設(shè)計(jì)頁(yè)面，不清楚答案。給元素賦予固定的像素值，但是奇怪的是在不同的手機(jī)里看起來(lái)都差不多大小，不需要另外去適配，真是太爽了。為什么？不知道耶。——這源于對(duì)viewport和px的不了解。

然如今好的配色方案已經(jīng)唾手可得，但為數(shù)據(jù)可視化找到合適的配色方案，卻仍是一項(xiàng)巨大挑戰(zhàn)。

在Graphiq，事情甚至更加棘手，因?yàn)槲覀円ㄟ^(guò)上千種各不相同的數(shù)據(jù)集合來(lái)傳遞信息，它們有著各自迥異的視覺(jué)表現(xiàn)。

每當(dāng)要設(shè)計(jì)一個(gè)軟件界面的時(shí)候，設(shè)計(jì)師收集資料是必然的過(guò)程。最近北京藍(lán)藍(lán)設(shè)計(jì)要一個(gè)沉穩(wěn)嚴(yán)謹(jǐn)?shù)膒ad端軟件界面。

于是國(guó)內(nèi)外網(wǎng)站找了許多資料，集合一起，與大家分享！

1

Photoshop越來(lái)越強(qiáng)大了！試圖掌控它的全部特性是不現(xiàn)實(shí)的（更何況有那么多隱藏的功能?。敲次覀儾环潦詹匾幌麓笊駛兛偨Y(jié)的這120個(gè)PS技巧，偶爾翻看一下，讓自己的設(shè)計(jì)更強(qiáng)大更！

這120款技巧覆蓋了PS絕大多數(shù)的主要功能，這些功能你很熟悉，但是明白它們的細(xì)節(jié)，掌控發(fā)招的捷徑，修圖作畫(huà)的時(shí)候說(shuō)不定能收獲奇效呢！

在此之前，我們不妨先快速溫故一下PS的基本功能：《PS速成秘籍！如何在兩小時(shí)內(nèi)搞懂PHOTOSHOP基礎(chǔ)工具？》

不得不說(shuō)，歷史總是驚人的相似！西方建筑和網(wǎng)頁(yè)設(shè)計(jì)同為工程與藝術(shù)的綜合體，兩者的發(fā)展歷程如此之相似，和以下四個(gè)因素有著不可分割的關(guān)系：

• 都為用戶提供了一個(gè)場(chǎng)所?
• 都借助工程學(xué)構(gòu)來(lái)構(gòu)建他們?
• 科技的進(jìn)步是他們的發(fā)展瓶頸??
• 盡管如此，它們?nèi)匀皇撬囆g(shù)的一種展現(xiàn)形式?

在這些設(shè)定之下，你可以清晰地看到建筑和網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展路徑是極為相似的。所以，如果你想了解網(wǎng)頁(yè)設(shè)計(jì)會(huì)向何處發(fā)展，看看過(guò)去的那些建筑就知道了。

一、新石器時(shí)代——簡(jiǎn)單而有限的結(jié)構(gòu)

在這個(gè)階段，能把東西構(gòu)建出來(lái)就已經(jīng)是壯舉了，除了尺寸和位置這樣的變量，并沒(méi)有什么花活。