Banner 是我們最常聊到的設(shè)計(jì)元素，它是一個(gè)網(wǎng)頁的招牌，是用戶最容易看到的視覺元素。今天，我們來聊聊Banner中的急先鋒，網(wǎng)頁首圖，它的設(shè)計(jì)之道。

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)中。

隨著平板電腦的普及，越來越多的手機(jī)端APP將自己的應(yīng)用拓展到Pad端，來為用戶提供更豐富的多終端體驗(yàn)。此前一些設(shè)計(jì)師從視覺設(shè)計(jì)的角度探討了多終端產(chǎn)品的設(shè)計(jì)，作為一枚用研，除了視覺體驗(yàn)，我們會更多地去關(guān)注用戶的功能使用體驗(yàn)。

通常在開發(fā)一款應(yīng)用的Pad端產(chǎn)品時(shí)，我們一方面需要保持多終端在功能體驗(yàn)的一致性，將核心功能移植到Pad端，另一方面我們又不希望完全復(fù)制手機(jī)端的功能到Pad端，而是基于Pad的優(yōu)勢進(jìn)行一些創(chuàng)新，那么問題來了，把核心功能移植到Pad端是否已經(jīng)足夠？還有哪些功能需要考慮對齊？又應(yīng)如何更好地結(jié)合Pad的優(yōu)勢進(jìn)行功能創(chuàng)新呢？

本文將從用戶的角度進(jìn)行分析，講講在進(jìn)行跨終端體驗(yàn)的功能設(shè)計(jì)時(shí)，有哪些繞不開的用戶檻兒。第一個(gè)檻兒試圖從用戶心理的角度說明在APP跨終端體驗(yàn)設(shè)計(jì)時(shí)功能對齊的必要性；第二個(gè)檻兒分析了除了對齊核心功能以外，還有哪些功能需要考慮對齊；第三個(gè)檻兒通過創(chuàng)新場景研究思路講述了如何更好地發(fā)揮Pad的優(yōu)勢進(jìn)行設(shè)計(jì)。

移動閱讀是指利用手機(jī)、平板電腦、電子閱讀器等移動終端進(jìn)行的所有閱讀行為，包含通過瀏覽器瀏覽網(wǎng)頁以及書城客戶端、新聞客戶端、資訊客戶端、雜志客戶端、微博、公眾號文章等閱讀途徑，瀏覽小說、報(bào)紙、圖書、雜志、動漫、文獻(xiàn)等內(nèi)容的閱讀行為。

設(shè)計(jì)已經(jīng)成為一門綜合性學(xué)科。設(shè)計(jì)師不僅需要熟練主技能，還需要領(lǐng)悟其他技能，才能更好地輔助自己地工作?！对O(shè)計(jì)師輔助技能手冊》系列文章，目的就是探討一些有趣&有用的輔助技能。上一篇文章講述了設(shè)計(jì)師在合作過程中，可以通過看人識人，來優(yōu)化合作體驗(yàn)，使用針對性的方法進(jìn)行合作。通過人格分類，可以快速了解合作對象。

在這一篇中將主要講述另一個(gè)方法：情緒識別和管理。我們將討論另一個(gè)看人技巧：情緒識別。與人格不同，人類的情緒是相同的，都有“喜怒哀樂”。而情緒的棘手之處在于：它的產(chǎn)生速度快，會導(dǎo)致本能反應(yīng)，還會引發(fā)情緒感染。所以情緒波動是合作的災(zāi)難。本文將分析情緒，并展示如何管理情緒。

你有沒有在夜間使用移動設(shè)備的習(xí)慣？你覺得QQ現(xiàn)有的夜間模式亮度在使用時(shí)是否舒適？為了能夠更科學(xué)的驗(yàn)證我們的設(shè)計(jì)，我們通過對比度分析、尼特值測試、色彩亮度和色彩通用性等維度去設(shè)計(jì)界面，并總結(jié)出一套優(yōu)化方法來分享給大家，相互啟發(fā)。

并不是所有的圖片都能給用戶帶來驚艷的感覺，很多時(shí)候，圖片也不足以撐起整個(gè)設(shè)計(jì)的視覺和形式感。

這個(gè)時(shí)候，圖標(biāo)的重要性就凸顯出來了。許多有趣的圖標(biāo)和圖片結(jié)合起來使用，能夠強(qiáng)化圖片的內(nèi)容，提供額外的信息，給予用戶以交互的提示，從視覺、交互、體驗(yàn)三個(gè)層面對設(shè)計(jì)進(jìn)行提升。

編者按：設(shè)計(jì)規(guī)范越來越完善，軟件越來越簡單，連PM 都可以動手搭一個(gè)UI 界面，那么此時(shí)設(shè)計(jì)師的核心價(jià)值在哪里？如何讓自己擺脫“只會畫畫圖標(biāo)和線框圖”的印象？這篇文章總結(jié)了4個(gè)進(jìn)階方法。

蒙版引導(dǎo)一直是一個(gè)十分熱門的話題，對于很多用戶來講經(jīng)常會不徹底閱讀甚至快速關(guān)閉來結(jié)束引導(dǎo)，這樣便起不到很好的教育作用。甚至還有“在界面上添加這些并不會讓你的產(chǎn)品變得更易用”的說法（觀點(diǎn)引自文章“Misused mobile UX patterns”）。但我認(rèn)為這種說法過于片面，對于一些流程復(fù)雜或者功能個(gè)性的產(chǎn)品應(yīng)用，添加蒙版引導(dǎo)進(jìn)行說明，是十分有必要的。

APP已如此成熟的今天，視覺基本都做得不錯(cuò)了，說實(shí)在也都大同小異，因?yàn)橐粋€(gè)好的APP，更多的是使用多年來培養(yǎng)出來的大眾習(xí)慣來指導(dǎo)設(shè)計(jì)，而不是界面多么與眾不同，而是細(xì)節(jié)決定勝負(fù)。

以下7個(gè)APP是大家再熟悉不過的，使用過程有些功能細(xì)節(jié)自己感覺很好，印象深刻，今天特地截取下來分享?？赡苣闾焯焓褂貌o感覺，但正是這些不顯眼的細(xì)節(jié)，慢慢培養(yǎng)出大批忠實(shí)用戶。