搜索能夠幫助用戶在海量的數(shù)據(jù)庫中實(shí)現(xiàn)大海撈針，是產(chǎn)品最核心的模塊之一。本篇是從設(shè)計(jì)的角度介紹搜索模塊，包含Web和ios兩個(gè)平臺(tái)，下面直接開始正文：

1.快速搜索

搜索是幫助用戶簡單快速的匹配相關(guān)內(nèi)容，最簡單的search box主要包含兩個(gè)元素：①文本框   ②按鈕（可以隱藏用回車代替）

　　編者按：本文作者 Nir Eyal 在NirAndFar.com上撰寫心理學(xué)、科技和商業(yè)的交叉內(nèi)容的文章。

　　想象這樣一個(gè)場景。當(dāng)你走進(jìn)一個(gè)繁忙的百貨公司，有人走進(jìn)你伸手向你要錢：“請問可以給我一些零錢搭公共汽車嗎?”如果這個(gè)人不是乞丐，而是一個(gè)博士呢?

　　作為法國研究的一部分，研究者想要知道，只是通過一些特別推敲的話，他們是否可以改變?nèi)藗兘o予一個(gè)陌生人多少錢。他們發(fā)現(xiàn)了一個(gè)簡單而有效的方法可以讓人們給出雙倍的錢。

　　這個(gè)詞句的改變不僅增加了人們給陌生人搭公共汽車的錢，也有效地提升了慈善捐款和志愿調(diào)查的參與度。事實(shí)上，最近一個(gè)包含 42 項(xiàng)研究、涉及超過 22000 名參與者的總結(jié)分析指出，在請求最后附上的只字片語可以獲得人們的認(rèn)同，使接受請求的可能性提高一倍。

　　那么，研究者發(fā)現(xiàn)的神奇詞句究竟是什么呢?那就是“但是你可以自由選擇接受或是拒絕”。

　　這個(gè)發(fā)出請求的技巧表明了，如果我們確信選擇是自由的，則更有可能被說服。這種效果不僅在面對面的互動(dòng)中被觀察到，也存在于電子郵件交流中。盡管研究沒有直接關(guān)注產(chǎn)品和服務(wù)如何運(yùn)用這種方法，但是研究提供了幾個(gè)具有操作性的觀點(diǎn)來指導(dǎo)公司影響用戶行為。

一個(gè)設(shè)計(jì)師成長可能要經(jīng)歷的5個(gè)階段

第一階段：入門，這時(shí)候，他的腦子里到處都是疑問，需要了解和掌握的太多，自己覺得很困頓并且勞累，而且始終伴隨著緊迫感和在一個(gè)龐大的體系中迷失方向的失落感。這個(gè)階段不妨把它叫做迷失時(shí)代，迷失時(shí)代他最需要的是學(xué)習(xí)，盲目的給自己找定位是很危險(xiǎn)的。經(jīng)過一段時(shí)間的學(xué)習(xí)和積累，他對整個(gè)設(shè)計(jì)體系的感知逐漸清晰，各種流行的和不流行的形式，都以另人感動(dòng)的魅力襲擊他向世界開放的頭腦，這時(shí)候的整個(gè)世界變的色彩繽紛而且生動(dòng)無比。

優(yōu)異的用戶界面可以讓用戶用得順心，從而提高轉(zhuǎn)化率(conversion rate)，換言之，好的 UI 在使用與銷售層面上形成雙贏。本文整理了16點(diǎn)優(yōu)化用戶界面的方法，希望對大家有所幫助。

　　單欄型式優(yōu)于多欄

　　單欄型式讓你更能掌握自己的內(nèi)容，從頂部到底部一氣嗬成，用故事引導(dǎo)讀者，最終是要誘引他們「采取行動(dòng)」(call to action，下稱 CTA，意指下載或消費(fèi)等目的);而多欄反而可能導(dǎo)致讀者分心。

在網(wǎng)上看過很多設(shè)計(jì)師的圖標(biāo)制作過程,基本都是偏向技法的介紹.其實(shí)在圖標(biāo)設(shè)計(jì)過程中除了技法之外最重要的就是圖標(biāo)創(chuàng)意了,但這方面的系統(tǒng)介紹網(wǎng)上倒是很少.借這次實(shí)際的界面設(shè)計(jì)項(xiàng)目,來分享下我自己對界面圖標(biāo)制作創(chuàng)意階段的方法的理解.并以豐富的圖例來闡釋自己的想法!以次作為圖形界面設(shè)計(jì)師交流的引子!歡迎大家進(jìn)來交流!

這個(gè)過程比較長,自己只能分階段的準(zhǔn)備好,發(fā)上來!快畢業(yè)了事情很多,多多諒解!
今天把部分草圖放上來!創(chuàng)意說明后續(xù)準(zhǔn)備.

第一部分：圖標(biāo)創(chuàng)意階段

其實(shí)這個(gè)階段之前還有個(gè)重要的步驟,就是創(chuàng)意準(zhǔn)備.

根據(jù)項(xiàng)目需求,確定圖標(biāo)的風(fēng)格,這在界面設(shè)計(jì)過程中,有風(fēng)格評(píng)測的方法來確定項(xiàng)目是走什么風(fēng)格路線.這也是項(xiàng)目前期用戶研究的內(nèi)容,有潛力的公司會(huì)制定"用戶角色",

偉大的設(shè)計(jì)師，不會(huì)只是在「做設(shè)計(jì)（Do Design）」，而是徹底實(shí)踐「生活即設(shè)計(jì)（Live Design）」的理念。

Tim Brown 是現(xiàn)任全球頂尖設(shè)計(jì)顧問公司 IDEO 的執(zhí)行長，並著有《設(shè)計(jì)思考改變世界（Change by Design）》一書。他最近陸續(xù)在 LinkedIn 上發(fā)表了〈設(shè)計(jì)思考你的 2013〉（Designing your life in 2013）等文章，建議大家用簡單的 5 個(gè)方法，就能像全球頂尖的設(shè)計(jì)師們一樣，用設(shè)計(jì)思考（design thinking）的觀點(diǎn)，來重新設(shè)計(jì)我們的2013，一起來看看吧。

當(dāng)一個(gè)樂觀者、合作者與多產(chǎn)者（Be optimistic, collaborative, and generative）

創(chuàng)作一件新的事物，總能帶來難以言喻的滿足，不管是發(fā)明出能得到設(shè)計(jì)大獎(jiǎng)的產(chǎn)品，或只是在家裡做一頓香噴噴的晚餐，都是一樣能讓感到人心滿意足。

把生活本身當(dāng)做一個(gè)「原形」（Think of life as a prototype）

生活若是「原形」而不是「成品」，那你更應(yīng)該大膽的去實(shí)驗(yàn)看看不同的可能性，勇敢探索生活的邊境，並適時(shí)做出一些具體改變。

你所走的每一步皆非定局，你都能夠去反轉(zhuǎn)、改變、然後再重新來一次。

要學(xué)會(huì)把握機(jī)會(huì)，將這些探索的過程，轉(zhuǎn)化為一個(gè)有具體結(jié)果的專案項(xiàng)目或產(chǎn)品。

不要問「是什麼」，改問「為什麼」？ （Don’t ask “what?” Ask “why?”）

與其被動(dòng)接受這世界給你的侷限，倒不如反過頭來去思考，「我們有在處理對的問題嗎？」

還記得亨利福特曾說過，如果他去問顧客要什麼，他得到的答案會(huì)是：「一匹跑的更快的馬」，而不是「汽車」。

擴(kuò)散性思考，創(chuàng)造選項(xiàng)（Demand divergent options）

別總是將你腦中第一個(gè)冒出的好點(diǎn)子，很快地就拍板定案，但也別死抓著不放那些眼前顯而易見的解決方案。

改用「擴(kuò)散性思考」的方式，盡量採納各種多元的解決方案，創(chuàng)造出更多選項(xiàng)來。

但也別忘了設(shè)下「截止日期」，好提醒自己繼續(xù)往下一個(gè)階段前進(jìn)。

每天一次，深刻觀察這個(gè)你習(xí)以為常的世界（Once a day, deeply observe the ordinary）

給自己立下一個(gè)規(guī)矩，每天一次，讓自己去觀察那些你總是視而不見，或匆匆一瞥的場景。

脫離世俗的觀點(diǎn)，重新「以人為本」，讓自己從人本身的同理心去得到激勵(lì)。

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

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

歷史回顧

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

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

下圖是PayPal在1999年的第一個(gè)版本界面：

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

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

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

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

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

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

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