在設(shè)計(jì)網(wǎng)站的時(shí)候，圖片資源會(huì)在很大程度上幫助你設(shè)置站點(diǎn)，以及顏色，排版或者更多內(nèi)容的基調(diào)。如果圖片視覺元素沒(méi)有和設(shè)計(jì)正確的結(jié)合，他很可能會(huì)破壞你原本想呈現(xiàn)的感覺。

本文是愛奇藝無(wú)線UED負(fù)責(zé)人 @愛奇藝_曉生 采訪美團(tuán)設(shè)計(jì)總監(jiān) @薛靖Edwin 后整理的文章，這也是美團(tuán)UED首次較為正式公布的一些想法和作品，來(lái)看看他是怎樣打造一個(gè)一流的設(shè)計(jì)團(tuán)隊(duì)的 ：）

編者按：聊天不僅存于我們和親朋好友間，在很多場(chǎng)景下，設(shè)計(jì)師也會(huì)營(yíng)造聊天的氛圍拉動(dòng)用戶的表達(dá)欲，就連Siri也是聊天衍生出的產(chǎn)物，關(guān)于聊天騰訊的同學(xué)有許多不同場(chǎng)景下的暢想，有幾點(diǎn)特別讓人驚喜，來(lái)感受下。

周哪里：在過(guò)去的很長(zhǎng)一段時(shí)間里，每當(dāng)我坐在電腦前，父母的問(wèn)候語(yǔ)總是“在聊天嗎”，一定程度上可見網(wǎng)絡(luò)聊天之深入人心?？茖W(xué)一點(diǎn)，翻看近幾年不同地區(qū)互聯(lián)網(wǎng)用戶時(shí)間的分配比例數(shù)據(jù)，聊天時(shí)間通常也占據(jù)前三位之一。這似乎已經(jīng)是司空見慣的形勢(shì)，然而仔細(xì)品味，會(huì)發(fā)現(xiàn)聊天并不是件簡(jiǎn)單的事情。

編者按：本文作者Anthony Rose，是社交網(wǎng)絡(luò)電臺(tái)Zeebox的聯(lián)合創(chuàng)始人及CTO，文章不僅分析了側(cè)邊欄導(dǎo)航和Tab導(dǎo)航的利弊，還有改版過(guò)程進(jìn)行A/B test  的詳盡過(guò)程，且最后也給了建議，讀完能對(duì)這兩種導(dǎo)航有清晰的認(rèn)識(shí)，非常有價(jià)值的經(jīng)驗(yàn)分享 ：）

================正文分割線================

設(shè)想你需要設(shè)計(jì)一個(gè)含有許多頁(yè)面和模塊，不能在一屏內(nèi)顯示完全的應(yīng)用。你一定會(huì)首先想到去設(shè)計(jì)一個(gè)底部或頂部的Tab導(dǎo)航。等一下，多出來(lái)的一排導(dǎo)航看上去有點(diǎn)礙眼？我們嘗試下把他們收到側(cè)邊欄里，或者叫安卓團(tuán)隊(duì)給它的名字“側(cè)邊抽屜導(dǎo)航”。

如果你們的應(yīng)用的也是多視圖的，在你們的團(tuán)隊(duì)里，以下話題一定常常引發(fā)激烈討論：

是把導(dǎo)航選項(xiàng)都顯示在屏幕上，讓你們的用戶可以清晰認(rèn)知app結(jié)構(gòu)，并避免多余操作才能發(fā)現(xiàn)；還是使用側(cè)導(dǎo)航讓主屏的顯示區(qū)域更大些。

目前，側(cè)導(dǎo)航在安卓設(shè)備上比較流行，而iOS平臺(tái)上使用的還不是很普遍。所以我們的討論還要面對(duì)一個(gè)問(wèn)題：安卓和iOS應(yīng)用是不是有一樣的用戶習(xí)慣，適用一樣的導(dǎo)航模式？

我想，在這里分享下我們的經(jīng)驗(yàn)是很有價(jià)值的。

可用性 vs. 干凈的設(shè)計(jì)

當(dāng)?shù)谝淮伍_始zeekbox項(xiàng)目，我們使用了頂部的tab導(dǎo)航。我們的理由很簡(jiǎn)單“看不到的不記掛”。既然你第一眼看不到這些入口，那么也許你也就不會(huì)知道它們?cè)谀膬骸?

編者按：今天百度的同學(xué)來(lái)聊聊產(chǎn)品思維，讓設(shè)計(jì)師從產(chǎn)品的角度入手，站在多維度考慮用戶的問(wèn)題、解決方法、產(chǎn)品目標(biāo)和產(chǎn)品營(yíng)銷等，來(lái)看看不一樣的思維能碰撞出哪樣的火花。

文章略長(zhǎng)，不過(guò)肯定是考據(jù)狂和狂熱粉的最愛，你是從哪一代開始追iOS的呢？

2007年1月9日，喬布斯向世界展示了iPhone一代，這是這位已故傳奇向這個(gè)時(shí)代饋贈(zèng)的最佳禮物，同時(shí)也預(yù)示著，一場(chǎng)精妙絕倫的大戲正式拉開帷幕，iPhone,iPad以及Touch對(duì)”移動(dòng)設(shè)備”進(jìn)行了重新定義。更華麗，也更具人性化。

世界變幻莫測(cè)，那時(shí)候的移動(dòng)操作系統(tǒng)中，iOS只是個(gè)”小字輩”，資歷尚淺，到了今天呢，多少操作系統(tǒng)黯然消失在我們的視線中，而iOS儼然成為了操作系統(tǒng)江湖的”老字輩”。

老，并不意味著iOS失去創(chuàng)意了，恰恰相反,iOS以嶄新的姿態(tài)繼續(xù)前行。隨著逐年的增強(qiáng)和提高,iOS已經(jīng)變成了市場(chǎng)上最具個(gè)性、支持最廣泛的操作系統(tǒng)。

iOS6，經(jīng)過(guò)數(shù)年的磨礪，已經(jīng)無(wú)限接近擬物設(shè)計(jì)的最頂峰，用隱喻設(shè)計(jì)引導(dǎo)者用戶，操作簡(jiǎn)單易懂。而且多平臺(tái)(iPhone、iPad)上的體驗(yàn)相對(duì)一致，對(duì)于開發(fā)者和設(shè)計(jì)師來(lái)說(shuō)，這都是一個(gè)理想的”溫床”。

再想一個(gè)問(wèn)題，比較一下iOS1和iOS6，你會(huì)發(fā)現(xiàn)還是擁有很多共通點(diǎn)的。蘋果像是一位頗有耐心的面包師，慢慢的烘焙，花了數(shù)年時(shí)間，為我們特制了一款色香味俱全的”蘋果派”，你想想其他操作系統(tǒng)的做法吧：無(wú)限的功能蔓延，蔓延來(lái)蔓延去，淘汰了一批，又新來(lái)了一批功能。

這是個(gè)怪圈，蘋果很明智的沒(méi)有選擇這種道路。iOS努力的保持著整體的一致性，與此同時(shí)又不放棄前衛(wèi)創(chuàng)意，難能可貴。

而今年的9月18日，iOS7發(fā)布——新的啟航。

來(lái)看看iOS的歷史，看看蘋果是怎樣一點(diǎn)一滴進(jìn)行優(yōu)化、完善的。

從OS X中蔓延出來(lái)的IOS

在iPhone早期的聲明中，我們會(huì)發(fā)現(xiàn)會(huì)叫做”iPhone OS”。

剛開始的時(shí)候，蘋果內(nèi)部爭(zhēng)論不休，他們?cè)诳紤]是否要和Mac OS X一樣使用Unix內(nèi)核，這樣做會(huì)保持新手機(jī)的系統(tǒng)和OS X的一致性。

但是，這畢竟是一個(gè)完全不同的新品牌，應(yīng)該有所區(qū)別。因此，采用Unix內(nèi)核的操作系統(tǒng)被命名為”iPhone OS”，這個(gè)名字一直使用了4年。直到2010年六月發(fā)行iOS4的時(shí)候，出于簡(jiǎn)化的目的，開始稱之為”iOS”

iOS 1: iPhone誕生

雖然現(xiàn)在很難以想象當(dāng)時(shí)的情形，但是當(dāng)iPhone1公布的時(shí)候，如果嚴(yán)格比較功能的話，iPhone落后他的競(jìng)爭(zhēng)對(duì)手一大截，Windows Mobile,Palm OS,Symbian,BlackBerry的操作系統(tǒng)都有一大堆功能，遠(yuǎn)超iPhone。

編者按：今天這篇譯文全程滿滿當(dāng)當(dāng)?shù)亩际歉韶?，包含超多的?shí)用經(jīng)驗(yàn)，比如讓元素在各個(gè)尺寸中保持邊界清晰的技巧，切片的專業(yè)方法，命名規(guī)則等，絕對(duì)值得每個(gè)UI設(shè)計(jì)師收藏起來(lái)！

如果你想讓你的排版擁有更令人愉悅的閱讀體驗(yàn)，其實(shí)只需要有針對(duì)性地對(duì)三個(gè)方面進(jìn)行調(diào)整就可以了。這些技巧不僅可以運(yùn)用于設(shè)計(jì)領(lǐng)域，哪怕你用在文本文檔排版上都能收到奇效！

第一、常見蜘蛛：蜘蛛其實(shí)就是搜索引擎用來(lái)訪問(wèn)頁(yè)面的程序，英文叫spider，也稱為機(jī)器人，英文為bot。有時(shí)候查看IIS日志就能看到各種蜘蛛訪問(wèn)網(wǎng)頁(yè)的情況，對(duì)網(wǎng)站的優(yōu)化起到一定的指導(dǎo)作用。當(dāng)蜘蛛訪問(wèn)一個(gè)網(wǎng)站時(shí)，會(huì)發(fā)出頁(yè)面訪問(wèn)請(qǐng)求并返回HTTP狀態(tài)碼，然后蜘蛛會(huì)把這些狀態(tài)碼存入自己的數(shù)據(jù)庫(kù)，為以后的各種計(jì)算做鋪墊。常見的蜘蛛有百度蜘蛛(Baiduspider)、雅虎蜘蛛(Mozilla)、微軟Bing蜘蛛(msnbot)、搜狗蜘蛛(Sogou+web+bot)、Google蜘蛛(Googlebot)等。一般情況下，IIS日志都會(huì)有顯示，站長(zhǎng)們應(yīng)該多花點(diǎn)時(shí)間仔細(xì)看下蜘蛛對(duì)自己網(wǎng)站的訪問(wèn)情況，然后對(duì)自己網(wǎng)站做出調(diào)整。

第二、文件存儲(chǔ)：文件存儲(chǔ)是搜索引擎的一個(gè)技術(shù)關(guān)鍵所在，同時(shí)也是面臨的一個(gè)挑戰(zhàn)。當(dāng)搜索引擎爬行和抓取完成后，會(huì)把這些數(shù)據(jù)存入原始頁(yè)面數(shù)據(jù)庫(kù)。在這個(gè)數(shù)據(jù)庫(kù)存放的數(shù)據(jù)和用戶在瀏覽器中看到的頁(yè)面是完全一樣的。每個(gè)URL都會(huì)有一個(gè)獨(dú)特的編號(hào)。除此之外，還要存儲(chǔ)各種計(jì)算權(quán)重所需要的數(shù)據(jù)，比如各種鏈接的關(guān)系，PR的迭代計(jì)算等。這些數(shù)據(jù)量是巨大的。很多網(wǎng)站不存在時(shí)，我們可以訪問(wèn)搜索引擎的快照頁(yè)面，這些頁(yè)面就是存在搜索引擎自己的數(shù)據(jù)庫(kù)中，與站長(zhǎng)網(wǎng)站本身的數(shù)據(jù)沒(méi)有關(guān)系，是獨(dú)立存在的。平時(shí)的快照更新、排名波動(dòng)都和搜索引擎的文件存儲(chǔ)有著直接的關(guān)系。