首頁

設(shè)計(jì)評估標(biāo)準(zhǔn):如何讓設(shè)計(jì)效果可量化

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

藍(lán)藍(lán)一直在思考這個(gè)問題,如何讓設(shè)計(jì)效果可量化,看到這篇文章,轉(zhuǎn)載到博客中推薦給大家。以后會搜集這方面的相關(guān)文章,觀閱各家之言。

交互設(shè)計(jì)評估標(biāo)準(zhǔn):如何讓設(shè)計(jì)效果可量化
記得在項(xiàng)目不斷迭代優(yōu)化過程中,設(shè)計(jì)師們也總說我們價(jià)值不被認(rèn)可。當(dāng)時(shí)需求方與老板也常問我你們設(shè)計(jì)究竟能否可量化如何可量化?當(dāng)然先不說其它因果原由與價(jià)值其它體現(xiàn)。本身這個(gè)問題也是我長久一來一直思考剛好借此將它解決。當(dāng)時(shí)也找團(tuán)隊(duì)討論聽到大家紛紛提到設(shè)計(jì)太抽象與設(shè)計(jì)很難通過數(shù)據(jù)量化等…其實(shí)在這個(gè)探討過程也是發(fā)現(xiàn)問題所在過程,把大家疑慮問題點(diǎn)歸納然后逐個(gè)分析并且思考解決后再歸納梳出。然后在實(shí)戰(zhàn)過程中再不斷調(diào)整與持續(xù)再歸納思考。

簡單如下:

首先,我們做項(xiàng)目的交互設(shè)計(jì)可量化是需要一個(gè)基本評估標(biāo)準(zhǔn):

個(gè)人認(rèn)為根據(jù)不同項(xiàng)目側(cè)重會有所不同,這個(gè)需要設(shè)計(jì)師根據(jù)項(xiàng)目需求和產(chǎn)品目標(biāo)等來判斷。任何緯度與標(biāo)準(zhǔn)都是參考,隨著個(gè)人和行業(yè)發(fā)展與變化一定都是時(shí)時(shí)變通。所以沒有固定標(biāo)準(zhǔn)走天下或者說標(biāo)準(zhǔn)也是時(shí)時(shí)更新中。

1.項(xiàng)目功能設(shè)計(jì)。

-點(diǎn)擊率、轉(zhuǎn)化率、點(diǎn)擊流、活躍度、留存率、成功率等

2.體驗(yàn)可用性

識別性-點(diǎn)擊率

性-時(shí)間效率

有效性-功能使用成功率、操作信息傳達(dá)有效性

視覺設(shè)計(jì)師是怎樣讓前端工程師100% 實(shí)現(xiàn)設(shè)計(jì)效果的

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

首先,作為一個(gè)設(shè)計(jì)師,尤其是UI設(shè)計(jì)師,請跟我一起大聲念:必須掌握前端切圖流程!!

這可能意味著你得學(xué)會HTML+CSS,或者要長時(shí)間和IOS或者安卓開發(fā)人員交流他們是怎么把圖片和文字排進(jìn)屏幕內(nèi)的。別老是抱怨你是設(shè)計(jì)怎么能去學(xué)碼農(nóng)的東西,設(shè)計(jì)人員對這些看似高深的源碼有本能的畏懼和厭惡。無論你所在的公司在項(xiàng)目人員配置上如何貼心到位,但如果你自己沒有掌握這些知識點(diǎn),就不要妄想最后實(shí)現(xiàn)環(huán)節(jié)上能順利收尾,因?yàn)槟銖某霭l(fā)點(diǎn)開始和程序員的認(rèn)知就不對稱,這些不對稱是矛盾和偏差的根源。

界面設(shè)計(jì)的四個(gè)層面 設(shè)計(jì)最重要的一步 往往并不會去追求外觀的美

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

許多設(shè)計(jì)師在社區(qū)中分享的作品往往是為了炫技,而產(chǎn)品的邏輯通常都經(jīng)不起推敲的,真正優(yōu)秀的設(shè)計(jì)應(yīng)該從更高的層面出發(fā),而不只是做表面上的工作。

前言

13年底,Intercom 的產(chǎn)品VP Paul Adams 在 Intercom 官博發(fā)表了 一篇博文 。文章講述了網(wǎng)絡(luò)上設(shè)計(jì)社區(qū)里普遍存在的一種現(xiàn)象,大意是“許多設(shè)計(jì)師在社區(qū)中分享的作品往往是為了炫技,而產(chǎn)品的邏輯通常都經(jīng)不起推敲的,真正優(yōu)秀的設(shè)計(jì)應(yīng)該從更高的層面出發(fā),而不只是做表面上的工作”。

文章發(fā)布后,在 Twitter 、HN 及博客評論下引起了反響。雖然部分內(nèi)容在一些設(shè)計(jì)師眼里看起來比較有攻擊性(也就是俗稱“開噴”),甚至還帶有些地圖炮,但是文中關(guān)于“設(shè)計(jì)的四個(gè)層次”以及“when..I want to..then I can…”等設(shè)計(jì)觀點(diǎn)和方法論都非常值得我們回味并運(yùn)用到工作當(dāng)中。

文章是2月前Sam推薦給我的,隨后到 twitter 上獲得了作者的授權(quán),在這里也應(yīng)作者需要,貼上 Intercom 的官博連接:http://blog.intercom.io/ 。

譯文開始,Dribbble 大牛務(wù)必冷靜閱讀。 =D

__________________以下為譯文正文__________________

設(shè)計(jì)追波風(fēng)

[ISUX轉(zhuǎn)譯]設(shè)計(jì)追波風(fēng)

設(shè)計(jì)中的字體字號

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

 

問題的關(guān)鍵有:

1.字體樣式太多,導(dǎo)致頁面雜亂

2.使用的字體不易識別

3.字體樣式和內(nèi)容的氣氛或規(guī)范不匹配

怎么避免這樣的結(jié)果發(fā)生呢?

通過設(shè)計(jì)經(jīng)驗(yàn)可以幫助你做出更好的版式

了解不同平臺的常用字體設(shè)計(jì)規(guī)范

在每個(gè)項(xiàng)目設(shè)計(jì)中只使用1-2個(gè)字體樣式,而在品牌字有明確的規(guī)范的情況下,只需要一種字體貫穿全文,通過對字體放大來強(qiáng)調(diào)重點(diǎn)文案。字體用的太多,越顯得不夠?qū)I(yè)。

不同的樣式的字體,形狀或系列最好相同,保證字體風(fēng)格的一致性。

字體與背景的層次要分明

確保字體樣式與色調(diào)氣氛相匹配

界面設(shè)計(jì)的統(tǒng)一與迥異

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

統(tǒng)一的力量是強(qiáng)大的。作為人類,在日常活動中,我們潛意識期望某種協(xié)調(diào)和秩序。世上每個(gè)禁行標(biāo)記看起來都很像,這是有原因的。我在澳大利亞時(shí),學(xué)著在道路另一側(cè)駕駛就已經(jīng)很艱難了。想象一下,如果每個(gè)城市都有自己特定的禁行標(biāo)志——紫色霓虹燈禁行標(biāo)志——那會是什么情況!某種程度上來說,我們靠一致性來使自己感到平常和舒適。


我們會注意到相互迥異的事物,這可能讓人沮喪和迷惑。但有時(shí)又會讓人耳目一新、為之著迷。我愛星巴克,我會本能地購買咖啡,動作一氣呵成。領(lǐng)取我的白色超大杯咖啡時(shí),也沒有絲毫畏縮。忽然,在十一月的某天,我手捧著一杯迷人的紅色假日杯,上面有一些令人感到安逸的冬季圖案。白色的杯子星巴克已經(jīng)使用多年,沒有什么打破過這一傳統(tǒng),但有時(shí)制造點(diǎn)混亂也不錯(cuò)。它能通過人們不熟悉的方式,吸引和迷住顧客。


APP交互設(shè)計(jì)作品欣賞 by Ramotion INC.

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

一個(gè)優(yōu)秀的APP交互動畫不僅僅是弦,而且要實(shí)用,有的還要考慮手機(jī)的性能等因素,所以想做一個(gè)好的交互不并容易,今天摘選自Ramotion公司的一些項(xiàng)目交互作品,交互效果很棒,值得欣賞學(xué)習(xí)。

(GIF圖片較大,想看好作品,請耐心等待加載。)

一個(gè)有趣的下拉刷新loading交互效果,這個(gè)彈性看起來很有吸引力。

app Interactive Design-by-ramotion-1

30+有吸引力的jQuery插件 可應(yīng)用到你的WEB站點(diǎn)

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

很多公司是缺少前端人員,前端的工作都郵設(shè)計(jì)師來完成,但設(shè)計(jì)師們對前端的熟悉程度一般般,想做出一些好的,就必須去找源代碼了,今天我們整理出30+有吸引力的jQuery插件,這些都是比較新鮮的代碼,有的效果很不錯(cuò),有的卻很實(shí)用,喜歡的可以嘗試應(yīng)用到你的網(wǎng)站上,讓你的WEB站點(diǎn)更生動一些吧!

魔法滾動,在演示頁滑動鼠標(biāo)中鍵試試,很有趣哦。

25個(gè)免費(fèi)的網(wǎng)站模板PSD

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

隨著科技的進(jìn)步,網(wǎng)站的設(shè)計(jì)行業(yè)、設(shè)計(jì)風(fēng)格花樣也越來越多,比如響應(yīng)式設(shè)計(jì),扁平化風(fēng)格等等。今天設(shè)計(jì)達(dá)人網(wǎng)小編為大家分享近期新出的網(wǎng)站模板PSD素材,時(shí)尚漂亮,而且免費(fèi)下載和使用。

日歷

鏈接

個(gè)人資料

存檔