首頁

設(shè)計中如何想客戶所想

藍藍設(shè)計的小編

如果你想知道你所設(shè)計的目標是否與客戶保持一致,那你一開始就要知道這個目標是什么。我們該從哪里開始?

當30歲的詹尼弗·戴蒙因患上一種罕見的癌癥——闌尾癌于2002年7月23日靜靜地離開這個世界時,留在她身后的是她所熱愛的家庭及朋友,還有一份遺囑。她給了他父親一項任務(wù):將這種經(jīng)歷所獲得的知識與別人分享。于是便有了“詹尼弗·戴蒙基金會”的設(shè)立,該基金會旨在幫助那些正在與癌癥進行苦苦博斗的所有患者。

PayPal界面歷史回顧

藍藍設(shè)計的小編

banner

歷史回顧

PayPal是大家非常熟知的全球目前最大的在線支付平臺,它于1998年12月由 Peter Thiel 及 Max Levchin 建立,總部坐落在美國加利福尼亞州圣荷西市,2002年10月被全球最大的電子商務(wù)平臺eBay以15億美元收購。

PayPal最初是 Palm Pilots 設(shè)備之間的一個轉(zhuǎn)賬功能, 又稱”beam money”。它首創(chuàng)了用email地址作為轉(zhuǎn)賬方式,使得轉(zhuǎn)賬這一行為更加容易和方便。

下圖是PayPal在1999年的第一個版本界面:

1999

METRO STYLE,window8風(fēng)格解析

藍藍設(shè)計的小編

封面

Metro 設(shè)計是一個不容忽視的市場大趨勢。這是全新的用戶體驗,將成為微軟未來的操作系統(tǒng)——Windows 8和Windows phone 的一部分。隨著移動時代的到來,metro UI 風(fēng)格被推向新的高度,“METRO STYLE”的浪潮下,你被打濕了嗎?

Metro是由微軟公司開發(fā)的內(nèi)部名稱為“ typography-based design language”(基于排版的設(shè)計語言)。Metro UI是一種界面展示技術(shù),和蘋果的iOS、谷歌的Android界面最大的區(qū)別在于:后兩種都是以應(yīng)用為主要呈現(xiàn)對象,而Metro界面強調(diào)的是信息本身,而不是冗余的界面元素。

metro這是一個全新的界面,你有足夠的空間去創(chuàng)造去發(fā)揮你的創(chuàng)意。我們?nèi)蕴幱谒某砷L曲線的起步階段,所以面臨的挑戰(zhàn)新鮮而有趣。當我第一次看到 WP7 的展示時,我在想,“我一定要為它設(shè)計些什么。”探索是最好的學(xué)習(xí)方式,學(xué)著為用戶創(chuàng)建一個激動人心的用戶體驗吧。

圖片壓縮原理與優(yōu)化

藍藍設(shè)計的小編

未標題-333

前言:該文收集了前輩們的一些關(guān)于圖片優(yōu)化的技巧,在此收攏到一起,對于各個方法的優(yōu)化原理做了一些研究,希望能給大家對于圖片優(yōu)化這一塊起到拋磚引玉的作用。

提到圖片,我們不得不從位圖開始說起,位圖圖像(bitmap),也稱為點陣圖像或繪制圖像,是由稱作像素(圖片元素)的單個點組成的。這些點可以進行不同的排列和染色以構(gòu)成一副圖片。當放大位圖時,可以看見賴以構(gòu)成整個圖像的無數(shù)單個方塊。

常見的格式中JPG、PNG、GIF亦屬于位圖,所以它們的數(shù)據(jù)結(jié)構(gòu)大致相同,只是每一種圖片格式都有不同的壓縮算法,不同的掃描方式,但是優(yōu)化的方法都有一個共同點,都是圍繞著每個像素顏色值來下手,具體如何進行優(yōu)化呢?
下面來給大家介紹一下圖片的一些基本原理和優(yōu)化的方法:

1.JPG原理與優(yōu)化
JPG是一種對彩色或灰階之類連續(xù)色調(diào)圖形作壓縮和解壓縮的標準.這個標準是由ISO/IEC JTC1/SC29 WG10所訂定。
壓縮算法為正、反離散余弦轉(zhuǎn)換,如下圖:

設(shè)計中的平衡理論

藍藍設(shè)計的小編

這個世界上到底沒有設(shè)計的法則?上個世紀初,奧地利及德國的心理學(xué)家創(chuàng)立了格式塔理論(Gestalt),該理論旨在解釋人類的行為是如何與視覺經(jīng)驗產(chǎn)生關(guān)聯(lián)的。格式塔理論解釋了我們的眼睛對一個事物及對象的理解是一個綜合的體驗,而不僅僅是我們所見的簡單疊加,它還包括我們以前對該事物及對象曾經(jīng)有過的感受。我們不是心理學(xué)家,但作為一個設(shè)計者,了解格式塔理論對你在設(shè)計的把握卻非常有幫助。

平衡無處不在

無論你是有意還是無意,平衡感對我們的視覺判斷產(chǎn)生非常深刻的影響。格式塔理論關(guān)于平衡的原則闡述了人類在觀看任何東西時其實都是在尋找一種平衡穩(wěn)定的狀態(tài)。

如果你仔細觀察,平衡對稱穩(wěn)定的狀態(tài)在自然界中是無處不在的。留意上面的幾個圖,我們在觀察這些對象時,當我們的視線集中在中心位置時總是會感到最舒服。這是平衡理論最重要的要點。

設(shè)計美容院折頁冊子

藍藍設(shè)計的小編

精心挑選的圖片加上清晰字體,我們可以呈現(xiàn)一個吸引人的美容小冊子的設(shè)計。

凱莉在加州經(jīng)營一家規(guī)模不大的名叫“London Hair Fare”的美容院,主要服務(wù)項目包括面部美容及蠟乳脫毛(waxing spa) 。該店光顧者甚多,而且那些潛在的顧客對該店的服務(wù)已經(jīng)有所了解,所以她需要的宣傳冊子是屬于那種基本型的版式——一張由信紙折疊而成的宣傳冊子,能夠簡單清晰地傳達出該店的服務(wù)項目。在宣傳上并不需要刻意去“叫賣”,也無需采用直郵方式。其冊子主要通過人手派發(fā)及放置在店內(nèi)由顧客任意取閱。

平面廣告展示小技巧

藍藍設(shè)計的小編


平面廣告展示小技巧

文字:不易覺察的巧妙變化

在你下一次做折扣海報時,你可以將OFF這個字與百分比結(jié)合在一起,變成一個意思仍然清晰及干凈的字體組合,小小的變化已可見你的心思。

94fda16aab5b7808ae6570425d474a6f3 平面廣告展示小技巧

fd5dd8227c026bfa4f39755a9784cfd03 平面廣告展示小技巧


如何設(shè)計出優(yōu)秀的 App 導(dǎo)航欄

藍藍設(shè)計的小編

【導(dǎo)讀】為了在手機屏幕給定的范圍內(nèi)展示出更多內(nèi)容,優(yōu)秀的導(dǎo)航欄設(shè)計將起到關(guān)鍵性作用,對于不同的操作也當因地制宜地選則不同的設(shè)計方案。

  導(dǎo)航的設(shè)計是 App 設(shè)計發(fā)展過程中很值得玩味的地方,由于移動設(shè)備特別是智能手機的屏幕尺寸有限,設(shè)計者們通常會將屏幕空間盡量留給主體內(nèi)容,優(yōu)秀的導(dǎo)航設(shè)計會讓用戶輕松到達目的地而又不會干擾和困惑用戶。

  經(jīng)典導(dǎo)航:tabbar

  Tabbar 的導(dǎo)航方式是由誰發(fā)明的筆者不得而知,不過相信大家都同意是由蘋果將其傳播開來。不僅很多蘋果的官方應(yīng)用采用了這種設(shè)計,蘋果同樣大力推薦應(yīng)用開發(fā)者優(yōu)先采用這種方式。從某種角度來說,tabbar 基本就是導(dǎo)航的標準設(shè)計。

如何設(shè)計出優(yōu)秀的 App 導(dǎo)航欄?,互聯(lián)網(wǎng)的一些事

手機產(chǎn)品設(shè)計之用戶引導(dǎo)

藍藍設(shè)計的小編

useredu1 手機產(chǎn)品設(shè)計之用戶引導(dǎo)

在手機產(chǎn)品的設(shè)計過程中,由于手機界面的承載能力有限,產(chǎn)品功能的不斷膨脹,必須要在用戶打開應(yīng)用之后告知他某些新奇的功能,引導(dǎo)他完成某些主要任 務(wù)流程,讓用戶不至于迷失在陌生應(yīng)用中不知所措。幫助用戶快速掌握應(yīng)用的使用方法,體驗到應(yīng)用的樂趣,新手引導(dǎo)成了一個必須考慮的設(shè)計環(huán)節(jié)。

用戶引導(dǎo)的直接目標是幫助用戶更好的使用產(chǎn)品,終極目標是提升用戶滿意度。雖然,大多數(shù)情況下,我們可以通過合理的設(shè)計,盡可能的簡化功能,讓用戶 無需引導(dǎo)和幫助,就可以完成必要的任務(wù)。但是實際上,手機產(chǎn)品的限制和對強大功能的追求,導(dǎo)致這個目標很難達到,因此越來越多的應(yīng)用開始使用用戶引導(dǎo)來幫 助用戶快速熟悉產(chǎn)品。


雜志類網(wǎng)站客戶端的閱讀體驗

藍藍設(shè)計的小編

隨著蘋果iPad的推出,電子雜志類行的應(yīng)用大受好評,電子閱讀需求量不斷增長。傳統(tǒng)紙質(zhì)出版物的良好的視覺效果,互聯(lián)網(wǎng)巨大的信息資源庫,將這兩者集合在一起就會誕生非常好的雜志客戶端應(yīng)用。這種雜志型客戶端應(yīng)用的最佳代表就是Flipboard。

2010年iPad最佳應(yīng)用是Flipboard。集合了Facebook和Twitter的推動內(nèi)容,輔以格式排版,讓用戶得到了無限量的優(yōu)秀資源以及良好的閱讀體驗。

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔