本文包含了一些登錄界面設(shè)計(jì)的方法和資源

Banner 是我們最常聊到的設(shè)計(jì)元素，它是一個(gè)網(wǎng)頁(yè)的招牌，是用戶最容易看到的視覺(jué)元素。今天，我們來(lái)聊聊Banner中的急先鋒，網(wǎng)頁(yè)首圖，它的設(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 及博客評(píng)論下引起了反響。雖然部分內(nèi)容在一些設(shè)計(jì)師眼里看起來(lái)比較有攻擊性（也就是俗稱“開(kāi)噴”），甚至還帶有些地圖炮，但是文中關(guān)于“設(shè)計(jì)的四個(gè)層次”以及“when..I want to..then I can...”等設(shè)計(jì)觀點(diǎn)和方法論都非常值得我們回味并運(yùn)用到工作當(dāng)中。

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

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

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

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

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

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

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

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

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

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

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