<form id="1pxp8"></form> 
隨著大數(shù)據(jù)產(chǎn)業(yè)的發(fā)展，越來(lái)越多的公司開(kāi)始實(shí)現(xiàn)數(shù)據(jù)資源的管理和應(yīng)用，尤其是一些在日常生活中經(jīng)常使用大屏幕的大中型企業(yè)。此時(shí)，用戶(hù)界面設(shè)計(jì)者需要呈現(xiàn)相應(yīng)的視覺(jué)效果。
接下來(lái)為大家介紹大屏可視化的UI設(shè)計(jì)。
--大屏UI設(shè)計(jì)--
--大數(shù)據(jù)可視化ui設(shè)計(jì)賞析--
（圖片均來(lái)源于網(wǎng)絡(luò)）
點(diǎn)擊查看更多UI/UE設(shè)計(jì)案例??????
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
更多精彩文章：
大數(shù)據(jù)可視化設(shè)計(jì)賞析（一）
大數(shù)據(jù)可視化設(shè)計(jì)賞析（二）
大數(shù)據(jù)可視化設(shè)計(jì)賞析（三）
大數(shù)據(jù)可視化設(shè)計(jì)賞析（四）
大數(shù)據(jù)可視化設(shè)計(jì)賞析（五）
在如今大數(shù)據(jù)的時(shí)代，一些軟件會(huì)根據(jù)我們的地理位置、性別、喜好等等進(jìn)行算法推薦；能夠?qū)σ欢ㄒ?guī)范的輸入，在有限時(shí)間內(nèi)獲得所要求的輸出；比如TikTok，以用戶(hù)為中心進(jìn)行推薦，度很高；本文作者分析了TikTok 的真正優(yōu)勢(shì)，我們一起來(lái)看一下。
字節(jié)跳動(dòng)往往被說(shuō)成是一家算法公司，很多人認(rèn)為， TikTok是靠算法的黑科技才取得成功的。
事實(shí)真的是這樣嗎？
eugenewei認(rèn)為不是：TikTok的算法跟其他公司使用的并沒(méi)有太大的不同；TikTok最大的優(yōu)勢(shì)是它采取了對(duì)算法友好的設(shè)計(jì)模式，在自己內(nèi)部建立了一個(gè)飛輪，幫助其機(jī)器學(xué)習(xí)算法看到了優(yōu)化自己所需要看到的東西。
原文發(fā)表在其個(gè)人博客上，標(biāo)題是：Seeing Like an Algorithm；篇幅關(guān)系，我們分兩部分刊出，此為上半部分。
劃重點(diǎn)：
在我上一篇關(guān)于TikTok的文章中，我討論了為什么它的For You Page算法是讓TikTok發(fā)揮作用的結(jié)締組織；它就是主板的總線，用來(lái)連接和關(guān)閉所有的反饋回路。
但是，在急于了解為什么各家公司都想收購(gòu)TikTok的情況下，如果字節(jié)跳動(dòng)把這款熱門(mén)的短視頻app拆分出來(lái)的話，圍繞著它的算法的炒作已經(jīng)有點(diǎn)被異化成那種往往被歸納為最近西方對(duì)中國(guó)科技分析的套路了。
在這篇文章中，我想討論一下TikTok的設(shè)計(jì)究竟是如何幫助它的算法表現(xiàn)得跟它一樣好的。
上次我討論了為什么FYP（For You Page）算法是TikTok飛輪的核心，但是如果這一算法不夠有效的話，那整個(gè)反饋回路就會(huì)崩潰；哪怕你對(duì)TikTok或短視頻領(lǐng)域不感興趣，了解一下這個(gè)算法是如何實(shí)現(xiàn)性也很重要，因?yàn)楦餍懈鳂I(yè)的公司都日益面臨著核心優(yōu)勢(shì)是機(jī)器學(xué)習(xí)算法的競(jìng)爭(zhēng)對(duì)手的競(jìng)爭(zhēng)。
我想討論的是TikTok的設(shè)計(jì)是如何幫助它的算法“看”東西的。
James C. Scott的《國(guó)家的視角》（Seeing Like a State）是那種很獨(dú)特的書(shū)，看過(guò)之后你會(huì)意識(shí)到硅谷就有那種使用（濫用）清晰性這個(gè)術(shù)語(yǔ)的類(lèi)型。
我是在看到Venkatesh Rao的書(shū)摘之后第一次聽(tīng)說(shuō)這本書(shū)的，如果你不打算看原著的話，那篇書(shū)摘仍然是很好的tldr入門(mén)讀物（Scott Alexander的書(shū)評(píng)也不錯(cuò)，只不過(guò)他的書(shū)評(píng)也已經(jīng)長(zhǎng)到可以做自己的tldr ）；不過(guò)，我建議你還是要好好看看原著。
Scott那本書(shū)的副標(biāo)題是“那些試圖改善人類(lèi)狀況的項(xiàng)目是如何失敗的”。
這本書(shū)可以提高你對(duì)日常生活當(dāng)中的各種意外后果的意識(shí)，當(dāng)我們也有著偉人一般的傲慢時(shí)，不妨保持更謙卑的態(tài)度；這個(gè)世界比我們想象的要更豐富、更復(fù)雜。
比方說(shuō)，Scott的討論有很多都跟我們的現(xiàn)代社交網(wǎng)絡(luò)巨頭的某種傲慢感有關(guān)；這些占主導(dǎo)地位的應(yīng)用的目的就是要提高自身用戶(hù)群的清晰性，其中包括促進(jìn)互動(dòng)、防止用戶(hù)流失并最終提供定向廣告；反過(guò)來(lái)，這又導(dǎo)致他們的母公司陷入到錯(cuò)綜復(fù)雜的問(wèn)題之中，至今都未能擺脫困境。
不過(guò)這是需要另行討論的話題了；Scott關(guān)注的是民族國(guó)家如何用簡(jiǎn)化的抽象在概要的層面 “看清”自己的公民，而我想討論的是TikTok的app設(shè)計(jì)是如何讓它的算法“看到”有效地執(zhí)行匹配工作所需的所有細(xì)節(jié)的——這篇文章討論的則是是應(yīng)用和服務(wù)在設(shè)計(jì)時(shí)最大限度利用機(jī)器學(xué)習(xí)新模式。（我知道，這種討論有點(diǎn)諷刺意味，因?yàn)檫@種“看法”有可能被塑造為另一種決定用戶(hù)看法的看法，一種美國(guó)的科技公司只能作壁上觀的看法。）
近年來(lái)，至少在像我這樣的門(mén)外漢看來(lái)，我們意識(shí)到，只需要通過(guò)把訓(xùn)練的數(shù)據(jù)量增加幾個(gè)數(shù)量級(jí)，機(jī)器學(xué)習(xí)就可以取得很大程度的進(jìn)步；也就是說(shuō)，就算算法本身跟幾年前沒(méi)有太大的不同，僅通過(guò)在更大的數(shù)據(jù)集上對(duì)其進(jìn)行訓(xùn)練，人工智能研究人員就能取得像GPT-3這樣的突破（GPT-3暫時(shí)給科技Twitter們帶來(lái)了高潮） 。
當(dāng)大家說(shuō)TikTok的算法是取得成功的關(guān)鍵時(shí)，很多人會(huì)把某些神奇的代碼段看作是公該司的秘密武器。
俄羅斯當(dāng)代后現(xiàn)代主義作家Viktor Pelevin說(shuō)，所有的現(xiàn)代電影都是同一個(gè)主角：一個(gè)裝滿(mǎn)錢(qián)的公文包；從《死吻》的放射性物質(zhì)公文包，到《低俗小說(shuō)》里面的那個(gè)類(lèi)似的里面金光閃閃的、不知道裝著什么的公文包；從《魔頭對(duì)捕頭》（The Formula）的創(chuàng)世紀(jì)方程，到大衛(wèi)·馬梅特（David Mamet）的《西班牙囚犯》（The Spanish Prisoner）里面的秘密的金融處理，我們長(zhǎng)期以來(lái)一直對(duì)有魔力的麥格芬（McGuffin，推動(dòng)情節(jié)發(fā)展的對(duì)象或事件）感到癡迷。
最近幾周，對(duì)TikTok算法的討論已經(jīng)把它提升成了類(lèi)似的東西，這個(gè)算法就好像是《奪寶奇兵》系列電影（如《法柜奇兵》、《圣戰(zhàn)奇兵》…）里面那些神秘的考古文物一樣。
但是這個(gè)領(lǐng)域大多數(shù)的專(zhuān)家的態(tài)度不會(huì)是這樣，他們不相信TikTok在機(jī)器學(xué)習(xí)推薦算法方面取得了迄今為止我們所不知道的進(jìn)步；實(shí)際上，大多數(shù)人會(huì)說(shuō)，TikTok的做法大概跟別人的解決問(wèn)題方法無(wú)異。
但是要記住的是，機(jī)器學(xué)習(xí)算法的有效性不僅僅取決于算法，還要取決于利用某些數(shù)據(jù)集訓(xùn)練過(guò)后的算法；GPT-3也許并沒(méi)有什么新鮮，但是通過(guò)接受大規(guī)模的數(shù)據(jù)訓(xùn)練，以及設(shè)置大量的參數(shù)，其輸出往往令人驚訝。
同樣地，基于自身數(shù)據(jù)集訓(xùn)練過(guò)的TikTok FYP算法，在將視頻與認(rèn)為該視頻有趣的人進(jìn)行匹配方面非常準(zhǔn)確有效（而且，同樣重要的是，在不向那些不認(rèn)為視頻有趣的人推送方面也很有效） 。
有些領(lǐng)域，比方說(shuō)文本，可以輕松獲得大量訓(xùn)練得很好的數(shù)據(jù)；比方說(shuō)，要想訓(xùn)練出像GPT-3這樣的AI模型，你可以到互聯(lián)網(wǎng)、書(shū)籍等上面找到大量可用的文本集；如果你想訓(xùn)練視覺(jué)AI，可以在網(wǎng)上和各種數(shù)據(jù)庫(kù)里面找到大量照片；訓(xùn)練仍然很費(fèi)錢(qián)，但是至少你手頭有足夠的訓(xùn)練數(shù)據(jù)。
但對(duì)于TikTok （或者抖音）來(lái)說(shuō)，它那擅長(zhǎng)推薦短視頻給受眾的算法可就沒(méi)有公開(kāi)可用的這么大規(guī)模的訓(xùn)練數(shù)據(jù)集了。
去哪里可以找到模因、小孩跳舞、對(duì)口型、可愛(ài)的寵物、推銷(xiāo)品牌的網(wǎng)紅、士兵越障訓(xùn)練、小孩模仿品牌等內(nèi)容的短視頻呢？就算你有這樣的視頻，又該去哪里找到關(guān)于大眾對(duì)此類(lèi)視頻感受的可比數(shù)據(jù)呢？除了Musical.ly的數(shù)據(jù)集以外（主要是美國(guó)喜歡玩對(duì)口型的青少年），這樣的數(shù)據(jù)并不存在。
這是一個(gè)獨(dú)特的雞生蛋還是蛋生雞的問(wèn)題，如果沒(méi)有這款app的的攝像頭工具和濾鏡，以及拿到版權(quán)的音樂(lè)剪輯的話，TikTok的算法需要訓(xùn)練的那種視頻就很難創(chuàng)建。
那么，這就是TikTok設(shè)計(jì)的魔力所在：app會(huì)激發(fā)和促進(jìn)視頻的創(chuàng)作與瀏覽，算法然后用這些視頻進(jìn)行訓(xùn)練，再反過(guò)來(lái)激發(fā)和促進(jìn)視頻的創(chuàng)作與瀏覽，形成反饋回環(huán)。
為了讓自己的算法發(fā)揮最大的效用，TikTok成為了自己的訓(xùn)練數(shù)據(jù)源。
要了解TikTok是如何做出這么強(qiáng)大的學(xué)習(xí)飛輪，我們需要對(duì)它的設(shè)計(jì)進(jìn)行深入研究。
關(guān)于科技的UI設(shè)計(jì)，主導(dǎo)的思想流派（至少是我成長(zhǎng)的過(guò)去二十年里）關(guān)注的重點(diǎn)是消除用戶(hù)所做事情的摩擦，并讓他們?cè)诖诉^(guò)程中感到愉悅；其設(shè)計(jì)目標(biāo)是優(yōu)雅，什么是優(yōu)雅：優(yōu)雅就是直觀、巧妙，甚至?xí)r尚。
也許沒(méi)有一家公司比蘋(píng)果把這種設(shè)計(jì)風(fēng)格體現(xiàn)得更加淋漓盡致，巔峰狀態(tài)下的蘋(píng)果總能把自己的軟硬件做出優(yōu)雅的感覺(jué)——“就是這么好用（it just works）”，但同時(shí)又很迷人，讓用戶(hù)覺(jué)得很雅致。
（蘋(píng)果控制風(fēng)格的名聲就沒(méi)那么光彩了——手機(jī)、筆記本電腦不可替換的電池，目前有關(guān)應(yīng)用商店規(guī)則的爭(zhēng)論）在發(fā)布新品的主旨演講時(shí)，展示一塊硬邦邦的鋁塊是如何變成嶄新的MacBook Pro機(jī)身的視頻的理由是什么？
因?yàn)槁?tīng)到工業(yè)激光把那塊鋁雕刻成一體化機(jī)身時(shí)發(fā)生的聲音很性感？然后，當(dāng)你在咖啡店用那臺(tái)筆記本電腦敲擊一封電子郵件時(shí)，在你的潛意識(shí)里，有關(guān)那段視頻的一點(diǎn)殘留的記憶里面會(huì)不會(huì)讓你的多巴胺受到一點(diǎn)點(diǎn)的觸動(dòng)？
這種以用戶(hù)為中心的設(shè)計(jì)模式在這么長(zhǎng)時(shí)間以來(lái)一直占據(jù)著主導(dǎo)地位是有原因的，尤其是在消費(fèi)類(lèi)技術(shù)里面。
首先，這的確有用——蘋(píng)果的市值最終超過(guò)了2萬(wàn)億美元（還記得假冒的Sean Parker說(shuō)過(guò)十億美元很酷嗎？那還是十年前，現(xiàn)在十億美元不再是金牛了，財(cái)富的量級(jí)在飛速發(fā)展。）
此外，我們生活在大規(guī)模網(wǎng)絡(luò)效應(yīng)時(shí)代，應(yīng)用了Ben Thompson的聚合理論并獲得大量用戶(hù)群的科技巨頭，可以在他們所參與的市場(chǎng)當(dāng)中發(fā)揮出不可思議的杠桿作用——要先做到這一點(diǎn)，最佳的辦法之一就是設(shè)計(jì)出能比競(jìng)爭(zhēng)對(duì)手更好地滿(mǎn)足用戶(hù)需求的產(chǎn)品和服務(wù)。
長(zhǎng)期以來(lái)，這種設(shè)計(jì)流派一直占據(jù)著主導(dǎo)地位，以至于我?guī)缀跬浟诉^(guò)去時(shí)代慣常采用過(guò)的一些蠻不講理的軟件設(shè)計(jì)了。（不要把它跟野獸派設(shè)計(jì)混為一談，后者其實(shí)就像它在建筑方面的表親一樣，在設(shè)計(jì)上是相當(dāng)美的。）
但是，如果要想最大限度地服務(wù)好用戶(hù)的關(guān)鍵要取決于對(duì)機(jī)器學(xué)習(xí)算法的訓(xùn)練呢？如果這個(gè)ML算法需要龐大的訓(xùn)練數(shù)據(jù)集該怎么辦？在機(jī)器學(xué)習(xí)方興未艾的時(shí)代，這日益成為關(guān)鍵的設(shè)計(jì)目標(biāo)。
在考慮如何設(shè)計(jì)app時(shí)，你日益必須考慮怎么才能最好地幫助算法去“看”——為了最大限度地服務(wù)好用戶(hù)，請(qǐng)先服務(wù)好你的算法。
TikTok讓我著迷，因?yàn)椴还苁且馔膺€是有意而為之，這都是一個(gè)為了盡可能多地給自己的算法提供有用信號(hào)的現(xiàn)代app的典范——這就是我所謂的算法友好型設(shè)計(jì)的范本。（我曾經(jīng)想過(guò)把它叫做以算法為中心的設(shè)計(jì)，但覺(jué)得這種說(shuō)法有點(diǎn)過(guò)頭了；一個(gè)幫助算法看見(jiàn)東西的設(shè)計(jì)到頭來(lái)仍然是為了給用戶(hù)提供盡可能好的體驗(yàn)。）
我們?nèi)匀豢梢哉J(rèn)為這只是以用戶(hù)為中心的設(shè)計(jì)的一種變體，但是對(duì)于那些大量采用機(jī)器學(xué)習(xí)算法組件進(jìn)行產(chǎn)品開(kāi)發(fā)的團(tuán)隊(duì)來(lái)說(shuō)，明確地承認(rèn)這一點(diǎn)也許有用；畢竟，當(dāng)產(chǎn)品經(jīng)理，設(shè)計(jì)師和工程師開(kāi)會(huì)討論app設(shè)計(jì)時(shí)，算法是不會(huì)出席的；但是，對(duì)算法的訓(xùn)練需求必須得到體現(xiàn)。
James Scott在談到《國(guó)家的視角》，談到了城市設(shè)計(jì)等領(lǐng)域的巨大變化，比如讓土地面積和業(yè)主數(shù)量對(duì)征稅者“清晰可見(jiàn)”；TikTok的設(shè)計(jì)使得它的視頻、用戶(hù)和用戶(hù)首選項(xiàng)對(duì)For You Page算法清晰可見(jiàn)；這種app設(shè)計(jì)履行了它的主要職責(zé)之一：“像算法一樣看東西”。
我們不妨仔細(xì)看看，TikTok打開(kāi)后就是“For You Page”頁(yè)面，然后直接進(jìn)入視頻。這就是它的樣子。
這個(gè)是到目前為止有史以來(lái)最熱門(mén)的TikTok視頻，截止到我發(fā)布這篇文章時(shí)，它的34.1M個(gè)點(diǎn)贊可能已經(jīng)不止了；你可以看看有關(guān)這條TikTok是如何誕生的故事，看過(guò)之后你仍然會(huì)覺(jué)得這是一個(gè)充滿(mǎn)悖論的文化難題，但是你看過(guò)后會(huì)喜歡的。
我把這個(gè)給我侄女看了，然后我們一起循環(huán)播放了好幾十次，然后我們一起開(kāi)始大喊“從M到B，從M到B”，然后一起笑了起來(lái)，這是我在這場(chǎng)疫情當(dāng)中真正的感受不是絕望的少數(shù)幾次之一。
整個(gè)屏幕被一個(gè)視頻填滿(mǎn)。只有一個(gè)視頻，視頻用豎屏全屏顯示；注意，這是不能滾動(dòng)的，而是分頁(yè)。視頻幾乎是立即自動(dòng)播放（接下來(lái)的幾個(gè)視頻被加載到后臺(tái)，所以輪到的時(shí)候可以很快播放出來(lái)）。
這種設(shè)計(jì)讓用戶(hù)要面對(duì)一個(gè)緊迫的問(wèn)題：你對(duì)這個(gè)短視頻的感覺(jué)如何？就這個(gè)短視頻。
從視頻開(kāi)始播放到現(xiàn)在，你所做的一切都是你對(duì)該視頻的感受的信號(hào)；你是不是在它還沒(méi)播放完就滑向了下一個(gè)視頻？是的話就隱含（盡管邊界是顯性的）表示你對(duì)它不感興趣。
你是不是看了不止一次，讓它循環(huán)播放了好幾次？似乎不知怎的它就吸引了你。你有沒(méi)有通過(guò)內(nèi)置的分享面板分享了這段視頻？這是正面情緒的另一個(gè)有力指標(biāo)。
如果你點(diǎn)擊右下角旋轉(zhuǎn)的LP圖標(biāo)，看了更多有著同樣背景音樂(lè)的視頻的話，就是該視頻對(duì)你胃口的進(jìn)一步信號(hào)；音樂(lè)線索往往是模因的代名詞，現(xiàn)在TikTok又有了一條為你推薦視頻的軸線了。
還有，你是不是跑去看了看視頻創(chuàng)作者的個(gè)人資料頁(yè)面？你是不是看過(guò)她其他的視頻，然后還關(guān)注了對(duì)方？是的話說(shuō)明你除了欣賞視頻以外，也許你還特別欣賞對(duì)方這個(gè)人。
但是，我們不妨再退后一步，看看這你還沒(méi)有看到這個(gè)視頻之前，TikTok的算法自己是怎么“看見(jiàn)”這個(gè)視頻的；在這個(gè)視頻通過(guò)FYP算法發(fā)送到你的手機(jī)之前，TikTok的運(yùn)營(yíng)團(tuán)隊(duì)有人已經(jīng)看了這個(gè)視頻，并添加了大量相關(guān)標(biāo)簽或標(biāo)記。
這個(gè)視頻是跟跳舞有關(guān)的嗎？是對(duì)口型？還是視頻游戲？有小貓嗎？還是花栗鼠？是搞笑的嗎？主體是男的還是女的？大概幾歲？是群視頻嗎？背景在哪里？用的是什么濾鏡或視覺(jué)效果？如果里面包括有食物，是什么食物？等等，所有這些標(biāo)簽都成為了算法現(xiàn)在可以看到的功能。
視頻還要在視覺(jué)AI這里處理一下，并為自己能看到的東西做出貢獻(xiàn)；TikTok有些攝像頭濾鏡能夠跟蹤人臉、手或者手勢(shì)，所以視覺(jué)AI往往在視頻被創(chuàng)建出來(lái)之前就被調(diào)用過(guò)了。
這個(gè)算法還可以看到TikTok所了解到的有關(guān)你的信息，你過(guò)去喜歡什么類(lèi)型的視頻？有關(guān)你的人口統(tǒng)計(jì)學(xué)信息或心理學(xué)信息有哪些？你是在哪里看這個(gè)視頻的？你用的是什么類(lèi)型的設(shè)備？等等，除此之外，還有哪些其他用戶(hù)跟你相似？
一、《國(guó)家的視角》 Vs 算法的視角
二、TikTok把自己變成算法的訓(xùn)練源
三、以用戶(hù)中心 Vs 對(duì)算法友好
文章來(lái)源：人人都是產(chǎn)品經(jīng)理 作者：紙盒小卡車(chē)
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
新的十年，新技術(shù)也悄然到來(lái)。人工智能潤(rùn)物無(wú)聲，5G 應(yīng)用也漸漸嶄露頭角。新時(shí)代帶來(lái)了新的技術(shù)，新的場(chǎng)景，新的用戶(hù)。用戶(hù)體驗(yàn)從未像今天如此豐富多彩又復(fù)雜細(xì)致，給設(shè)計(jì)師帶來(lái)了全新的機(jī)遇與挑戰(zhàn)。
而在疫情的大背景下，對(duì)演出行業(yè)而言，需要加速傳統(tǒng)演出產(chǎn)業(yè)的線上化變革適應(yīng)疫情背景的同時(shí)，也要利用新技術(shù)嘗試增強(qiáng)線下的演出觀演體驗(yàn)。這對(duì)演出形式的發(fā)展提出了更高的要求。
貓眼演出設(shè)計(jì)團(tuán)隊(duì)搜集近年來(lái)優(yōu)秀的用戶(hù)體驗(yàn)案例，并嘗試預(yù)測(cè)未來(lái)一段時(shí)間用戶(hù)體驗(yàn)發(fā)展的趨勢(shì)與方向。希望對(duì)大家有所啟發(fā)。
相較于演唱會(huì)、音樂(lè)節(jié)等演出，展覽內(nèi)容向線上遷移的成本較低。2020 年的畢業(yè)展覽，各大高校采用了不同形式的線上展覽，為青春畫(huà)上圓滿(mǎn)句號(hào)。
央美的線上畢業(yè)展中，幾乎 1:1 還原了學(xué)校展廳原貌，觀眾可以在展廳內(nèi)走動(dòng)來(lái)觀察展品。讓觀眾身臨其境感受藝術(shù)氛圍。
清華美院的展覽中采用視差風(fēng)格，用戶(hù)可以將手機(jī)橫向滑動(dòng)，感受內(nèi)容在指尖流動(dòng)。是更適合移動(dòng)端瀏覽內(nèi)容的形式。
說(shuō)起類(lèi)似「?jìng)鹘y(tǒng)直播」的線上演唱會(huì)嘗試，缺少演出者與觀眾的互動(dòng)成為較大的遺憾。在釘釘 Live 與 Beyond 中，觀演者可以通過(guò)攝像頭參與到演出的背景中，并與演出者同屏互動(dòng)，帶來(lái)打破空間阻隔的互動(dòng)試聽(tīng)體驗(yàn)。
熒光棒當(dāng)然是演唱會(huì)不可缺少的一環(huán)。而能夠與演出互動(dòng)的熒光棒則能夠大大提升參與感。
Beyond Live 推出的互動(dòng)應(yīng)援棒，可以跟隨演出實(shí)時(shí)互動(dòng)，大大增強(qiáng)了演出的臨場(chǎng)感。
對(duì)演出行業(yè)而言，疫情的到來(lái)是不小的打擊。但也激勵(lì)著從業(yè)者往新的方向去探索，尋找為觀眾呈現(xiàn)演出的新形式。
人工智能的發(fā)展到今天，逐步開(kāi)始為產(chǎn)品體驗(yàn)添磚加瓦。我們?cè)絹?lái)越能感受到產(chǎn)品更懂用戶(hù)了，在合適的時(shí)機(jī)做正確的事情。而其中讓產(chǎn)品更懂我們的，正是 AI 為產(chǎn)品添加的感官。
無(wú)論是視覺(jué)還是聽(tīng)覺(jué)，AI 賦予產(chǎn)品更細(xì)致的觀察，從而創(chuàng)造更加人性化的體驗(yàn)。
語(yǔ)音類(lèi)產(chǎn)品可以進(jìn)行連續(xù)對(duì)話，并根據(jù)上下文進(jìn)行整體語(yǔ)境的理解。不僅讓日常生活更加便利，同時(shí)也照顧到聽(tīng)障人士，在打電話這件事情上實(shí)現(xiàn)了「文字 - 語(yǔ)音跨感官」的交流。
Google Assistant 可以根據(jù)用戶(hù)的要求，打電話與商戶(hù)老板預(yù)約訂餐。
在小愛(ài)同學(xué)的幫助下，現(xiàn)在可以用打字聊天的方式接聽(tīng)電話。不僅讓不方便接電話的場(chǎng)景得到解脫，也解決了聽(tīng)障人士打電話的難題。
借助 AI 對(duì)周?chē)h(huán)境的分析，可以感知到更細(xì)致的用戶(hù)場(chǎng)景。華為 Mate 30 Pro 借助 AI 判斷人臉與設(shè)備之間的角度，來(lái)決定屏幕內(nèi)容是否需要旋轉(zhuǎn)。相比較陀螺儀對(duì)重力的感知，這樣的方式可以更準(zhǔn)確判斷使用場(chǎng)景。
在呈現(xiàn)復(fù)雜內(nèi)容時(shí)，AI 智能判斷畫(huà)面主體，從而優(yōu)化給用戶(hù)呈現(xiàn)的畫(huà)面。
在 Bilibili 實(shí)現(xiàn)的防擋彈幕利用 AI 去分析視頻中的人物、動(dòng)物等「畫(huà)面主體」，給彈幕添加遮罩層。從而實(shí)現(xiàn)畫(huà)面主體與彈幕的和諧共存。
當(dāng)機(jī)器可以看懂人的手勢(shì)，我們就可以隔空來(lái)發(fā)號(hào)施令了。
在 DJay Pro AI 中，一臺(tái) iPad 放在桌面上，DJ 就可以隔空打碟。在難以觸控屏幕的場(chǎng)景中，手勢(shì)也有著其不可忽略的痛點(diǎn)。
在 Mate 30 系列中，用戶(hù)也可以通過(guò)手勢(shì)來(lái)進(jìn)行截圖、上下翻動(dòng)等常用操作。
AI 賦予了產(chǎn)品感官，對(duì)現(xiàn)實(shí)有了更深入的理解。同時(shí)也使得 AR 的內(nèi)容不僅局限于「好看」的展示，而能更好地與周?chē)h(huán)境結(jié)合起來(lái)。
Google Lens 可以根據(jù)定位和識(shí)別內(nèi)容判斷用戶(hù)所在餐館，并在菜單中標(biāo)注推薦的菜肴。
Rekugaki AR 可以識(shí)別畫(huà)面中的卡通形象，并創(chuàng)建一個(gè)紙片人與用戶(hù)互動(dòng)。
更新 iOS 14 之后，AirPods Pro 擁有了「空間音頻」。結(jié)合播放設(shè)備與耳機(jī)的位置，通過(guò)陀螺儀等設(shè)備共同模擬一個(gè)虛擬聲場(chǎng)，讓用戶(hù)有身臨其境的空間音頻感受。增強(qiáng)了 AR 在音頻領(lǐng)域的體現(xiàn)。
在 2020 年，內(nèi)容為王的時(shí)代，UI 所扮演的角色也漸漸變化。從過(guò)去，想盡辦法吸引用戶(hù)的點(diǎn)擊和關(guān)注，到如今，會(huì)更多思考如何包裝和凸顯內(nèi)容。
或許潤(rùn)物無(wú)形，讓用戶(hù)覺(jué)得理所當(dāng)然的沉浸感，才是 UI 最好的歸宿。
相比較 UI 設(shè)計(jì)早期對(duì)于彈窗的頻繁使用，近些年在產(chǎn)品設(shè)計(jì)中越來(lái)越克制對(duì)于用戶(hù)的打擾。從而讓用戶(hù)盡可能沉浸在當(dāng)前的體驗(yàn)流程中。
在 iOS 14 中，如果用戶(hù)正在使用手機(jī)，來(lái)電則以通知的形式呈現(xiàn)，在玩游戲的場(chǎng)景可能尤為有用。Siri 也不再占據(jù)全屏幕的內(nèi)容，而是以底部的小圓球出現(xiàn)。這樣假如我們把手機(jī)呈現(xiàn)的內(nèi)容視為沉浸的世界，Siri 更像是一個(gè)身邊的小助手，而不是專(zhuān)門(mén)要跑一趟的柜臺(tái)了。
在很多專(zhuān)注內(nèi)容的產(chǎn)品中，會(huì)更注重沉浸式的設(shè)計(jì)。減少線框和切割，弱化 UI 和導(dǎo)航元素，在全局視野里都填充內(nèi)容。
Apple Music 的歌詞界面中，隨著歌聲響起，歌詞也隨之滾動(dòng)。與此同時(shí)，背景也呈現(xiàn)極光的流動(dòng)感。使人沉浸在優(yōu)美的歌曲中。
在很多專(zhuān)注于呈現(xiàn)內(nèi)容的網(wǎng)站中，則更多采用了扁平化、去分割化的設(shè)計(jì)。讓用戶(hù)更專(zhuān)注于內(nèi)容本身。Dribbble 的改版中，將導(dǎo)航欄改為白色，背景也變?yōu)榧儼?。讓用?hù)不去思考功能模塊，而專(zhuān)注于內(nèi)容本身。
近幾年隨著屏幕技術(shù)的不斷更新，逐步在硬件上呈現(xiàn)出穩(wěn)定的產(chǎn)品形態(tài)。相較于傳統(tǒng)的屏幕，手機(jī)屏幕的更新出現(xiàn)以下的關(guān)鍵詞：
而這些新的硬件形態(tài)也對(duì) UI 設(shè)計(jì)提出了新的要求。我們可以看到針對(duì)于這些硬件特性，UI 設(shè)計(jì)也有了新的變化：
相較于傳統(tǒng)的直角屏幕，全面屏為了貼合手機(jī)的硬件形態(tài)。呈現(xiàn)一個(gè)圓角矩形的視野。在 UI 設(shè)計(jì)中，呈現(xiàn)大圓角風(fēng)格的卡片設(shè)計(jì)，能更好貼合這樣的屏幕，實(shí)現(xiàn)軟硬件合一的觀感。
如今主流的手機(jī)屏幕已經(jīng)到了 6 寸，于是這對(duì)單手操作帶來(lái)了很大的挑戰(zhàn)。各大廠商在不斷優(yōu)化交互細(xì)節(jié)的同時(shí)，也有廠商帶來(lái)了新的思路。
在三星推出的 One UI 中，將上半屏主要用于內(nèi)容展示，而下半屏幕放置操作內(nèi)容。在高德地圖上我們也看到了類(lèi)似的思路。
OLED 屏幕可以顯示非常純凈的黑色，而深色模式可以很好利用這一點(diǎn)。深色模式可以突出內(nèi)容，也可以因?yàn)榇蟛糠謪^(qū)域不發(fā)光更省電。而用戶(hù)過(guò)去很多年都看慣了白色的背景，突然“眼前一黑”也許眼前一亮。
有了更大的屏幕，就要做更多的事情。越來(lái)越多的廠商支持系統(tǒng)級(jí)浮窗。甚至在 Galaxy Fold 2 中，可以同時(shí)顯示 4 個(gè)分屏，還能再添加浮窗。
新出現(xiàn)的折疊屏形態(tài)，則要求產(chǎn)品在布局上更加靈活，在大屏幕上呈現(xiàn)更多內(nèi)容。在華為 Mate Xs 的「平行視界」功能中，用戶(hù)可以在左右分屏中展現(xiàn)前后兩級(jí)頁(yè)面，購(gòu)物比價(jià)更方便。利用折疊屏的特性，實(shí)現(xiàn)了 1 + 1 > 2 的效果。
信息時(shí)代，數(shù)碼世界已經(jīng)承載了我們太多的回憶與財(cái)富。頻繁的身份驗(yàn)證保證了我們的財(cái)產(chǎn)與隱私安全，但也帶來(lái)了諸多的不便。忘掉的密碼，濕掉的指紋，忍不住讓人大喊「我就是我啊，你怎么不明白」。如何讓身份驗(yàn)證變得快速且無(wú)感，讓生活變得方便且簡(jiǎn)單。
在演出行業(yè)中，特別是需要快速準(zhǔn)確驗(yàn)證身份的檢票場(chǎng)景中，使用 AI + 人臉識(shí)別技術(shù)也大大提升了檢票效率。
人臉總是最好的密碼。不論是 Face ID 還是刷臉支付，快速、低錯(cuò)誤率的特性，總是讓人印象深刻。
Amazon 推出的無(wú)感支付超市 Amazon GO，用戶(hù)不需要進(jìn)行任何形式的身份驗(yàn)證，拿了商品，走出超市，購(gòu)物就完成了。
iOS 14 中，你可以用手機(jī)來(lái)解鎖車(chē)輛，甚至可以通過(guò)信息，將車(chē)鑰匙分享給他人并設(shè)置可用時(shí)間。
如今每個(gè)人都擁有更多的智能設(shè)備，如果設(shè)備只能獨(dú)立使用，顯然不能發(fā)揮最大的價(jià)值。好在如今設(shè)備之間的連接更快更強(qiáng)大，最終組成快速無(wú)縫的優(yōu)質(zhì)體驗(yàn)。
超寬帶（Ultra Wide Band，UWB）技術(shù)是一種無(wú)線載波通信技術(shù)，能賦予設(shè)備空間感知的能力。當(dāng)設(shè)備之間了解了彼此的方位，能在很多場(chǎng)景尤其是家居場(chǎng)景中提供便利。
iPhone 11 搭載的 U1 芯片賦予設(shè)備之間的空間感知能力。用戶(hù)可以將手機(jī)對(duì)準(zhǔn)想要分享的設(shè)備，在界面中就會(huì)優(yōu)先展示。
小米發(fā)布的「一指連」技術(shù)，用戶(hù)可以將手機(jī)對(duì)準(zhǔn)想要控制的智能設(shè)備，在手機(jī)中就會(huì)自動(dòng)彈出對(duì)應(yīng)的控制面板。
iOS 14 更新后，用戶(hù)無(wú)需對(duì) AirPods 進(jìn)行斷開(kāi)或重新連接的操作。耳機(jī)會(huì)在用戶(hù)在新設(shè)備播放聲音時(shí)，自動(dòng)連接到新設(shè)備。對(duì)于設(shè)備感知的弱化，就是對(duì)體驗(yàn)感知的提升。
在 macOS 10.15 后，用戶(hù)可以將 iPad 作為拓展屏幕使用。并且無(wú)線、低延遲、高畫(huà)質(zhì)。甚至可以利用 Apple Pencil 在 Mac 的 Photoshop 中進(jìn)行繪畫(huà)，作為 Mac 生產(chǎn)力內(nèi)容的補(bǔ)充。
使用華為手機(jī)與 MateBook 時(shí)，用手機(jī)輕觸觸摸板即可實(shí)現(xiàn)無(wú)線投屏。并且在電腦端可以打開(kāi)手機(jī)文件進(jìn)行編輯、保存，同時(shí)支持手機(jī)、電腦文件之間的拖拽操作。實(shí)現(xiàn)了手機(jī)與電腦的快速無(wú)縫協(xié)同。
數(shù)字世界如今已經(jīng)承載著很多人的第二生活，而隱私的權(quán)利也在信息時(shí)代有了更廣的延伸。在產(chǎn)品利用我們的個(gè)人信息創(chuàng)造便利的同時(shí)，也帶來(lái)了很多隱私泄露的隱患。越來(lái)越多的人開(kāi)始期待，能夠享受大數(shù)據(jù)帶來(lái)的便利，而不必?fù)?dān)心自己的信息被用在不正當(dāng)?shù)耐緩健?
iOS 14 之后的 App Store 中，用戶(hù)可以看到應(yīng)用所請(qǐng)求的數(shù)據(jù)權(quán)限。在應(yīng)用訪問(wèn)剪貼板時(shí)，也會(huì)在頂部彈出提示。
安卓生態(tài)中的反復(fù)喚醒是困擾用戶(hù)的一大問(wèn)題。MIUI 12 中可以查看應(yīng)用之間的喚醒、定位、使用媒體的記錄，誰(shuí)是流氓軟件一目了然。
MIUI 12 中可以開(kāi)啟虛擬身份或使用空白通行證進(jìn)行應(yīng)用授權(quán)，這樣既可以使用對(duì)身份有要求的 APP，也可以避免隱私的泄露。
iOS 相冊(cè)權(quán)限細(xì)分為「全部照片」「部分照片」「不允許訪問(wèn)照片」，這樣當(dāng)用戶(hù)僅希望分享幾張照片時(shí)，不需要讓?xiě)?yīng)用可以訪問(wèn)所有照片了。
iOS 14 之后，用戶(hù)可以關(guān)閉「允許 App 請(qǐng)求跟蹤」開(kāi)關(guān)，以此減少 App 對(duì)個(gè)人信息的獲取。
2020 年，90 后三十而立，將要面對(duì)更多的挑戰(zhàn)，承擔(dān)著更多的精神與情感壓力。
00 后也跨入了 20 歲的年紀(jì)，這些 Z 時(shí)代的年輕人成為了網(wǎng)絡(luò)主流。他們追求個(gè)性，情緒上更加敏感，表達(dá)情感的欲望也更加強(qiáng)烈。
面對(duì)著 996、內(nèi)卷與房?jī)r(jià)，似乎大多數(shù)人都在感受著不同程度的壓力。
在網(wǎng)易云這樣一個(gè)主打聽(tīng)歌評(píng)論的社區(qū)中，出現(xiàn)了大量帶有「抑郁情緒」的評(píng)論。網(wǎng)易云也被大家戲稱(chēng)為「網(wǎng)抑云」。在發(fā)現(xiàn)相關(guān)情況后，網(wǎng)易云推出了「關(guān)懷計(jì)劃」，在 App 中接入專(zhuān)業(yè)心理咨詢(xún)的同時(shí)，也設(shè)計(jì)了一些治愈的小功能，幫助大家紓解情緒。在評(píng)論中用雙指捏合，可以給評(píng)論者一個(gè)抱抱。在疫情背景的今天，或許是難得的安慰。
年輕人的個(gè)性化需求和表達(dá)欲望總是更強(qiáng)烈，在產(chǎn)品中滿(mǎn)足年輕人的想法，就能抓住年輕人的心。
在騰訊漫畫(huà) App 中，切換性別會(huì)讓首頁(yè)呈現(xiàn)完全不同的內(nèi)容推薦。
在 QQ 里，連續(xù) 7 天和同一個(gè)人聊天可以有一個(gè)小火苗，30 天則可以變成大火苗。而針對(duì)新朋友和聊得最多的朋友還有四葉草和小船等標(biāo)識(shí)。這些個(gè)性化、游戲化的展示，滿(mǎn)足了年輕人的展示欲望，和對(duì)趣味的追求。
2020 年，疫情讓很多人分隔兩地，很多親密關(guān)系很難在線上維系。于是很多產(chǎn)品推出了「一起」功能，在線上可以一起聽(tīng)歌看電影，滿(mǎn)足疫情時(shí)代，人們的社交需求。
在網(wǎng)易云中，可以分享歌曲給朋友一起聽(tīng)歌。雙方都可以控制歌曲的切換與暫停，還能通過(guò)麥克風(fēng)與對(duì)方聊天說(shuō)話。
在 QQ 中可以選擇「一起看」，分享給好友之后可以同進(jìn)度觀看視頻，還能在下方聊天互動(dòng)發(fā)送表情等。
在本文寫(xiě)完的 2020 年 10 月，我們能看見(jiàn)對(duì)疫情的控制程度在全社會(huì)的努力下漸漸往好的方向發(fā)展，線下的演出在漸漸復(fù)蘇，行業(yè)對(duì)線上演出展覽的探索也初見(jiàn)成效。
黃明昊 Just 18 Teen 新歌首唱會(huì)剛剛結(jié)束，貓眼演出 · 超級(jí)現(xiàn)場(chǎng)所實(shí)現(xiàn)的線上演出直播 + 線下影院觀演，與偶像同屏的互動(dòng)方式得到了粉絲的一致好評(píng)。
我們也即將迎來(lái)英雄聯(lián)盟世界賽這樣首個(gè)大型線下演出項(xiàng)目。相信 AI 人臉識(shí)別的技術(shù)在閘機(jī)入場(chǎng)的應(yīng)用，能為召喚師們帶來(lái)更好的觀賽體驗(yàn)。
用戶(hù)體驗(yàn)在 2020 年的發(fā)展，已經(jīng)不局限于新技術(shù)的應(yīng)用，也更考驗(yàn)用戶(hù)體驗(yàn)設(shè)計(jì)師對(duì)于場(chǎng)景的細(xì)致洞察，對(duì)于用戶(hù)情感的細(xì)微把控。
文章來(lái)源：站酷 作者：貓眼演出設(shè)計(jì)Team
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
手機(jī)UI中的交互是保持產(chǎn)品鮮活生命力的源動(dòng)力。好的交互可以幫助用戶(hù)快速地獲得反饋，認(rèn)知布局，增強(qiáng)體驗(yàn)感和沉浸感。
APP UI設(shè)計(jì)一直在變化，就像網(wǎng)頁(yè)設(shè)計(jì)一樣，不停的創(chuàng)作新鮮、友好的產(chǎn)品，設(shè)計(jì)師要跟上這個(gè)趨勢(shì)，最好的方式就是多看優(yōu)秀案例，下面大家一起來(lái)看看今天的精選，建議訪問(wèn)官網(wǎng)查看更詳細(xì)的展示哦！
手機(jī)UI中的交互是保持產(chǎn)品鮮活生命力的源動(dòng)力。好的交互可以幫助用戶(hù)快速地獲得反饋，認(rèn)知布局，增強(qiáng)體驗(yàn)感和沉浸感。這里為大家整理了12款優(yōu)秀并富有創(chuàng)意的交互作品，為你的產(chǎn)品設(shè)計(jì)注入靈感。
精美的天氣app賞析
--手機(jī)appUI設(shè)計(jì)--
--精美的天氣app設(shè)計(jì)--
（以上圖片均來(lái)源于網(wǎng)絡(luò)）
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
更多精彩文章：
最近國(guó)外的設(shè)計(jì)平臺(tái)頻繁出現(xiàn)一類(lèi)內(nèi)容，大概類(lèi)似于「產(chǎn)品設(shè)計(jì)中的倫理道德與用戶(hù)體驗(yàn)」，里面的內(nèi)容有引起我的一些思考。
我先給大家舉個(gè)例子，來(lái)解釋一下上面這句話的意思。
以前，我們聊界面的設(shè)計(jì)，說(shuō)界面當(dāng)中如果有兩個(gè)按鈕，就要引導(dǎo)用戶(hù)走向主要操作，弱化次要的。類(lèi)似于下圖：
這時(shí)候一定會(huì)有一些設(shè)計(jì)師告訴你說(shuō)，這類(lèi)界面，要以左邊這種形式去設(shè)計(jì)，因?yàn)闊o(wú)論從視覺(jué)角度、優(yōu)先級(jí)角度還是企業(yè)利益角度來(lái)說(shuō)，左邊這種都更符合用戶(hù)操作的邏輯。
或者，如 PayPal 上底部的「移除卡」功能，故意在層級(jí)上做的很弱，顏色的處理讓按鈕看起來(lái)甚至是不可點(diǎn)擊的。
雖然「移除」對(duì)于產(chǎn)品來(lái)說(shuō)是一個(gè)危險(xiǎn)操作，產(chǎn)品不希望用戶(hù)進(jìn)行這一操作。但是對(duì)于用戶(hù)來(lái)說(shuō)，當(dāng)他們想要這個(gè)功能的時(shí)候，說(shuō)明意愿強(qiáng)烈，這時(shí)候這種設(shè)計(jì)會(huì)讓用戶(hù)產(chǎn)生糟糕的體驗(yàn)。
于是就有人提出說(shuō)：
為什么，用戶(hù)登錄注冊(cè)就這么簡(jiǎn)單，但是有些用戶(hù)想要注銷(xiāo)賬號(hào)卻如此麻煩？難道對(duì)于這些想要注銷(xiāo)賬號(hào)的用戶(hù)來(lái)說(shuō)，用戶(hù)體驗(yàn)就不重要了么？
其實(shí)，我覺(jué)得這個(gè)問(wèn)題，可以從兩個(gè)角度來(lái)說(shuō)明，分別是「目的」和「義務(wù)」。
作為產(chǎn)品團(tuán)隊(duì)的一員，我們的價(jià)值在于給公司創(chuàng)造利益，想方設(shè)法得到用戶(hù)的支持與廣告商的青睞。所以我們?cè)O(shè)計(jì)的產(chǎn)品都會(huì)有特定的目的。
比如，引導(dǎo)用戶(hù)去購(gòu)買(mǎi)產(chǎn)品或平臺(tái)中的商品，以讓企業(yè)能夠存活，持續(xù)運(yùn)營(yíng)下去。
但這并不是說(shuō)，企業(yè)把一些對(duì)用戶(hù)無(wú)用的商品賣(mài)給了用戶(hù)，用戶(hù)買(mǎi)的這份商品，對(duì)他們來(lái)說(shuō)一定是有價(jià)值的。產(chǎn)品并不是在欺騙用戶(hù)購(gòu)買(mǎi)無(wú)意義商品。
比如平臺(tái)支付了音樂(lè)或視頻的巨額版權(quán)費(fèi)，方便用戶(hù)在線上收聽(tīng)與觀看，那么用戶(hù)為這些內(nèi)容付費(fèi)是否應(yīng)當(dāng)？
企業(yè)做這些事，從用戶(hù)與廣告商身上獲取利益，本質(zhì)就是為了賺錢(qián)，這一點(diǎn)無(wú)可厚非。
所以在產(chǎn)品界面的設(shè)計(jì)中，如文章開(kāi)頭的示例，采用左圖的形式，突出辦理會(huì)員的按鈕，引導(dǎo)用戶(hù)付費(fèi)成為會(huì)員，似乎也沒(méi)什么問(wèn)題。
它不過(guò)是利用了「信息優(yōu)先級(jí)」的概念。我們需要幫助用戶(hù)去理解界面上所呈現(xiàn)的信息，目的是為了讓用戶(hù)更好的操作。如果所有信息的權(quán)重是一樣的，反而會(huì)影響用戶(hù)的使用，甚至造成體驗(yàn)障礙。
而逆向的，比如不辦理、跳過(guò)類(lèi)似的出口也有給到用戶(hù)，雖然從視覺(jué)上相對(duì)弱化了，但絕不應(yīng)該阻礙用戶(hù)去點(diǎn)擊。
從這點(diǎn)來(lái)說(shuō)，上圖示例的問(wèn)題不是在弱化了按鈕的視覺(jué)效果上，而是按鈕太小，可能會(huì)導(dǎo)致用戶(hù)誤觸「去辦理」，讓不想辦理的用戶(hù)頻繁點(diǎn)錯(cuò)；或者過(guò)分弱化界面上的重要元素，明明在眼皮底下，卻給用戶(hù)找不到的錯(cuò)覺(jué)，這才是根本性的問(wèn)題。
比如一些引導(dǎo)頁(yè)，在屏幕上設(shè)置了三個(gè)類(lèi)似「跳過(guò)」的按鈕，結(jié)果只有一個(gè)是有效的，產(chǎn)品為了讓用戶(hù)點(diǎn)擊廣告給企業(yè)創(chuàng)造收益，利用這樣的方式達(dá)到目的，這才是所謂倫理道德的缺失。
我再舉個(gè)例子。
連續(xù)包月，相比普通包月，策略大多都是第一個(gè)月有優(yōu)惠價(jià)，以引導(dǎo)用戶(hù)辦理連續(xù)包月服務(wù)。好處是，大多數(shù)用戶(hù)辦理了連續(xù)包月，就會(huì)長(zhǎng)期使用，它弱化了用戶(hù)的決策意識(shí)。
除了部分辦理完第一個(gè)月就取消服務(wù)的用戶(hù)，只是為了這個(gè)月用，利用這樣的漏洞省點(diǎn)錢(qián)，不過(guò)這也僅限于第一次辦理了。
那么我們作為設(shè)計(jì)師，就應(yīng)該從為公司盈利的角度去設(shè)計(jì)界面，引導(dǎo)用戶(hù)辦理連續(xù)包月服務(wù)，而不是普通包月，在界面上做出差別。
同樣的，當(dāng)每個(gè)月用戶(hù)需要自動(dòng)扣費(fèi)時(shí)，就應(yīng)該告訴用戶(hù)，過(guò)兩天又要一次扣費(fèi)了，做一個(gè)提醒。而不單單是成功辦理后，就再也不通知了，這是不對(duì)的，畢竟用戶(hù)每個(gè)月都在為產(chǎn)品付費(fèi)，這樣的通知是產(chǎn)品的義務(wù)。
如果用戶(hù)辦理的是年會(huì)員，已經(jīng)單次就付清年費(fèi)，那就沒(méi)必要反復(fù)提醒（也沒(méi)什么可提醒的）。
在這個(gè)例子中，用戶(hù)體驗(yàn)與倫理道德的界限很清晰，所以我并不覺(jué)得它們是相互矛盾的。
我們還可以舉很多例子來(lái)說(shuō)明這個(gè)問(wèn)題。
比如 Windows 系統(tǒng)下卸載軟件頻繁的下一步，甚至還會(huì)有錯(cuò)誤引導(dǎo)的設(shè)計(jì)。
再比如，在一些產(chǎn)品里關(guān)注了某個(gè)人，但是有一天想取關(guān)的時(shí)候，總是找不到取關(guān)按鈕?；蛘?，一些產(chǎn)品里并不重要的信息，總是閃著紅點(diǎn)引導(dǎo)用戶(hù)去點(diǎn)擊等等。
我們常常會(huì)去分析按鈕的各種樣式，比如是否有圓角，是否有投影，是否要漸變等等；也會(huì)去梳理按鈕與文案的關(guān)系，比如按鈕中的文案與邊框的間距，文案的大小要適配載體的比例等等；甚至，還會(huì)去分析按鈕的位置，比如取消按鈕應(yīng)該在左邊還是右邊，取消按鈕與關(guān)閉按鈕的區(qū)別等等。
但似乎，我們很少會(huì)去探討按鈕背后的這些事件，我們都知道按鈕是用戶(hù)與某個(gè)事物間接的交互控件，但我們從來(lái)都只注意于按鈕的外形與按鈕位置所應(yīng)有的邏輯，而沒(méi)有真正去探討按鈕所承載的這些問(wèn)題。
比如用戶(hù)點(diǎn)擊了「會(huì)員辦理」的按鈕，會(huì)發(fā)生什么事情？我們是否應(yīng)該在下個(gè)月用戶(hù)扣款之前提醒他們？或者，頻繁的在產(chǎn)品里濫用并不重要紅點(diǎn)提示，會(huì)不會(huì)影響用戶(hù)對(duì)于該產(chǎn)品的使用頻率？
這才是我們需要延伸出來(lái)思考的事情，而不單單是按鈕或者某個(gè)控件本身。我們思考的遠(yuǎn)不止目的，還有義務(wù)。
所以。
我并不覺(jué)得在產(chǎn)品界面上引導(dǎo)用戶(hù)執(zhí)行操作有什么問(wèn)題，相反，問(wèn)題在于在引導(dǎo)的同時(shí)，不能阻礙用戶(hù)進(jìn)行其他的操作，給予用戶(hù)合理的控制權(quán)，才是最重要的。
產(chǎn)品設(shè)計(jì)的目的在于正向邏輯的用戶(hù)操作體驗(yàn)，而產(chǎn)品設(shè)計(jì)的義務(wù)在于給予用戶(hù)拒絕的權(quán)利。
文章來(lái)源：優(yōu)設(shè) 作者：和出此嚴(yán)
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
隨著生活品質(zhì)的提高，我們?cè)絹?lái)越注重“儀式感”，過(guò)年、過(guò)節(jié)、生日等，我們都想有一些儀式感來(lái)慶祝，設(shè)計(jì)產(chǎn)品也不例外，這些小小的儀式感可以給人帶來(lái)好感；本文作者分享了關(guān)于儀式感的設(shè)計(jì)，我們一起來(lái)看一下。
在我們?nèi)粘Ｉ钪?，存在著各種各樣的儀式感：婚慶、過(guò)節(jié)，升國(guó)旗奏國(guó)歌，它可以使我們的生活充滿(mǎn)各種趣味性，是人們表達(dá)內(nèi)心最直接的方式。
而在互聯(lián)網(wǎng)產(chǎn)品中，為了使用戶(hù)的產(chǎn)品體驗(yàn)更貼近于真實(shí)生活、有情感共鳴，不少產(chǎn)品在儀式感這塊也下不了不少功夫；不管是出于競(jìng)爭(zhēng)需要，還是日常用戶(hù)運(yùn)營(yíng)。
所以這次寫(xiě)下這方面的內(nèi)容，以便給自己的設(shè)計(jì)提供更好的切入點(diǎn)和靈感參考，避免毫無(wú)頭緒。
先來(lái)看看一些大廠的、有意思的儀式感設(shè)計(jì)：
網(wǎng)易云音樂(lè)：收聽(tīng)特定的歌曲時(shí)，會(huì)有右上角會(huì)有’LTL’入口。
點(diǎn)擊會(huì)聯(lián)動(dòng)觸發(fā)手機(jī)閃光燈，對(duì)歌曲賦予濃濃的演唱氛圍（黑夜中效果更絕，親測(cè)~）。
愛(ài)奇藝：中秋國(guó)慶期間，點(diǎn)擊視頻時(shí)會(huì)有“煙花”效果，讓用戶(hù)看視頻也能過(guò)節(jié)。
QQ音樂(lè)：用戶(hù)生日時(shí) 直接將歌單封面設(shè)置成祝福語(yǔ)，一進(jìn)入應(yīng)用就能感受到滿(mǎn)滿(mǎn)的祝福。
財(cái)付通：實(shí)名首次進(jìn)入后，以“vip客戶(hù)卡”的形式歡迎用戶(hù)。
看了以上例子，相信你對(duì)儀式感的作用也有一定的了解，它可以：
除了以上作（廢）用（話）之外，個(gè)人覺(jué)得最好的一點(diǎn)，就是可以加強(qiáng)設(shè)計(jì)師的創(chuàng)意表現(xiàn)，讓設(shè)計(jì)方案更加有創(chuàng)新點(diǎn)。
看了這么多例子，相信你自己有的判斷；在筆者個(gè)人看來(lái)，互聯(lián)網(wǎng)產(chǎn)品的儀式感設(shè)計(jì)無(wú)非由兩部分組成：特定的場(chǎng)景支持+貼近現(xiàn)實(shí)的表現(xiàn)。
舉例說(shuō)明：微信讀書(shū)的電子簽名。
只有在微信讀書(shū)里購(gòu)買(mǎi)書(shū)籍后（場(chǎng)景觸發(fā)），才會(huì)模擬現(xiàn)實(shí)生活進(jìn)行簽名（現(xiàn)實(shí)表現(xiàn)）。
任何形式的設(shè)計(jì)都是需要場(chǎng)景支持的，否則無(wú)從談起。
筆者覺(jué)得，以下3個(gè)切入點(diǎn)足以覆蓋絕大多數(shù)場(chǎng)景，幫助挖掘出可設(shè)計(jì)儀式感的點(diǎn)。
1）時(shí)間
一天中某個(gè)時(shí)間點(diǎn)、時(shí)間段，引發(fā)該時(shí)刻里對(duì)用戶(hù)的情緒與感知；可應(yīng)用的時(shí)效性較長(zhǎng)，可以用于每天中的某個(gè)時(shí)刻。
舉例：
下班點(diǎn)打卡，釘釘都會(huì)對(duì)辛勤工作的員工進(jìn)行暖心慰問(wèn)，用儀式感來(lái)減少工作一天的負(fù)面情緒。
之前企業(yè)微信的啟動(dòng)頁(yè)，針對(duì)深夜時(shí)間段會(huì)進(jìn)行員工關(guān)懷。
而除了上訴之外，是不是還有更細(xì)分的時(shí)間維度等著我們?nèi)ネ诰蚺c設(shè)計(jì)呢？
像清晨與黃昏、早上/下午/晚上、早茶/下午茶/宵夜/時(shí)間點(diǎn)？是不是可以挖掘出更多儀式感場(chǎng)景？
2）日期
可以是各種節(jié)日、特定事件日期、天數(shù)、季度等等；這種應(yīng)用的時(shí)效性不是很強(qiáng)，只能滿(mǎn)足于特定的日期，一般作為運(yùn)營(yíng)事件使用。
如百度搜索“愚人節(jié)”時(shí)，出現(xiàn)的結(jié)果會(huì)倒轉(zhuǎn)過(guò)來(lái)，愚你一下很開(kāi)心。
抖音會(huì)記錄用戶(hù)的使用日期，針對(duì)性進(jìn)行信息提示。
遇到喜慶或沉痛節(jié)日時(shí)，不也得針對(duì)其氛圍進(jìn)行儀式感設(shè)計(jì)。
文章開(kāi)頭的QQ音樂(lè)對(duì)用戶(hù)生日的祝福、愛(ài)奇藝國(guó)慶期間的煙花點(diǎn)擊效果。
這個(gè)不像前面都是產(chǎn)品/系統(tǒng)主動(dòng)觸發(fā)儀式感，而是只有當(dāng)用戶(hù)滿(mǎn)足一定的條件才會(huì)觸發(fā)。
是一種較為被動(dòng)的反饋設(shè)計(jì)。如操作結(jié)果、等級(jí)階梯。
1）操作結(jié)果
當(dāng)用戶(hù)執(zhí)行對(duì)應(yīng)的任務(wù)后，根據(jù)任務(wù)的狀態(tài)、屬性等關(guān)鍵詞提煉出合適的儀式感。
愛(ài)奇藝在直播預(yù)約成功后，針對(duì)預(yù)約成功以“入場(chǎng)券”的形式設(shè)計(jì)。
和平精英在吃雞（游戲結(jié)束）后，不也有一個(gè)舉杯勝利的表現(xiàn)。
文章開(kāi)頭的微信讀書(shū)也是一個(gè)例子，在用戶(hù)購(gòu)買(mǎi)完成后觸發(fā)。
繼續(xù)舉一反三的話，除了操作成功、結(jié)束之外，像無(wú)法操作、操作失敗、操作中斷等狀態(tài)，是不是也可以挖掘出對(duì)應(yīng)的儀式感呢？
2）等級(jí)階梯：
當(dāng)用戶(hù)的操作/任務(wù)累積到一定的門(mén)檻、等級(jí)或階梯后，所賦予的一種榮譽(yù)、獎(jiǎng)勵(lì)設(shè)計(jì)。
鼓勵(lì)用戶(hù)執(zhí)行更多的操作/任務(wù)，以獲取更珍貴、稀有的目標(biāo)。最常見(jiàn)的就是各種勛章、會(huì)員、積分設(shè)計(jì)。
這種應(yīng)該是被運(yùn)用得最廣的方式，常見(jiàn)于首次進(jìn)入/對(duì)新用戶(hù)的歡迎、新功能的介紹、新內(nèi)容的推薦。
1）首次使用的歡迎：
如有道精品課，首次進(jìn)入時(shí)以“入學(xué)通知書(shū)”的方式歡迎用戶(hù)，打造符合產(chǎn)品調(diào)性的儀式感。
再如健康160的歡迎新老用戶(hù)回歸。
還有文章開(kāi)頭的財(cái)付通vip卡歡迎動(dòng)畫(huà)。
2）新內(nèi)容的推薦：
如UC瀏覽器，對(duì)首次進(jìn)入的用戶(hù)都會(huì)引導(dǎo)選擇感興趣的內(nèi)容類(lèi)型，以便推送更符合興趣的資訊信息。
暫時(shí)以這些場(chǎng)景舉例說(shuō)明，其他的你是不是也能舉一反三呢？歡迎底部留言一起討論。
有了相應(yīng)的場(chǎng)景支持后，具體的儀式感設(shè)計(jì)才能順利成章。
而儀式感在表現(xiàn)上由2個(gè)因素構(gòu)成：主體與環(huán)境。
組成儀式感的核心部分，是傳達(dá)感知、引起情緒的重要體現(xiàn)。
而主體的設(shè)計(jì)，往往模擬現(xiàn)實(shí)生活中某事物元素，將其特征點(diǎn)進(jìn)行圖形化，是最直接的靈感來(lái)源。
雖然主體的設(shè)計(jì)已完成了儀式感的大部分工作，但是鮮花也需要綠葉的襯托呢。
擁有環(huán)境的襯托，可以讓主體的整體氛圍更上一層樓，文章開(kāi)頭的網(wǎng)易云音樂(lè)就是一個(gè)例子。
還有58同城的勛章設(shè)計(jì)，有環(huán)境光的襯托顯得更加閃亮。
說(shuō)了這么多，儀式感的設(shè)計(jì)更多也只是 在基礎(chǔ)內(nèi)容/功能上做體驗(yàn)優(yōu)化，屬于一種“錦上添花”的作用。
應(yīng)該先滿(mǎn)足基礎(chǔ)內(nèi)容/功能的“好用易懂”的情況下，再來(lái)設(shè)計(jì)儀式感上的“好看好玩”，不要本末倒置。
???還有，???不同的儀式感存在著不同的用戶(hù)心理，因此需要特別注意該場(chǎng)景下的用戶(hù)心理或情緒。
文章來(lái)源：人人都是產(chǎn)品經(jīng)理 作者：和出此嚴(yán)
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
在做交互設(shè)計(jì)或者視覺(jué)設(shè)計(jì)時(shí)要遵循一些既有的原則，其中非常重要的一條就是【格式塔定律】
一、什么是格式塔原理？
格式塔心理學(xué)誕生于1912年，是由德國(guó)心理學(xué)家組成的研究小組試圖解釋人類(lèi)視覺(jué)的工作原理。他們觀察了許多重要的視覺(jué)現(xiàn)象并對(duì)它們編訂了目錄。其中最基礎(chǔ)的發(fā)現(xiàn)是人類(lèi)視覺(jué)是整體的：我們的視覺(jué)系統(tǒng)自動(dòng)對(duì)視覺(jué)輸入構(gòu)建結(jié)構(gòu)，并在神經(jīng)系統(tǒng)層面上感知形狀、圖形和物體，而不是只看到互不相連的邊、線和區(qū)域?！靶螤睢焙汀皥D形”在德語(yǔ)中是Gestalt，因此這些理論也稱(chēng)做視覺(jué)感知的格式塔原理。
格式塔學(xué)派主張人腦的運(yùn)作原理屬于整體論，“整體不同于其部件的總和”。例如，我們對(duì)一朵花的感知，并非純粹單單從對(duì)花的形狀、顏色、大小等感官資訊而來(lái)，還包括我們對(duì)花過(guò)去的經(jīng)驗(yàn)和印象，加起來(lái)才是我們對(duì)一朵花的感知。
格式塔心理學(xué)家認(rèn)為這些原則之所以存在，是因?yàn)?/span>頭腦具有天生的傾向，可以根據(jù)某些規(guī)則感知刺激中的模式。（是不是覺(jué)得hin神奇）
比如，這是著名的“人臉花瓶幻覺(jué)”圖。如果以黑色為背景，白色為圖形，則是一個(gè)花瓶；如果以黑色為圖形，白色為背景，則是兩個(gè)人的側(cè)臉。它也反映了圖形和背景對(duì)一幅圖的影響。
二、什么是格式塔原理？
使用不同數(shù)量的空格來(lái)合并或分離元素是傳達(dá)有意義的分組的關(guān)鍵。例如，在Ant Design的標(biāo)題區(qū)域中，“ 搜索”功能與站點(diǎn)的主要導(dǎo)航位于同一行。但是，主導(dǎo)航和搜索之間的多余空格表示它們屬于不同的組，因此具有獨(dú)特的功能。對(duì)于使“ 搜索”功能在主菜單的其余部分中脫穎而出，此空格至關(guān)重要。
但是，在較小的屏幕上，無(wú)法保持此間距。為了避免將這些區(qū)域視為一個(gè)整體，頁(yè)面收縮寬度的時(shí)候，搜索后的文字隱藏了。
應(yīng)具有固定或鎖頭標(biāo)題的網(wǎng)站特別可以從使用獨(dú)特的背景顏色或清晰的邊框中受益，從而有效地將標(biāo)題與下面滾動(dòng)的頁(yè)面內(nèi)容區(qū)分開(kāi)。此外，大頁(yè)腳的單一統(tǒng)一背景色 可有效地表示該區(qū)域中的所有鏈接都屬于一個(gè)組。
創(chuàng)建清晰的邊界是一種強(qiáng)大的視覺(jué)提示，可以壓倒其他分組原則，例如接近性或相似性。因此，當(dāng)需要包含幾種不同類(lèi)型的UI元素或無(wú)法調(diào)整對(duì)象之間的空白量時(shí)，它是一種強(qiáng)大的工具。我們做頁(yè)面時(shí)如果需要把兩個(gè)元素放成一組與其他元素區(qū)分，那么我們可以用線框畫(huà)出邊界來(lái)達(dá)到目的。
如果其它因素相同，那么相似的物體看起來(lái)歸屬于一組。接下來(lái)從形狀、顏色、尺寸上來(lái)說(shuō)明相似性原理，這也就是我們平時(shí)做視覺(jué)設(shè)計(jì)時(shí)的原理，比如我們?cè)O(shè)計(jì)稿宣講時(shí)可能會(huì)被開(kāi)發(fā)、產(chǎn)品以及測(cè)試同學(xué)問(wèn)到“為什么用這個(gè)形狀？為什么這里用這個(gè)顏色？為什么這兩個(gè)尺寸不一致？等等，細(xì)細(xì)體會(huì)這個(gè)相似性原理就會(huì)給我們答案，讓我們?cè)诋?huà)設(shè)計(jì)稿時(shí)能夠有理有據(jù)。
在上圖中，我們頭腦中自然而然的會(huì)分成“四列”，也就是圓形一列，三角形一列，然后再圓形一列，三角形一列，而不會(huì)看成“三行”
應(yīng)用共享的顏色來(lái)表示某些項(xiàng)目是相關(guān)的，因此可能具有相似的功能，這很有效。通用顏色往往比其他特征（例如形狀）更加突出，因此可以用于組合不同類(lèi)型的元素并傳達(dá)它們確實(shí)相關(guān)。
在用戶(hù)界面設(shè)計(jì)中，顏色通常用于指示常用功能。例如，使用單個(gè)鏈接顏色作為與用戶(hù)交流可點(diǎn)擊內(nèi)容，鏈接顏色應(yīng)僅保留給交互式文本和其他可單擊元素，因?yàn)橛脩?hù)會(huì)意識(shí)到所有具有此特征的項(xiàng)目都是相關(guān)的，并且以相同的方式工作。因此，鏈接顏色不應(yīng)用于關(guān)鍵字，不可點(diǎn)擊的標(biāo)題或?qū)嶋H上不可點(diǎn)擊的附近圖標(biāo)。
如上圖，就是一個(gè)用色的反面例子，“ 消息中心”中的所有按鈕均為綠色，因此用戶(hù)必須花時(shí)間確定哪個(gè)是提交表單的主要按鈕。（此外，“ 提交”按鈕離消息區(qū)域很遠(yuǎn)，并且根據(jù)Fitts的定律，這種缺乏接近性也會(huì)降低用戶(hù)的速 度。）
相同顏色的按鈕將被視為具有相同的重要性級(jí)別。因此，應(yīng)為主要操作性按鈕保留單獨(dú)的顏色，以幫助它們?cè)谳o助按鈕中脫穎而出。
在用戶(hù)界面中，我們經(jīng)常使用大小來(lái)強(qiáng)調(diào)內(nèi)容或按鈕中最重要的部分。相同的大小表示相同的視覺(jué)突出度，并且在所有其他條件相同的情況下，將共享該屬性的所有元素連接在一起。一致地使用大小會(huì)創(chuàng)建視覺(jué)層次結(jié)構(gòu)，并使頁(yè)面易于掃描，因?yàn)槿藗兛梢粤⒓纯吹讲⒗斫膺@些類(lèi)型分組。
例如，在產(chǎn)品列表頁(yè)面中，每個(gè)單獨(dú)的產(chǎn)品列表都以相同的大?。ê拖嗤男螤睿╋@示。這種一致的視覺(jué)樣式告訴我們?cè)搮^(qū)域中的所有物品都是產(chǎn)品。共享大小將其與其他不同的UI元素分開(kāi)。當(dāng)某項(xiàng)商品在此列表中以不同的大小或形狀出現(xiàn)時(shí)，就會(huì)突出顯示為不屬于產(chǎn)品分組。下面這個(gè)產(chǎn)品集合的促銷(xiāo)以單個(gè)產(chǎn)品列表大小的兩倍顯示。
下面是我最開(kāi)始嘗試的招聘系統(tǒng)首頁(yè)的改版：
根據(jù)上面的相似性原理和接近性原理就可以很容易看出來(lái)，這個(gè)頁(yè)面結(jié)構(gòu)和邏輯不清晰：
1.待處理和招聘日程兩個(gè)模塊之間的區(qū)分不夠清晰：因?yàn)檫@兩個(gè)模塊右側(cè)應(yīng)用了同樣的形狀和顏色的按鈕（相似性原理），讓用戶(hù)在心理上產(chǎn)生聯(lián)想，同時(shí)這兩個(gè)模塊之間只靠間距來(lái)區(qū)分，區(qū)分的太弱了（接近性原理）
2.招聘日程頭部日期與下面的面試安排卡片聯(lián)系太弱：因?yàn)槊嬖嚳ㄆ昧朔浅?qiáng)的邊界區(qū)分的線條（接近性原理-構(gòu)建清晰的結(jié)構(gòu)）確實(shí)在面試模塊之間構(gòu)建了清晰的結(jié)構(gòu)，與此同時(shí)卡片與頭部的日期之間看起來(lái)沒(méi)有什么關(guān)聯(lián)。
3.首頁(yè)的選中效果太弱，分析這個(gè)頁(yè)面的層級(jí)，左側(cè)首頁(yè)選中才應(yīng)該是最重的，能讓用戶(hù)第一眼就知道在系統(tǒng)中的位置，很顯然目前來(lái)看很容易忽視首頁(yè)這個(gè)位置，關(guān)注點(diǎn)被吸引到了快捷入口。這并不是我們想要傳達(dá)給用戶(hù)的。
根據(jù)格式塔原理中的相似性原理和接近性原理，對(duì)頁(yè)面的結(jié)構(gòu)進(jìn)行了調(diào)整，就看起來(lái)清晰多了。
所以，我們?cè)谥谱魍暝O(shè)計(jì)稿后，可以應(yīng)用格式塔原理，分析下最終呈現(xiàn)給用戶(hù)的結(jié)構(gòu)和邏輯是否清晰。而這也是做視覺(jué)的理由和底氣。
視覺(jué)傾向于感知連續(xù)的形式而不是離散的碎片。
連續(xù)理解起來(lái)是很簡(jiǎn)單的，但連續(xù)卻解決了非常復(fù)雜的問(wèn)題。通過(guò)找到非常微小的共性將兩個(gè)不同的環(huán)連接成一個(gè)整體。在引導(dǎo)頁(yè)中經(jīng)常會(huì)用到這個(gè)。
視覺(jué)系統(tǒng)自動(dòng)嘗試將敞開(kāi)的圖形關(guān)閉起來(lái)，從而將其感知為完整的物體而不是分散的碎片。
閉合可以實(shí)現(xiàn)統(tǒng)一整體，這不難理解。但是有一個(gè)非常有趣的現(xiàn)象值得我們?nèi)ビ^察和思考，就是不閉合時(shí)候也會(huì)實(shí)現(xiàn)統(tǒng)一的整體，更確切的說(shuō)，這種現(xiàn)象是一種不完全的關(guān)閉。這些圖形與設(shè)計(jì)給人以簡(jiǎn)單，輕松、自由的感覺(jué)。所以，完全的閉合是沒(méi)有必要的。最著名的應(yīng)用便是蘋(píng)果公司的logo，咬掉的缺口喚起人們的好奇、疑問(wèn)，給人巨大想象空間。
我們傾向于分解復(fù)雜的場(chǎng)景來(lái)降低復(fù)雜度。
我們的大腦將視覺(jué)區(qū)域分為主體和背景。主體包括一個(gè)場(chǎng)景中占據(jù)我們主要注意力的所有元素，其余則是背景。這個(gè)原理經(jīng)常會(huì)在海報(bào)設(shè)計(jì)中應(yīng)用，這也是為什么我們做海報(bào)，做平面時(shí)，一定要制作好背景，背景的氛圍很重要。
文章來(lái)源：站酷 作者：ZZiUP
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
今天為大家?guī)?lái)的文章是「地圖標(biāo)簽」設(shè)計(jì)。很多App會(huì)內(nèi)嵌地圖功能，這些地圖的功能相對(duì)簡(jiǎn)單，更多是起到查看和引導(dǎo)的作用，但在產(chǎn)品中又不可或缺～
除了常見(jiàn)的地圖類(lèi)App，還有其他很多產(chǎn)品會(huì)根據(jù)使用需求嵌入地圖功能，通過(guò)在地圖頁(yè)中添加引導(dǎo)性的交互標(biāo)簽，讓用戶(hù)了解所處的位置或者導(dǎo)航路線。
如何保持地圖頁(yè)面與產(chǎn)品風(fēng)格統(tǒng)一，同時(shí)又方便用戶(hù)使用呢？通過(guò)系統(tǒng)化的方法可以快速實(shí)現(xiàn)地圖組件的選擇和歸類(lèi)。
1. 圖標(biāo)
地圖上只標(biāo)記圖標(biāo)，這種呈現(xiàn)方式能地顯示地圖上的信息，減少內(nèi)容遮擋，也是在設(shè)計(jì)中首先要考慮的類(lèi)型。
2. 文本
如果地圖上標(biāo)記的內(nèi)容沒(méi)有合適的圖標(biāo)能展示出來(lái)，可以直接利用文本來(lái)描述。
3. 圖標(biāo)和文本
隨著地圖的放大縮小，氣泡信息的詳細(xì)程度也會(huì)發(fā)生變化。地圖放大時(shí)將圖標(biāo)和文本相結(jié)合可以顯示更多的信息，而縮小時(shí)只顯示圖標(biāo)。
4. 圖標(biāo)、文本和注釋
圖標(biāo)，文本和注釋相結(jié)合的形式雖然能顯示更多的信息但是需要謹(jǐn)慎使用，因?yàn)闅馀莸某叽缣髸?huì)遮擋地圖的內(nèi)容，反而影響使用。
只有當(dāng)氣泡內(nèi)容能顯著提升用戶(hù)體驗(yàn)時(shí)，才使用這種類(lèi)型。
大多數(shù)場(chǎng)景中，地圖組件的底部會(huì)有一個(gè)突出的箭頭，用來(lái)標(biāo)記確切的信息或地址。
考慮到后期開(kāi)發(fā)的難度，箭頭的位置應(yīng)始終位于組件的中間。另外如果一個(gè)頁(yè)面中有多個(gè)地圖組件，可以將箭頭調(diào)整到頂部，防止發(fā)生重疊。
1. 顏色
組件的顏色比較靈活，默認(rèn)情況下是白色，但可以通過(guò)改變背景色來(lái)匹配品牌色。
顏色通常出現(xiàn)在圖標(biāo)后面用來(lái)強(qiáng)調(diào)信息，如果沒(méi)有圖標(biāo)可以把整個(gè)氣泡組件都填充上顏色。
根據(jù)背景色的不同，文本和圖標(biāo)盡可能使用黑色或白色，減少對(duì)內(nèi)容的干擾。
2. 狀態(tài)
地圖氣泡尺寸的大小根據(jù)點(diǎn)擊需求確定。白色輪廓加上膠囊形狀讓用戶(hù)能夠快速識(shí)別出可點(diǎn)擊的對(duì)象，選定后氣泡顏色會(huì)反轉(zhuǎn)。
3. 內(nèi)容縮放
組件基于地圖縮放級(jí)別和縮放速度展示不一樣的動(dòng)畫(huà)效果。
如何判斷設(shè)計(jì)出來(lái)的組件是否適合用戶(hù)使用？組件需要怎樣設(shè)計(jì)才能適用于不同的使用場(chǎng)景中，有沒(méi)有統(tǒng)一的規(guī)范？
1. 組件狀態(tài)
面對(duì)不同場(chǎng)景中的組件，提供多種狀態(tài)：重疊、可見(jiàn)、收縮、聚類(lèi)、分離。
2. 密度
地圖中至少要保持40%的內(nèi)容是始終可見(jiàn)的，這樣用戶(hù)可以明確位置信息，防止產(chǎn)生誤操作行為。
利用聚類(lèi)功能將相鄰的氣泡組件合并在一起，通過(guò)數(shù)字顯示包含的內(nèi)容，這種形式利于用戶(hù)理解和操作。
3. 易讀性
易讀性在地圖中很重要，例如用戶(hù)手持使用手機(jī)時(shí)組件中的字體為15pt，當(dāng)用戶(hù)駕駛導(dǎo)航時(shí)組件的字體會(huì)變?yōu)?4pt。
另外還要考慮語(yǔ)言的選擇對(duì)組件的影響，最好避免在氣泡組件中使用長(zhǎng)串字符，以防止地圖中的信息被遮擋。
如果必須要顯示長(zhǎng)串字符，需要把氣泡組件的尺寸水平拉長(zhǎng)至地圖尺寸的75%，然后換行且最多只能顯示兩行文本。
在開(kāi)始設(shè)計(jì)地圖UI界面之前，有必要花費(fèi)時(shí)間了解地圖組件的樣式、類(lèi)型和可用性指南。
通過(guò)這些信息可以幫助設(shè)計(jì)師更快地確定方向，從而設(shè)計(jì)出清晰美觀的地圖界面。
文章來(lái)源：優(yōu)設(shè) 作者：Clip設(shè)計(jì)夾
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
轉(zhuǎn)載： 原創(chuàng)作者： 呱？！
即：給響應(yīng)頭設(shè)置一個(gè)Access-Control-Allow-Origin屬性
將callback當(dāng)成一個(gè)參數(shù)傳遞下去
前后端運(yùn)行結(jié)果
隨著大數(shù)據(jù)產(chǎn)業(yè)的發(fā)展，越來(lái)越多的公司開(kāi)始實(shí)現(xiàn)數(shù)據(jù)資源的管理和應(yīng)用，尤其是一些在日常生活中經(jīng)常使用大屏幕的大中型企業(yè)。此時(shí)，用戶(hù)界面設(shè)計(jì)者需要呈現(xiàn)相應(yīng)的視覺(jué)效果。
接下來(lái)為大家介紹大屏可視化的UI設(shè)計(jì)。
--大屏UI設(shè)計(jì)--
--大數(shù)據(jù)可視化ui設(shè)計(jì)賞析--
（圖片均來(lái)源于網(wǎng)絡(luò)）
點(diǎn)擊查看更多UI/UE設(shè)計(jì)案例??????
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
更多精彩文章：
大數(shù)據(jù)可視化設(shè)計(jì)賞析（一）
大數(shù)據(jù)可視化設(shè)計(jì)賞析（二）
大數(shù)據(jù)可視化設(shè)計(jì)賞析（三）
大數(shù)據(jù)可視化設(shè)計(jì)賞析（四）
大數(shù)據(jù)可視化設(shè)計(jì)賞析（五）
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com