如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
今天為大家推薦的素材是一款admin系統(tǒng)后臺網(wǎng)站模板： Light Bootstrap Dashboard，這套后臺源碼界面十分好看，這也是小編為何推薦的原因之一。
該網(wǎng)站模板使用 Bootstrap 前端框架搭建，對于要兼容響應(yīng)式手機(jī)網(wǎng)頁用戶推薦使用。此外，小編特喜歡左側(cè)面板設(shè)計(jì)，可以自由切換顏色，并且能更換背景，顏色與背景的處理非常 nice! 但不足之處就是后臺元素不夠強(qiáng)大，如果需要更多后臺模塊，可以購買作者的Pro版。但即使如此，這個(gè)免費(fèi)版?zhèn)€人認(rèn)為也值了。
下面一起看看這個(gè)免費(fèi)的管理后臺模板源碼有什么組件、模塊：
后臺首頁的元素并不多，但用戶可以自行添加進(jìn)去。
也可以說是簡單的皮膚切換，主要有顏色和背景2種自定義皮膚選項(xiàng)。
如果是Pro版本可帶有排序功能。
總體元素雖然少了一些，但是漂亮的界面卻算是彌補(bǔ)這些不足，當(dāng)然你也可以購買 Pro 版，也不貴。
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
日常工作中，有很多看似平凡的小細(xì)節(jié)，常被大家忽視，卻影響著用戶的真實(shí)體驗(yàn)。比如，前幾天跟同事們針對產(chǎn)品設(shè)計(jì)中“+”功能所運(yùn)用的場景、展開形式進(jìn)行討論，發(fā)現(xiàn)這是一個(gè)挺有意思的話題。
所以跟大家分享下，我的一些相關(guān)思考。
我們常見的產(chǎn)品中，采用“+”功能的場景，大致分為兩種：a.（上傳）內(nèi)容選項(xiàng)；b.（聚合）快捷功能。
a.（上傳）內(nèi)容選項(xiàng)
根據(jù)“+”的直觀表意，大致也能猜到它的運(yùn)用跟“添加”、“上傳”某個(gè)東西相關(guān)。
比如：微博，點(diǎn)擊“+”入口后，是選擇所要上傳的內(nèi)容類型。（可以曬自己精修X小時(shí)后媽都認(rèn)不出來的自拍、也可以曬逗比的小視頻、或者老子就想搞一場直播）。
比如：下廚房左上角的“+”，點(diǎn)擊后，是選擇上傳作品，或者創(chuàng)建菜譜的選項(xiàng)。
再比如：工具類產(chǎn)品：Google drive，dropbox、百度網(wǎng)盤、微云，點(diǎn)擊“+”后，同樣是選擇上傳不同文件的入口。
可以看出，這種情況下的“+”功能，多指“添加”、“上傳”的含義，所承載的內(nèi)容，是同一緯度下的不同選項(xiàng)。
b.（聚合）快捷功能。
眾所周知，產(chǎn)品為了節(jié)省界面空間，同時(shí)避免過多功能給用戶不必要的干擾，會選擇把一些不常用的快捷功能收到二級展示。常見的產(chǎn)品中，他們選擇把這些快捷功能塞進(jìn)“+”里。
那么，你是不是覺得“+”功能跟“…”功能承載的內(nèi)容是一樣的？比如：樂趣首頁右上角“…”，同樣是對頻率較低的功能的集合。
那為什么有的產(chǎn)品不直接用“…”，還是選擇用“+”呢？
通過分析發(fā)現(xiàn)，“+”雖然也是聚合快捷功能的入口，但承載的功能有一個(gè)共性：都是圍繞著用戶主動打開、發(fā)起、新建…等操作進(jìn)行的，因此用“+”更貼切。
比如：微信里的“+”，包含著：“發(fā)起群聊”，“添加朋友”，“掃一掃”，“收付款”，其實(shí)都跟“添加”有關(guān)。
比如：淘寶也是類似的處理方式。
再比如：愛奇藝的“+”，里面包含的也是跟“添加”，“上傳”相關(guān)，像上傳視頻、掃一掃、我要直播….
反過來看“…”，它聚合的功能，大多是相互關(guān)聯(lián)較弱，且沒有主動添加、上傳等含義的。因此，用一個(gè)相對模糊，沒有指向性的符號詮釋，更為合適。
由上可以看出，在這種情況下，“+”作為聚合快捷功能的入口，包含的是頻率較低，且跟主動“新建”、“發(fā)起”、“掃描”等相關(guān)的功能。
當(dāng)用戶觸發(fā)界面中的“+”時(shí)，常見的展開方式有3種，分別是：a.氣泡彈出框；b.動態(tài)欄；c.沉浸模式。
a.氣泡彈出框
氣泡彈出框，這個(gè)控件又常被稱為Popover，一般是由一個(gè)矩形和三角箭頭組成的彈出窗口，通過點(diǎn)擊Popover內(nèi)的按鈕或者非Popover的屏幕其他區(qū)域可關(guān)閉。
比如,以微信為代表的“+”的展開方式，采用的就是Popover。一般用于聚合快捷功能。優(yōu)點(diǎn)是觸發(fā)“+”到Popover的距離很近，操作順手，效率高（更像是導(dǎo)航的延伸）。
b.動作欄
動作欄，這個(gè)控件官方稱之為Action Sheet，是用戶觸發(fā)“+”后，出現(xiàn)的一種模態(tài)彈出框，里面包含一組與當(dāng)前情景相關(guān)的選項(xiàng)，一般用于上傳內(nèi)容選項(xiàng)。
在iPhone屏幕上，為了便于單手持握時(shí)操作，Action Sheet通常占據(jù)屏幕底部區(qū)域。
比如：以Google drive、Dropbox為代表的產(chǎn)品，需要選擇上傳文件類型的選項(xiàng)。
在這個(gè)部分，同事們討論有些爭議點(diǎn)，在于：google drive 和 Dropbox或者微博，它們的加號本來就在底部，所以彈窗讓用戶感覺視線統(tǒng)一。
而有的產(chǎn)品“+”在上面，彈窗從底部出來，擔(dān)心注意力切換和手指移動的路徑比較長，顯得割裂。
帶著這個(gè)問題，我調(diào)研了下有類似情況的產(chǎn)品，會不會讓人覺得不舒服。
后來發(fā)現(xiàn)，不會的。原因在于我們常用的、擁有10億+用戶的微信，發(fā)朋友圈時(shí)操作就是這樣，而我們并沒有感覺很割裂，反而已經(jīng)習(xí)慣。
同樣，iPhone自帶的“提醒事項(xiàng)”App，也是這樣處理。
后來看了規(guī)范發(fā)現(xiàn)，iOS確實(shí)意識到在iPad上，如果繼續(xù)將Action Sheet顯示在屏幕底部，如果頻繁操作使用會比較累。因此，做了特殊處理。而手機(jī)屏幕上以底部為主，同時(shí)點(diǎn)擊空白區(qū)域取消的操作，也是系統(tǒng)用戶所熟知的。
總的來說，操作欄適合承載同一緯度下的內(nèi)容選項(xiàng)，同時(shí)，就算“+”在頂部，采用底部動態(tài)欄，體驗(yàn)上也是沒問題的。
c.沉浸模式
沉浸模式，指的是當(dāng)觸發(fā)“+”時(shí)，用戶在全局蒙層上進(jìn)行功能操作，同樣適用于上傳內(nèi)容選項(xiàng)。
優(yōu)點(diǎn)是拓展性更強(qiáng)，體現(xiàn)在：1.提升收益；2.品牌認(rèn)知；3.內(nèi)容運(yùn)營。
1.提升收益
比如：微博，采用沉浸模式，下面是上傳不同狀態(tài)類型的入口，上面可以增加廣告收入。
再比如：微云，在沉浸模式下，可以植入自己的“會員”廣告，從而提升會員轉(zhuǎn)化。
2.品牌認(rèn)知
比如：有道云筆記，在頂部的空間內(nèi)，宣傳自己的品牌slogn：“記錄，成為更好的自己”，是一種品牌情感化的傳遞。
3.內(nèi)容運(yùn)營
像“好好住”，它們在這個(gè)頁面加入“話題”運(yùn)營推廣。從而給UGC內(nèi)容模塊帶節(jié)奏。
大多數(shù)產(chǎn)品都想營造社區(qū)氛圍，建立用戶關(guān)系，從而增加用戶粘性，提升產(chǎn)品留存。
但要想擁有濃厚的社區(qū)氛圍，首先要有內(nèi)容、才有人愿意看、才有人在里面互動。
現(xiàn)實(shí)問題是，有很多用戶有想發(fā)狀態(tài)的心，但不知道發(fā)啥，從而放棄。因此，我們應(yīng)該作出相應(yīng)的引導(dǎo)。
比如，“好好住”在發(fā)布環(huán)節(jié)，增加話題運(yùn)營“#每天一張生活日常#”入口，就是解決剛才說的“用戶不知道發(fā)什么”的問題。運(yùn)營同學(xué)想點(diǎn)子、造話題、帶節(jié)奏，從而提升用戶的發(fā)布量。
因此可以看出，“沉浸模式”，對于那些有拓展需求（收益、品牌、運(yùn)營）的產(chǎn)品更適用。
不知道你有沒有發(fā)現(xiàn)，相比國外，國內(nèi)采用這種“沉浸模式”的產(chǎn)品偏多。或許在中國這個(gè)互聯(lián)網(wǎng)競爭如此激烈的大環(huán)境下，大家不愿意放棄任何一個(gè)能夠運(yùn)營或留住用戶的機(jī)會。
總的來說，在常見的產(chǎn)品中“+”功能的運(yùn)用場景有：（上傳）內(nèi)容選項(xiàng)、（聚合）快捷功能；它的展開方式可分為：氣泡彈出框（適合承載快捷功能）、操作欄（適合容納內(nèi)容選項(xiàng)）、沉浸模式（容納內(nèi)容選項(xiàng)的同時(shí)，拓展性更強(qiáng)）。其實(shí)，交互形式?jīng)]有好壞之分，只有哪個(gè)更適合自己的內(nèi)容需求和產(chǎn)品目標(biāo)，正如Louis Sullivan所說：“形式追隨功能”。
小tips：日常工作中有太多類似“+”這種，看似一個(gè)不起眼的小功能，被大家忽略。我們習(xí)慣性看一下競品，拍腦袋決定方案。
但是，慢慢你會發(fā)現(xiàn)，只有深挖和分析這些所謂的“小細(xì)節(jié)”，才能知道別人這么做背后的原因、才能舉一反三的去運(yùn)用、才能更好的兼顧統(tǒng)一性和拓展性，而不是停留在浮于表面的模仿。
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
數(shù)字化駕艙近來大熱，數(shù)字化駕艙的組成元素包含哪些以及又有哪些駕艙相關(guān)的新技術(shù)出現(xiàn)？在這里，MOMOUX帶你讀懂?dāng)?shù)字化駕艙。
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
什么？都已經(jīng)開始討論2019年的設(shè)計(jì)趨勢了？我依稀還記得最后一次看見秋葉在窗前墜落的場景，仿佛就發(fā)生在昨天。
但2018年也是真的到了底。在2018年的最后一月，說說2018年的設(shè)計(jì)熱點(diǎn)，談?wù)?019年的設(shè)計(jì)趨勢，再合適不過。因此我們選取了8個(gè)一定會在2019年當(dāng)中發(fā)光發(fā)熱的設(shè)計(jì)趨勢！
這篇文章的要點(diǎn)包括：
我們認(rèn)為這些UI趨勢不單單會滿足用戶的審美需求，同時(shí)也會提供給用戶極高的可用性。這些趨勢的廣泛結(jié)合會取悅用戶并且推動你的產(chǎn)品走向成功。
有哪些影響2019年UI設(shè)計(jì)趨勢的元素？
目前的科技生態(tài)圈對UI趨勢有著持續(xù)的影響?；仡欉@個(gè)年頭看看，2018年已經(jīng)發(fā)生了什么？
設(shè)計(jì)第一主義的改變
產(chǎn)品設(shè)計(jì)中，設(shè)計(jì)第一主義已經(jīng)在今年變成了次要因素。為何？設(shè)計(jì)應(yīng)該改善人們的生活并且?guī)椭鷮?shí)現(xiàn)商業(yè)目的。
在2019年中，設(shè)計(jì)趨勢比以往任何時(shí)候都要符合以下要求，他們會優(yōu)先考慮速度、精簡的頁面配合不對稱的排版，最重要的是，移動端第一。主要要考慮到目前用戶訪問網(wǎng)站或者APP時(shí)，時(shí)下最主流設(shè)備。
圓邊移動設(shè)備
目前大多數(shù)的移動設(shè)備都放棄了邊框轉(zhuǎn)為了圓邊。這樣的改變也深深地影響了界面。這個(gè)也會對使用使用銳邊元素的設(shè)計(jì)師在移動端UI設(shè)計(jì)上造成挑戰(zhàn)。
所以，不用多說，2018年的這些UI趨勢也可能早2019年依然存在：
2019年UI趨勢1：排版和講故事
2019年中，圍繞產(chǎn)品體驗(yàn)講一個(gè)優(yōu)秀故事的能力將會成為首要的趨勢。
排版本身可以構(gòu)建強(qiáng)大的視覺層次結(jié)構(gòu)。UI是一個(gè)非常關(guān)鍵的元素，它在帶來卓越的用戶體驗(yàn)方面發(fā)揮著重要作用。
文本樣式本身也是不夠用的。文案正在成為優(yōu)秀用戶體驗(yàn)最重要元素之一。
雖然風(fēng)格吸引了用戶的注意力，但是敘述會讓用戶感知品牌，使品牌作為故事的一部分。反過來也讓用戶不會表面的瀏覽內(nèi)容。
2019年UI趨勢2：插圖和動畫圖形
隨著2019年的來臨，微動畫逐漸變得流行起來。它能夠通過交互幫助用戶區(qū)分屏幕上的元素。事件觸發(fā)后，反饋承擔(dān)起了重任，確保用戶清楚預(yù)期的操作事實(shí)上發(fā)生了。
數(shù)字或手繪的自定義插圖在2018年中發(fā)揮了巨大的作用。自由形式，不對齊設(shè)計(jì)和巨大的不對稱性不僅幫助平臺脫穎而出，而且還創(chuàng)造了一個(gè)友好和溫馨的環(huán)境。反過來又為用戶帶來了更好的體驗(yàn)。
此外， 為了使這些頁面脫穎而出，這次插圖經(jīng)常以復(fù)雜的動作呈現(xiàn)。
這樣的動感更容易吸引用戶注意力，并且可以一目了然地解釋公司或品牌提供的內(nèi)容。一個(gè)引人愉悅的插圖可以為網(wǎng)站或移動App提供鮮明的個(gè)性，從而使其更加難忘。
2019年UI趨勢3：色彩，漸變和重疊效果
一種可能在不久的將來變得更加受歡迎的技術(shù)，重疊效果包括顏色、文本和圖像。重疊可以創(chuàng)建空間感和更結(jié)構(gòu)化的界面。
由于現(xiàn)代顯示器具有比以往更好的色彩再現(xiàn)水平，漸變色在2018年大幅回顧。明年可能會給我們帶來大量色彩和漸變混合透明的材料。
我們可以在任何地方看到它們：插圖、UI元素、文本、我們喜歡漸變，因?yàn)樗鼈優(yōu)槠脚_增添了現(xiàn)實(shí)感和深度，是我們在現(xiàn)實(shí)生活中看到一切的方式。這可呢解釋了為什么具有漸變的元素感覺更自然。
越來越多的人使用大膽的顏色，無論是組合還是單色。通過使用超大文本，設(shè)計(jì)師發(fā)現(xiàn)最好限制極端的色彩展示。這會減少用戶使用次要元素的注意力，讓他們專注于他們應(yīng)該做的事情。
2019年UI趨勢4：AI
在未來一年中，AI技術(shù)將繼續(xù)朝著更完美的方向發(fā)展，人機(jī)交互會變得更為平滑和一致。到2020年，語音在搜索引擎查詢的比重預(yù)期會達(dá)到50%。
聊天機(jī)器人和通信接口也趨于困難。伴隨著人工智能和機(jī)器學(xué)習(xí)技術(shù)進(jìn)步，聊天機(jī)器人變得更加聰明。因此，許多網(wǎng)站和APP已經(jīng)開始使用語音交互來增強(qiáng)體驗(yàn)。
當(dāng)我們在所有平臺上說話的時(shí)候，機(jī)器人變得越發(fā)普遍，包括Google的自動提示，智能家居語音交互（比如Google Home或亞馬遜的Alexa），虛擬助手（如Apple的Siri）以及幫助臺的機(jī)器人等。
2019年UI趨勢5：VR
虛擬現(xiàn)實(shí)在ui趨勢中有著重要作用，并且這個(gè)地位短期內(nèi)不會動搖。憑借它對用帶來的影響，我們可以把它稱為互聯(lián)網(wǎng)體驗(yàn)。
VR可以用于醫(yī)療保健以治愈恐懼癥或者用于教學(xué)以增強(qiáng)互動。因此，為了在2019年中真正增強(qiáng)UI效果，它看起來也是非常有前景的。
想知道UX研究中如何使用VR？看看這個(gè)有意思的文章。
2019年UI趨勢6：AR
設(shè)計(jì)師需要跳出僅限屏幕內(nèi)的界面來，考慮到物理交互。增強(qiáng)現(xiàn)實(shí)開創(chuàng)了UI設(shè)計(jì)的新紀(jì)元，開辟了一種全新的思維方式。
2019年當(dāng)中，網(wǎng)頁設(shè)計(jì)趨勢將跳出固有模式。我們需要忘記固定在屏幕上的UI，相反，我們應(yīng)該強(qiáng)調(diào)在現(xiàn)實(shí)環(huán)境中發(fā)生的交互。
谷歌和蘋果已經(jīng)推出了自己的AR開發(fā)平臺，ARCore和AEKit，它們?nèi)诤狭宋锢硎澜绾蛿?shù)字世界。
AR UI有不同實(shí)現(xiàn)方法：
參考某個(gè)對象，與現(xiàn)實(shí)世界物體產(chǎn)生羈絆和交互; 固定到屏幕空間，用戶需要以特定的形式固定鏡頭; 參考真實(shí)世界，充分結(jié)合現(xiàn)實(shí)物理環(huán)境。
因此，我們必須仔細(xì)思考AR體驗(yàn)的場景和功能。
2019年UI趨勢7：3D圖像
目前大眾市場對這項(xiàng)技術(shù)的需求很少，對網(wǎng)站來說也不常見。 盡管如此，專為平臺呈現(xiàn)的3D元素也是今年UI趨勢列表中的特色。
它接近尾聲，因?yàn)樗粌H生產(chǎn)成本很高，而且加載時(shí)間也更長。 沒有人喜歡等待。
用戶希望平臺能夠立即加載。 任何為用戶旅程增加時(shí)間的元素都會讓人感到沮喪。
但我們不必完全放棄3D元素。Fauz-3D技術(shù)讓物體看起來是三維的，盡管在光線和陰影方面并不完全令人信服。
2019年UI趨勢8：動態(tài)“原型”
UI設(shè)計(jì)絕對不是產(chǎn)出一張張靜態(tài)的設(shè)計(jì)稿，而應(yīng)該是包含著設(shè)計(jì)思維，用戶流程，交互鏈接的動態(tài)“原型”。
這其實(shí)不僅僅是意味著UI設(shè)計(jì)師的能力增長，也是產(chǎn)品得以快速實(shí)現(xiàn)落地的必要成長。
設(shè)計(jì)不是一個(gè)單獨(dú)的工作，它和產(chǎn)品、開發(fā)甚至用戶是存在著千絲萬縷的關(guān)系。就拿和開發(fā)的關(guān)系來說，handoff design已經(jīng)是一個(gè)火熱的話題和趨勢，設(shè)計(jì)和開發(fā)的協(xié)作，設(shè)計(jì)和產(chǎn)品的交流，都離不開一份“動態(tài)”的“設(shè)計(jì)稿原型”。它傳達(dá)的信息至少包含（以摹客iDoc為例）：
（1）智能標(biāo)注：
（2）智能切圖
（3）繪制交互
伴隨這一趨勢，協(xié)作平臺將會噴涌出現(xiàn)，比如Zepline和Mockplus idoc，前者是更早的一個(gè)產(chǎn)品，后者是我2018年接觸到的新平臺，都在有力的提醒我作為一個(gè)UI設(shè)計(jì)師改要增長的能力和視野。同時(shí)，我的工作效率乃至整個(gè)團(tuán)隊(duì)的效率也會提升。
總結(jié)：2019年UI設(shè)計(jì)趨勢
1、排版和講故事
排版不僅是創(chuàng)建品牌形象的絕佳工具。將它與一個(gè)很棒的片段相結(jié)合，讓用戶能夠沉浸到故事當(dāng)中。
2、插圖和動畫圖形
隨著19年的臨近，微動畫越來越受歡迎了。它們通過交互幫助用戶區(qū)分屏幕上的元素。
3、顏色，漸變和重疊效果
重疊效果包括顏色，文本或圖像。 重疊可以創(chuàng)造空間感，從而創(chuàng)建更加結(jié)構(gòu)化的界面。
4、AI
在未來一年中，AI技術(shù)將繼續(xù)朝著更完美的方向發(fā)展，人機(jī)交互會變得更為平滑和一致。到2020年，語音在搜索引擎查詢的比重預(yù)期會達(dá)到50%。
5、VR
虛擬現(xiàn)實(shí)在ui趨勢中有著重要作用，并且這個(gè)地位短期內(nèi)不會動搖。憑借它對用帶來的影響，我們可以把它稱為互聯(lián)網(wǎng)體驗(yàn)。
6、AR
設(shè)計(jì)師需要跳出僅限屏幕內(nèi)的界面來，考慮到物理交互。增強(qiáng)現(xiàn)實(shí)開創(chuàng)了UI設(shè)計(jì)的新紀(jì)元，開辟了一種全新的思維方式。
7、3D圖像
目前大眾市場對這項(xiàng)技術(shù)的需求很少，對網(wǎng)站來說也不常見。 盡管如此，專為平臺呈現(xiàn)的3D元素也是今年UI趨勢列表中的特色。
8、動態(tài)“原型”
從handoff design而來的交互設(shè)計(jì)稿原型圖，包含自動標(biāo)注和切圖，交互原型演示，評論批注和全貌畫板于一體，極大的促進(jìn)和產(chǎn)品、開發(fā)的寫作和交流。
總而言之，UX / UI設(shè)計(jì)師需要在工作中與創(chuàng)造力和創(chuàng)新為伴。 雖然我們無法避免一成不變的狀態(tài)的渴望，但是緊跟熱點(diǎn)并且充分利用起來至關(guān)重要。
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
這是一個(gè)創(chuàng)新的年代，如果你的設(shè)計(jì)千篇一律，哪對用戶來說，這是很乏味的作品。所以在滿足設(shè)計(jì)需求的同時(shí)，我們可以加入一些趣味性的東西，比如方案、聲音、交互細(xì)節(jié)、圖像等等，讓頁面更加有趣。
這里有5個(gè)提高設(shè)計(jì)更有趣味性Tips，歡迎大家在設(shè)計(jì)項(xiàng)目中嘗試。
通過夸獎、傲嬌的語氣滿足用戶虛榮心及好奇心
文案的趣味化，簡單有力，看似不經(jīng)意，但卻是最直白的幽默。像下圖小紅書的隨機(jī)點(diǎn)贊設(shè)計(jì)，每次點(diǎn)贊的提示不同，有的是夸獎、有的是暖心告白、有的是引導(dǎo)用戶繼續(xù)點(diǎn)贊…這樣的設(shè)計(jì)，因?yàn)橛畜@喜感，所以激發(fā)了用戶的好奇心，并不斷點(diǎn)贊嘗試。
而網(wǎng)易云音樂的Mac安裝包提示文案：「你的Mac終于擁有最佳音樂App了！」不討論產(chǎn)品好壞，這句文案就一語雙關(guān)，既夸獎了自己產(chǎn)品好，也夸獎了用戶有品。
用「機(jī)智」的話有情感的引導(dǎo)用戶
下面的兩個(gè)場景是我們最熟悉不過的聊天頁及注冊頁。左邊是主打微社交的Nice，在沒有消息的時(shí)候它不是生硬的提示0條消息，而是很好的結(jié)合了自己產(chǎn)品的微社交調(diào)性，委婉的告訴用戶你是不是應(yīng)該主動些？而不是被動的等待。從情感上用戶會覺得更放松也更容易接受這樣的建議。
右邊是same的注冊頁，通常注冊頁都枯燥而冗長，為了避免用戶產(chǎn)生負(fù)面情緒，Same這里的性別選擇文案是：女生果然總是對的！男生有時(shí)候也是對的！在填表產(chǎn)生抗拒心理的時(shí)候出現(xiàn)這樣討好的文案，誰還會有什么負(fù)能量呢？
文案說他想領(lǐng)便當(dāng)了
對于開玩笑要有一個(gè)度，像作到飛起的手機(jī)端網(wǎng)易云音樂的推送文案：「你這么愛聽歌，一定活的很難過吧」。雖然可能說的是實(shí)話，但是沒人愿意聽這樣的大實(shí)話，所以對于一些相對玻璃心的用戶來說會覺得受到了嘲諷，這樣的文案就容易起到反向作用。
△ 微博評論截圖
模擬真實(shí)場景，讓用戶感受細(xì)節(jié)的用心
這里更像是擬物化行為的設(shè)計(jì)，模擬真實(shí)的使用場景。將我們在日常生活中習(xí)以為常的小細(xì)節(jié)，融入到頁面細(xì)節(jié)的設(shè)計(jì)中去，被用戶發(fā)覺時(shí)應(yīng)該會會心一笑吧。這也最能體現(xiàn)設(shè)計(jì)師的觀察力及對細(xì)節(jié)的把控力。像iOS的手電筒開關(guān)設(shè)計(jì)和飛行模式的設(shè)置就是這樣的，手電筒開關(guān)的時(shí)候，上面的小按鈕也會跟著開和關(guān)，飛行模式的開關(guān)則有一個(gè)向右的飛行路徑，并不是生硬的出現(xiàn)然后消失。
對模式化的元素注入性格，增加新鮮感
這里還是拿Same舉例，通常我們用的p圖軟件的濾鏡，一般是以色彩給人的直觀感受來命名的。而Same的每個(gè)濾鏡有自己的名字、性別、出生年月甚至的表情、性格（據(jù)說每個(gè)原型是來自他們團(tuán)隊(duì)的設(shè)計(jì)師），這樣的設(shè)計(jì)確實(shí)會讓人覺得：「誒！有點(diǎn)意思，跟外頭那些妖艷濾鏡果然不一樣呢！」
打破常規(guī)，吸引用戶注意
對于熟悉的行為我們會產(chǎn)生枯燥的情緒，然后隨之會忽略。當(dāng)在熟悉的情境下，出現(xiàn)了意想不到的小彩蛋，必然會增加用戶印象，提高用戶注意力，并產(chǎn)生積極愉快的情感。像Facebook的聊天表情，在輸入時(shí)長按，就會變成超大的表情，好比在說給你一個(gè)大大的贊、給你一個(gè)大大的愛心……這樣的設(shè)計(jì)，真的是會玩到停不下來 。
情理之中意料之外，增加用戶印象
我們都知道的格瓦拉，在線選座時(shí)遇到一些院線熱映，選座狀態(tài)會變成電影的主角頭像 ，這對用戶來說是一種加深印象的預(yù)熱，要比默認(rèn)選座狀態(tài)更有代入感。
最美有物，是一款銷售設(shè)計(jì)師產(chǎn)品的平臺，印象最深刻的是喜歡與不喜歡的表態(tài)設(shè)計(jì)，他的主張是找到同樣品味的人，所以這里的小動畫就做的細(xì)膩又有趣，將不屑和喜歡表達(dá)的淋漓盡致，比起正常的點(diǎn)擊即高亮，更能表現(xiàn)用戶的情緒、產(chǎn)生共鳴。
貼心設(shè)計(jì)，讓用戶產(chǎn)生好感
使用金融類軟件時(shí)，最怕的是沒錢，更怕的是有點(diǎn)錢剛點(diǎn)開App旁邊有人過來了， 這時(shí)候匆忙關(guān)閉顯得很不自然。微眾銀行的滑動隱藏資產(chǎn)的設(shè)計(jì)很好的解決了這個(gè)問題，保護(hù)了私密性的同時(shí)操作起來也不會顯得那么尷尬，這樣真正的替用戶考慮的設(shè)計(jì)怎么會不讓人產(chǎn)生好感？
用激勵(lì)的方式滿足用戶虛榮心與攀比心
通過設(shè)計(jì)一些有挑戰(zhàn)性的小游戲，讓用戶參與進(jìn)來，可以激發(fā)用戶的好奇心以及攀比心，在完成任務(wù)的過程中滿足用戶的存在感、歸屬感及參與感，游戲的設(shè)計(jì)也是這里面互動性最強(qiáng)的一種設(shè)計(jì)，也是最有趣味的。Nice就使用了收集徽章的方式來鼓勵(lì)用戶發(fā)圖片、使用功能等，對用戶是激勵(lì)的同時(shí)，并可滿足用戶在其好友跟前的攀比心。
獎勵(lì)化，讓用戶有存在感與歸屬感
Same平臺的早安、晚安打卡功能，會隨機(jī)贈送給用戶一首歌，打卡這件事一方面對于平臺來說提高了用戶留存，另一方面對喜歡音樂的用戶來說則找到了歸屬感與存在感，會覺得有這么一個(gè)平臺是懂他們的。
下面兩個(gè)利用獎勵(lì)化機(jī)制提升參與感的例子來自騰訊先游。
第一個(gè)是貼熱。用趣味選擇題的方式讓枯燥的簽到變得有趣起來了。
第二個(gè)是游戲體驗(yàn)建議收集。其實(shí)通俗點(diǎn)就是產(chǎn)品體驗(yàn)反饋、幫助產(chǎn)品優(yōu)化流程等，但是這里變成了領(lǐng)取任務(wù)，并且有相應(yīng)的獎勵(lì)，提升了用戶參與感的同時(shí)滿足了用戶的歸屬感，因?yàn)楠剟?lì)機(jī)制會讓用戶覺得自己的建議會有可能被采用，而不是反饋了就沒有然后了。
不同感官的刺激來增加產(chǎn)品印象及代入感
聲音的提示可以起到未見其人先聞其聲的效果。聲音作為操作行為的一種反饋，提示用戶的同時(shí)，增強(qiáng)代入感。比如微博國際版客戶端，在發(fā)送狀態(tài)時(shí)，小飛機(jī)飛出去的時(shí)候會伴隨著：「嗖」的一聲，讓用戶有一種發(fā)送成功的確定感。而Mac系統(tǒng)截圖行為，則伴隨著像裁切紙張一樣的「咔嚓」聲來提示截圖成功，就非常的具有代入感。
最后，我會以我比較熟悉的游戲平臺項(xiàng)目，簡單總結(jié)一下各種置入趣味設(shè)計(jì)的方法：
可以嘗試從文案的方向進(jìn)行優(yōu)化，比如將搜索游戲提示語：「未搜索到某某游戲」變成：「誒，你剛才可能輸入了假游戲，不如再來一遍？」。
融入一些激勵(lì)化的小游戲來增強(qiáng)玩家互動，提升用戶品牌感知等。
設(shè)計(jì)與品牌風(fēng)格統(tǒng)一的有趣反饋動畫，或在適時(shí)置入聲音作為彩蛋，增加整體的趣味氛圍。
而不論是以上哪種手段，在使用之前都要認(rèn)清，趣味設(shè)計(jì)都是設(shè)計(jì)上的一種錦上添花，增加趣味需要在滿足產(chǎn)品功能的前提下進(jìn)行，不必為了有趣而強(qiáng)行有趣。在設(shè)計(jì)的過程中也要多思考下是否可以做更多深入的細(xì)節(jié)優(yōu)化，反復(fù)推敲，最適當(dāng)?shù)膱鼍爸腥谌爰?xì)膩的情感化設(shè)計(jì)，讓趣味成為我們設(shè)計(jì)的點(diǎn)睛之筆。
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
讓產(chǎn)品(服務(wù))團(tuán)隊(duì)了解用戶使用過程中的看、想、聽、做，讓他們能夠從用戶角度去考慮產(chǎn)品、設(shè)計(jì)產(chǎn)品。什么是用戶體驗(yàn)旅程圖？
概念&作用
從用戶角度出發(fā)，以敘述故事的方式描述用戶使用產(chǎn)品或接受服務(wù)的體驗(yàn)情況，以可視化圖形的方式展示，從中發(fā)現(xiàn)用戶在整個(gè)使用過程中的痛點(diǎn)和滿意點(diǎn)，最后提煉出產(chǎn)品或服務(wù)中的優(yōu)化點(diǎn)、設(shè)計(jì)的機(jī)會點(diǎn)。同時(shí)讓產(chǎn)品(服務(wù))團(tuán)隊(duì)了解用戶使用過程中的看、想、聽、做，讓他們能夠從用戶角度去考慮產(chǎn)品、設(shè)計(jì)產(chǎn)品。這個(gè)過程的產(chǎn)出物即為用戶體驗(yàn)旅程圖。
由什么構(gòu)成？
這里分為功能定義前和功能定義后；
定義前即為：準(zhǔn)備規(guī)劃做的功能、進(jìn)入用研階段時(shí)；
定義后：已經(jīng)上線的功能、需要優(yōu)化的功能。
如何做？
1、創(chuàng)建用戶角色模型（用戶畫像）
既然旅程圖是梳理用戶使用產(chǎn)品上的體驗(yàn)問題，那么我們需要以用戶的真實(shí)情況為基準(zhǔn)，這樣會使旅程圖更真實(shí)。
這里可以通過前期的用戶研究，比如：訪談記錄、行為研究、調(diào)查問卷、意見反饋等方法，獲得大量真實(shí)有效的用戶數(shù)據(jù)。
然后對產(chǎn)品的主要目標(biāo)用戶進(jìn)行分類，并為每個(gè)用戶創(chuàng)建角色模型（包含基本信息、訴求、期望、痛點(diǎn)），每個(gè)角色將對應(yīng)不同的用戶體驗(yàn)地圖。
2、開始制作旅程圖
這里就以功能定義前為場景，因?yàn)橛脩舢嬒窈褪褂眯袨槭菃为?dú)知識體系，后面會單獨(dú)產(chǎn)出一篇關(guān)于用戶畫像的，敬請期待哦！
（1）為了便大家理解，我在這里列舉一個(gè)生活中都經(jīng)歷過的小栗子。
開始：起床
目標(biāo)：到達(dá)公司
我們先回想一下今天早上起床的過程。把這段場景分成下面幾個(gè)階段：
一級行為：
起點(diǎn)和終點(diǎn)并不代表結(jié)束，要聯(lián)想到相關(guān)的場景，比如：到到達(dá)公司后，還有沒有有可能解決上班相關(guān)的問題？
（2）在真實(shí)做項(xiàng)目過程中，大家在這一步可能會寫出不同顆粒度的故事，需要設(shè)計(jì)師或產(chǎn)品經(jīng)理把控場景大小。這段場景可以再往下梳理一層顆粒度更小一點(diǎn)的場景，比如起床就可以再細(xì)分為：
二級行為：
剩下的場景模塊都可以繼續(xù)這樣細(xì)化并歸類。
這樣我們的主線場景就有兩個(gè)層級：一級行為和二級行為，場景從左至右形成一個(gè)時(shí)間線。
但是，真實(shí)的用戶場景不會按照你所畫的順利進(jìn)行，情況會變得復(fù)雜、多變（交互設(shè)計(jì)師要考慮到異常情況和特殊場景的發(fā)生），這個(gè)時(shí)候我們可以借助流程圖的方式連接我們的場景：
（3）拆分場景
此時(shí)，我們需要在剛剛梳理的每個(gè)二級行為下面停留，繼續(xù)細(xì)化二級行為，從中獲取更多的信息。
體驗(yàn)設(shè)計(jì)就是需要不斷地問“為什么”、不斷發(fā)掘潛在需求。
參與人員會圍繞這個(gè)行為場景寫出很多細(xì)節(jié)來。我們可以按照以下幾個(gè)維度對細(xì)節(jié)進(jìn)行歸類：
其中情緒曲線可以通過固定的問題獲得，也可以通過用戶想法、用戶的痛點(diǎn)結(jié)合主觀判斷。
在這個(gè)過程中，先限制時(shí)間，讓大家按照自己的想法寫出來，每條思考寫在一張卡片上，相互不干擾，然后每個(gè)人闡述自己的卡片內(nèi)容，讓參與者了解大致的信息
注意：要以完整的流程為中心，一定要廣度優(yōu)先，而非深度，比如起床這個(gè)故事里面，找衣服、穿衣服這類場景在這個(gè)階段我們無須關(guān)注，不要過早的沉浸到細(xì)節(jié)中。
完成上述步驟后，你將得到一份重要的節(jié)點(diǎn)清單，下面需要對重要的節(jié)點(diǎn)進(jìn)行分類，以便在繪制旅程圖時(shí)更加的方便。比較常用的做法是將所有關(guān)鍵節(jié)點(diǎn)寫在便利中并黏在墻上，然后將同類別的關(guān)鍵節(jié)點(diǎn)集中在一起，并為每個(gè)類別貼上分類標(biāo)簽。分類完成后，對核心的節(jié)點(diǎn)進(jìn)行篩選，移除掉重復(fù)、沒有價(jià)值的內(nèi)容。
（4）接下來，我們可以根據(jù)問題點(diǎn)的數(shù)量來衡量每個(gè)節(jié)點(diǎn)的情緒水平了。一般可以用積極、平靜、消極這三種情緒來表達(dá)用戶的使用感受。這一步做完，我們一眼就可以看出痛點(diǎn)在哪個(gè)環(huán)節(jié)上了。
（5）針對痛點(diǎn)，討論可行的解決方案
先根據(jù)自己的經(jīng)驗(yàn)，對標(biāo)競品，設(shè)想一些解決方案，然后組織產(chǎn)品、設(shè)計(jì)、leader再進(jìn)行一次腦暴（核心人員即可，人多會導(dǎo)致喪失方向），讓大家一起進(jìn)入旅程圖，以用戶的角度再走一遍流程。在這個(gè)過程中，如果發(fā)現(xiàn)旅程圖中有偏差和遺漏的地方，大家就可以一起修改、補(bǔ)充、審核。
總結(jié)并通過可視化模板記錄：
最后，結(jié)合體驗(yàn)地圖行為的情緒曲線、設(shè)計(jì)的機(jī)會點(diǎn)，梳理優(yōu)先級：
a.對情緒的最高觸點(diǎn)，思考還有沒有優(yōu)化的空間，能否將它繼續(xù)優(yōu)化做到；
b.對情緒的觸點(diǎn)，思考是否能將其他觸點(diǎn)較高的地方，分擔(dān)一部分功能（次要功能）到觸點(diǎn)，來均衡體驗(yàn)情感；
c.可以對標(biāo)競品，看看別人是怎么解決問題的，尋找適合自己產(chǎn)品現(xiàn)階段的解決辦法。
補(bǔ)充：
大家發(fā)現(xiàn)沒有？參與人員在寫想法的時(shí)候，就是頭腦風(fēng)暴的過程，抓住機(jī)會，通過一些開放式、引導(dǎo)式的提問來刺激大家腦暴出更多的內(nèi)容（有利于產(chǎn)品經(jīng)理和交互設(shè)計(jì)師獲取靈感）比如：
總結(jié)：
另外，功能或痛點(diǎn)的解決優(yōu)先級可以通過四象限法則歸類，與旅程圖同時(shí)交付，
做到：用戶、場景、行為、問題、解決辦法、解決時(shí)間一目了然
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
互聯(lián)網(wǎng)設(shè)計(jì)師這個(gè)職業(yè)，是因?yàn)樾录夹g(shù)而誕生的一個(gè)職業(yè)，也是伴隨著技術(shù)進(jìn)步而不斷發(fā)展和重新定義的一個(gè)職業(yè)。比如之前UED發(fā)展成熟的移動互聯(lián)網(wǎng)時(shí)代。
如今AI時(shí)代的浪潮來了，一定同樣也會對我們互聯(lián)網(wǎng)設(shè)計(jì)行業(yè)產(chǎn)生一定的影響和改變。
新時(shí)期到底需要什么樣的設(shè)計(jì)師？設(shè)計(jì)師的核心價(jià)值該如何解讀？這篇文章的題目叫《AI時(shí)代對設(shè)計(jì)的變革》，源自2018年IXDC工作坊的一場分享，作為一個(gè)老美工其實(shí)談不上分享，就是去和大家聊聊AI對設(shè)計(jì)師對設(shè)計(jì)師帶來的影響的一些簡單的看法。
我們這個(gè)行業(yè)，互聯(lián)網(wǎng)設(shè)計(jì)師這個(gè)職業(yè)都是由技術(shù)變革催生的，這也注定了我們這個(gè)職業(yè)應(yīng)該是技術(shù)變化最敏感。
嚴(yán)格意義上來說，今天所寫的內(nèi)容不是具體的設(shè)計(jì)方法論。因?yàn)?，我總覺得對于一個(gè)設(shè)計(jì)師而言，技能相對來說是比較容易提升的，比如你報(bào)個(gè)班學(xué)學(xué)AE, C4D
很快也就掌握了3D，動畫的制作技能。但是，設(shè)計(jì)思維，思考維度是比較難修煉了，現(xiàn)在我們又正好趕上了AI這個(gè)被認(rèn)為很偉大的時(shí)代，由于我們自身職業(yè)的特點(diǎn)。
決定了我們這些行業(yè)里的人，又要面臨著改變，抉擇和重新思考?；谶@些，我寫了今天的這篇文章，我個(gè)人覺得這可能對當(dāng)下的設(shè)計(jì)師，更有意義。
本文內(nèi)容主要包含：職業(yè)發(fā)展的思考，AI對設(shè)計(jì)師帶來了那些挑戰(zhàn)，設(shè)計(jì)的價(jià)值是什么，還有對于設(shè)計(jì)師成長的一些簡單的看法，最后是一個(gè)總結(jié)。
A: 職業(yè)的發(fā)展
要看AI時(shí)代帶來的挑戰(zhàn)，就不能避免的先要回顧一下我們這個(gè)行業(yè)，這些年的一些發(fā)展變化路徑。所以，第一部分先來簡單說說我們這個(gè)行業(yè)發(fā)展的歷史：（主要說的是互聯(lián)網(wǎng)設(shè)計(jì)師）
美工時(shí)代：
聯(lián)網(wǎng)剛剛興起的PC時(shí)代：第一代互聯(lián)網(wǎng)設(shè)計(jì)師誕生了，那個(gè)時(shí)候我們被稱作美工把視覺，交互，策劃，產(chǎn)品的工作都做了。
這個(gè)時(shí)候?qū)τ诿拦さ穆殬I(yè)的基本要求是：會用的軟件多，做的要好看，做事效率要高。這個(gè)階段美工的職責(zé)更多的是去解決一件事物的有無問題。
UI, UX時(shí)代：
隨著移動互聯(lián)網(wǎng)的興起，設(shè)計(jì)被更多的人發(fā)現(xiàn)是具有很高價(jià)值的，于是我們開始被稱作設(shè)計(jì)師，相對應(yīng)的我們的技能標(biāo)簽頁發(fā)生了變化；同時(shí)，也開始了職業(yè)分工。
有UI設(shè)計(jì)師，交互設(shè)計(jì)師，大公司還有專門的用研團(tuán)隊(duì)等等，這些職位組成了屬于自己的專業(yè)組織UED。專業(yè)細(xì)分帶來的是更清晰的職能劃分和職業(yè)定位。我更知道自己做什么，怎么做，自身與設(shè)計(jì)產(chǎn)出也更被尊重；當(dāng)然評判我們價(jià)值的標(biāo)準(zhǔn)也發(fā)生了變了。
這個(gè)時(shí)候?qū)ξ覀兊穆殬I(yè)要求變?yōu)椋?/strong>
① 技術(shù)專業(yè)技能夠硬，比如流行趨勢把控，各種軟件的使用技能（動手能力強(qiáng)）
② 要有很好溝通協(xié)作的能力，方案推導(dǎo)能力
③ 對所服務(wù)的產(chǎn)品有一定的理解，能夠傾聽用戶的聲音，從用戶出發(fā)做設(shè)計(jì)等
④ 對項(xiàng)目有一定的推動作用
專業(yè)細(xì)分是一個(gè)新興職業(yè)發(fā)展過程中的一次職業(yè)升級?，F(xiàn)在已經(jīng)走過了大概十多年的時(shí)間。我們目前這個(gè)行業(yè)里的人都處于什么樣的狀態(tài)呢?
UI主要進(jìn)行需求理解+設(shè)計(jì)效果圖+標(biāo)注走查
UX主要進(jìn)行分析需求+梳理邏輯+輸出原型
之前有段時(shí)間我調(diào)侃自己的工作狀態(tài)是：覺得產(chǎn)品垃圾，這都不懂。覺得開發(fā)惡心，怎么什么都不愿意做，覺得設(shè)計(jì)可以改變世界，他們都不懂。我想可能在做的有一些人，或多或少的會有和我類似的思想經(jīng)歷。
我曾經(jīng)看過一個(gè)數(shù)據(jù)統(tǒng)計(jì)，說設(shè)計(jì)師58%的時(shí)間實(shí)在進(jìn)行與設(shè)計(jì)本身無關(guān)的工作。
不知道大家想過一個(gè)問題沒有，你目前的狀態(tài)真的足以支撐你在這個(gè)行業(yè)里走的更遠(yuǎn)嗎？
米開朗琪羅有一句名言“每塊石頭里都有一個(gè)雕塑，雕刻家的任務(wù)就是把它展現(xiàn)出來”
對于我們所做的設(shè)計(jì)本質(zhì)其實(shí)也一樣：通過一定的方案，找出最佳方案或最佳設(shè)計(jì)來，解決問題。
但是，如果分別從UI，交互這兩個(gè)職能出發(fā)，我們大家可以各自在心里思考一下，我們目前的工作中有多少是在真正解決設(shè)計(jì)要解決的本質(zhì)問題？
隨著工作年限的增加我們到底能從我們目前的工作中，夠感受到多少設(shè)計(jì)價(jià)值？我們經(jīng)驗(yàn)帶來沉淀的價(jià)值？我們又如何去清晰的區(qū)分定義，初級，高級，資深的能力進(jìn)階？
管現(xiàn)在是什么時(shí)代，這些可能都是隨著我們行業(yè)的發(fā)展，需要面對的問題：
① 如何清晰定義自身的能力進(jìn)階與發(fā)展方向。
② 隨著經(jīng)驗(yàn)的積累自己區(qū)別于其他人的核心的競爭價(jià)值是什么？經(jīng)驗(yàn)沉淀帶來的是什么？
這些問題產(chǎn)生的本質(zhì)是：其實(shí)是互聯(lián)網(wǎng)設(shè)計(jì)師這個(gè)職業(yè)隨著自身的發(fā)展，產(chǎn)生的對于自身職業(yè)價(jià)值的疑問或者說對于設(shè)計(jì)師核心價(jià)值的需要再一次被重新解讀。
互聯(lián)網(wǎng)設(shè)計(jì)師這個(gè)職業(yè)，是因?yàn)樾录夹g(shù)而誕生的一個(gè)職業(yè)，也是伴隨著技術(shù)進(jìn)步而不斷發(fā)展和重新定義的一個(gè)職業(yè)。比如之前UED發(fā)展成熟的移動互聯(lián)網(wǎng)時(shí)代。
如今AI時(shí)代的浪潮來了，一定同樣也會對我們互聯(lián)網(wǎng)設(shè)計(jì)行業(yè)產(chǎn)生一定的影響和改變。新時(shí)期到底需要什么樣的設(shè)計(jì)師？設(shè)計(jì)師的核心價(jià)值該如何解讀？
B: AI對設(shè)計(jì)的挑戰(zhàn)
在回答這個(gè)些問題之前：我們先來說說AI對設(shè)計(jì)帶來了那些挑戰(zhàn)。
業(yè)界目前通常把人工智能氛圍三個(gè)級別：弱、強(qiáng)、超。
強(qiáng)人工智能：
如《機(jī)械姬》里面的艾娃（具有人類的思維，推理，交流能力可獨(dú)立思考決策）
超人工智能：
《復(fù)仇者聯(lián)盟》里面的奧創(chuàng)（全面超越人類，已經(jīng)無法理解）類似于星際穿越里面五維空間的生物看待三維世界的人類一樣。
我們現(xiàn)在所有的算法與應(yīng)用都屬于弱工智能的范疇 --李開復(fù)
弱人工智能的本質(zhì)簡單一點(diǎn)說是：解決某一特定領(lǐng)域的效率問題。
比如AlphaGo自身的數(shù)學(xué)模型是解決圍棋領(lǐng)域的問題，阿里的魯班系統(tǒng)自身算法是解決設(shè)計(jì)banner生產(chǎn)的問題。
我們可能很長時(shí)間內(nèi)都會處于弱人工智能階段。今天說的挑戰(zhàn)，探討的也是指弱人工智能所帶來帶來的挑戰(zhàn)~
AI互聯(lián)網(wǎng)是互聯(lián)網(wǎng)自身的一次革命，是從不需要訓(xùn)練，不可自我更新的普通計(jì)算，向需要數(shù)據(jù)訓(xùn)練，可自我更新的認(rèn)識計(jì)算的一次升級。
與傳統(tǒng)互聯(lián)網(wǎng)相比的主要變化是：
① 傳統(tǒng)互聯(lián)網(wǎng)強(qiáng)調(diào)流量為王，AI互聯(lián)網(wǎng)開始重視效率提升。
阿里千人千面的banner，信息流個(gè)性內(nèi)容推送本質(zhì)上也是效率提升導(dǎo)致的商業(yè)結(jié)果的提升
② 從手機(jī)，電腦單一平臺連接，變?yōu)槿f物互聯(lián)。
智能電視，音箱，冰箱，門鎖
③ 從只關(guān)注軟件，變?yōu)樵絹碓蕉嗟年P(guān)注軟硬結(jié)合。
AI是對體驗(yàn)的追求，需要多場景聯(lián)動，軟硬結(jié)合的才能更好的完成AI時(shí)代的服務(wù)，比如各大公司推出的智能硬件
④ 從人操作機(jī)器，變?yōu)槿伺c智能體交流的一次升級
機(jī)器懂人
傳統(tǒng)互聯(lián)網(wǎng)解決鏈接問題，AI互聯(lián)網(wǎng)解決效率問題，人與萬物交流問題，是編程計(jì)算向認(rèn)知計(jì)算的變革。
這些變化對應(yīng)帶來的設(shè)計(jì)的變化是：
效率經(jīng)濟(jì):
低價(jià)值重復(fù)的工作會逐步被取代，考驗(yàn)設(shè)計(jì)師核心競爭力。單純的畫圖，干的多，拼接素材越來越難以支撐你具有足夠的競爭力。
萬物互聯(lián):
意味著設(shè)計(jì)將從單一電腦，手機(jī)平臺變?yōu)橹悄芤粝?，智能電視，智能門鎖，智能汽車的多場景融合聯(lián)動
軟硬結(jié)合：
意味著設(shè)計(jì)目標(biāo)物更為多元，設(shè)計(jì)參考維度更為豐富。（設(shè)計(jì)師不僅僅需要考慮軟件的體驗(yàn)，還需要考慮硬件的特性，和用戶的使用習(xí)慣）
設(shè)計(jì)師的知識儲備需要更加豐富。比如，你需要去了解所設(shè)計(jì)產(chǎn)品的傳感器原理，性能特性以及技術(shù)邊界。需要根據(jù)不同設(shè)計(jì)物調(diào)整自身設(shè)計(jì)方式與思路。
人與物交流：
意味著設(shè)計(jì)思維由之前的操作思維轉(zhuǎn)變?yōu)榻涣魉季S，之前我們更多的是去強(qiáng)調(diào)讓操作更加簡單，新時(shí)期需要的是讓機(jī)器更懂人，交流更自然更有溫度。設(shè)計(jì)產(chǎn)出物多樣化。不在單單只是一張?jiān)O(shè)計(jì)稿，可能是定義某款智能音箱性格的交互語句設(shè)計(jì)，可能是一套手勢操作邏輯，甚至可能是一套設(shè)計(jì)效果跟蹤與評價(jià)方案。
總結(jié)起來，AI時(shí)代對于職業(yè)的挑戰(zhàn)或者改變是：
① 低價(jià)值重復(fù)工作被取代，會進(jìn)一步釋放設(shè)計(jì)師最底層的能力想法和創(chuàng)造，同時(shí)也更加考驗(yàn)設(shè)計(jì)師核心競爭力。想想（阿里的魯班，京東的玲瓏）釋放了大家多少的時(shí)間和人力？
② 新的技術(shù)變革催生了全新的設(shè)計(jì)場景，設(shè)計(jì)表現(xiàn)層變了。
VR,AR等等三維呈現(xiàn)信息場景，以及全新多樣化的交互模式（手勢，語音，眼動，唇語識別）與之前是完全不同場景和形式。直接運(yùn)用之前的經(jīng)驗(yàn)，很多已
經(jīng)不管用了。需要重構(gòu)設(shè)計(jì)對于設(shè)計(jì)的認(rèn)識。
③ 設(shè)計(jì)從MVP到MLP的轉(zhuǎn)變。MVP是最小可行性產(chǎn)品。但是，隨著行業(yè)的發(fā)展，用戶已經(jīng)被教育的比較成熟了，對產(chǎn)品有一定的審美和要求，如果還是按照之前最小行性產(chǎn)品去開發(fā)，做VA AR 語音助理，已經(jīng)完全不行了，因?yàn)橛脩羰强梢愿兄牡降?，知道你設(shè)計(jì)的不是人工智能是人工智障這會讓你損失非常多的用戶。
新時(shí)期，競爭越來越激烈，大家都在搶占用戶的時(shí)間，人工智能大數(shù)據(jù)提供了更多觸達(dá)了解用戶的途徑，所以設(shè)計(jì)需要更加溫度才能獲得用戶。最小可被用戶喜愛的產(chǎn)品更適應(yīng)新時(shí)期的設(shè)計(jì)場景，這也對設(shè)計(jì)師提出了更高的要求。
④ 由于涉及環(huán)境與目標(biāo)物的改變，對職業(yè)能力的評判越來越考驗(yàn)設(shè)計(jì)師的綜合能力，經(jīng)驗(yàn)遷移變通的能力。同時(shí)由于AI的數(shù)據(jù)能力，設(shè)計(jì)結(jié)果也可以更好的被衡量。設(shè)計(jì)師必須及時(shí)升級調(diào)整自己。必須清晰的認(rèn)識到，新的產(chǎn)品與操作模式，比較于以往的
經(jīng)驗(yàn)積累中間有多少斷層，有多少可以通用， 有多少在是需要變通，又有多少是要徹底摒棄的完全不適合新時(shí)期場景的設(shè)計(jì)思路。
⑤ 設(shè)計(jì)師比以往更需要去了解技術(shù)，用設(shè)計(jì)包裝技術(shù)、用設(shè)計(jì)解決設(shè)計(jì)邊界問題。
設(shè)計(jì)師需要及時(shí)對新技術(shù)，新環(huán)境做出反應(yīng)，這樣才能抓住機(jī)會。明白現(xiàn)今技術(shù)的局限在哪里，設(shè)計(jì)需要附能場景，流程，設(shè)計(jì)物以及用戶以溫度。
⑥ 設(shè)計(jì)思維以及模式變了，從之前的模式設(shè)計(jì)至探索設(shè)計(jì)之前大家做的事情，輸出的設(shè)計(jì)，有很多現(xiàn)成的理論，資料或者競品可以去參考（移動互聯(lián)網(wǎng)設(shè)計(jì)已經(jīng)很成熟了）但是，在新時(shí)期，我們面對是全新平臺與產(chǎn)品，甚至需要去創(chuàng)造新的平臺或產(chǎn)
品以提供更好服務(wù)。沒有參考沒有成型的經(jīng)驗(yàn)，需要設(shè)計(jì)師有能力自己去摸索總結(jié)。不然可能很難適應(yīng)AI時(shí)代的設(shè)計(jì)。
我覺得這些挑戰(zhàn)的本質(zhì)都是：對設(shè)計(jì)師圍繞對設(shè)計(jì)核心價(jià)值的深入理解后的，能力與思維的變通力與擴(kuò)展力~
麥肯錫做過一份，在設(shè)計(jì)工作的7個(gè)方向上，機(jī)器能替代人力比例的研究，就是這上圖所示。從這份研究中我們也能看出，AI時(shí)代也只有發(fā)揮設(shè)計(jì)核心價(jià)值的設(shè)計(jì)師才更不容易被機(jī)器所替代，什么是設(shè)計(jì)的核心價(jià)值呢？
C: 設(shè)計(jì)的價(jià)值
這也是這些年我一直在思考一個(gè)問題：（所以接下來 匯報(bào)一下我對于設(shè)計(jì)價(jià)值的一些理解）
香港理工大學(xué)教授 約翰 · 赫斯科特（John Heskett）曾經(jīng)提出過設(shè)計(jì)師有三層價(jià)值：
① 設(shè)計(jì)師作為修飾者（我把它歸結(jié)為基礎(chǔ)價(jià)值）
② 設(shè)計(jì)師作為區(qū)分者（我把它歸結(jié)為核心價(jià)值）
③ 設(shè)計(jì)師作為驅(qū)動者（我把它歸結(jié)為競爭價(jià)值）
有了教授的理論作為指引，我就簡單根據(jù)自身對于自己職業(yè)的理解，把這些點(diǎn)與我們自身的職業(yè)特性相對照簡單整理出互聯(lián)網(wǎng)設(shè)計(jì)師的價(jià)值層次：（如上圖）
基礎(chǔ)價(jià)值 (就是業(yè)務(wù)協(xié)同的價(jià)值)
把一個(gè)產(chǎn)品做的好看好用，這個(gè)階段設(shè)計(jì)的作用是遵循基本設(shè)計(jì)原則，保質(zhì)保效完成業(yè)務(wù)方的需求。
我們很多設(shè)計(jì)師可能一直搞錯(cuò)了一個(gè)問題，那就是覺得設(shè)計(jì)師的任務(wù)就是把東西做的好看，但是，我覺得把一個(gè)東西做的好看，應(yīng)該是一個(gè)設(shè)計(jì)師最基本的能力，最不能出錯(cuò)的能力。甚至說的偏激一點(diǎn)，是你進(jìn)入這個(gè)行業(yè)的基本素質(zhì)。
增強(qiáng)價(jià)值 (業(yè)務(wù)增值) ，主要從三個(gè)方面體現(xiàn)：
① 基于我們的知識與經(jīng)驗(yàn)積累：
具備分析需求并推導(dǎo)解決方案以及提出更好方案的能力，增值業(yè)務(wù)價(jià)值&產(chǎn)品目標(biāo)價(jià)值?？梢灾鸩匠恋沓鲆恍┳约旱脑O(shè)計(jì)方法論。
② 具備推動方案落地的能力，你要知道如何向產(chǎn)品或者其他業(yè)務(wù)需求方推行你的方案，有理有據(jù)論證自己方案的合理性，帶來的價(jià)值。與個(gè)協(xié)同部門專業(yè)對接對接你的設(shè)計(jì)，諸如設(shè)計(jì)輸出管理，設(shè)計(jì)文件管理，產(chǎn)品體驗(yàn)迭代的把控做好設(shè)計(jì)管理，也要思考設(shè)計(jì)效率的提升，將時(shí)間濃縮于關(guān)鍵工作上。能夠清晰的意識到設(shè)計(jì)在產(chǎn)品那些節(jié)點(diǎn)上可以很好的附能，一個(gè)設(shè)計(jì)師一定要意識到你的設(shè)計(jì)，只有被真正擺在用戶面前，被用戶使用和喜歡的時(shí)候才真正有價(jià)值，單純一張?jiān)O(shè)計(jì)稿，一個(gè)腦子里的想法，一個(gè)躺在電腦里的文件是很多時(shí)候是沒有價(jià)值的。
③ 保持創(chuàng)業(yè)者心態(tài)，不斷學(xué)習(xí)，可以很好的應(yīng)對不同技術(shù)時(shí)代和使用場景下的體驗(yàn)設(shè)計(jì)(比如PC，手機(jī)，VR, AR等等，未來的設(shè)計(jì)越來越會是跨平臺跨場景的，作為高級別的設(shè)計(jì)師應(yīng)該具備這樣的能力，我們互聯(lián)網(wǎng)設(shè)計(jì)師這個(gè)職業(yè)，好像天然 的決定了我們最不能一成不變，最要能夠去擁抱各種變化，去適應(yīng)時(shí)代的發(fā)展。所以，設(shè)計(jì)要跟上這個(gè)時(shí)代的變化，需要時(shí)刻很好的解決業(yè)務(wù)問題。
核心價(jià)值 (價(jià)值放大) 這一點(diǎn)對于設(shè)計(jì)師非常核心，很大程度上決定了一個(gè)設(shè)計(jì)師的高度：
產(chǎn)品經(jīng)理是在決定一個(gè)產(chǎn)品的方向，而我們設(shè)計(jì)師是在定義一個(gè)產(chǎn)品的深度與溫度，所以，這一階段的價(jià)值主要從四個(gè)方面體現(xiàn)：
① 應(yīng)該對產(chǎn)品方向，或者產(chǎn)品經(jīng)理等業(yè)務(wù)需求方的決策具有分析判斷的能力，用自己的專業(yè)能力，更好的指引幫助產(chǎn)品成功，用設(shè)計(jì)去放大產(chǎn)品的價(jià)值。
② 設(shè)計(jì)師具有設(shè)計(jì)一些顛覆性的體驗(yàn)，具備引領(lǐng)潮流定義創(chuàng)新的知識技能儲備和能力。比如當(dāng)初微信搖一搖，短視頻的人像道具，這些出現(xiàn)之初都是全新的產(chǎn)品形態(tài)，高級別的設(shè)計(jì)師應(yīng)該具有設(shè)計(jì)推導(dǎo)此類解決方案的能力，而不是循規(guī)蹈矩跟在別人后面。這需要設(shè)計(jì)師豐富的知識積累，經(jīng)驗(yàn)沉淀，對行業(yè)深入理解以及對用戶需求的敏銳嗅覺。
③ 能力融合，關(guān)注全流程；設(shè)計(jì)師需要對于體驗(yàn)輸出涉及的各主要環(huán)節(jié)有良好的知識儲備和了解，這樣才可以通過能力融合更好把控自己設(shè)計(jì)的產(chǎn)出，幫助自己輸出高價(jià)值的體驗(yàn)設(shè)計(jì)。
商業(yè)公司的好設(shè)計(jì)，不僅僅是把用戶體驗(yàn)打磨得多么，而是要在多方限制條件下取得平衡，從商業(yè)、技術(shù)、用戶、項(xiàng)目現(xiàn)狀等等多方面權(quán)衡得出一個(gè)目前“綜合最優(yōu)可實(shí)施”而非“設(shè)計(jì)最優(yōu)”的解決方案。
有能力探索孕育出一些新的合作模式，新的設(shè)計(jì)或論證工具等等。提升項(xiàng)目運(yùn)轉(zhuǎn)質(zhì)量，從而引領(lǐng)團(tuán)隊(duì)。
④ 通過自身積累，思考與探索，能夠引領(lǐng)行業(yè)變革定義行業(yè)新標(biāo)準(zhǔn)，輸出價(jià)值觀。
比如無印良品的原研哉，蘋果的喬納森，這些人都重新定義了自己設(shè)計(jì)的行業(yè)，成為這個(gè)行業(yè)的標(biāo)準(zhǔn)，不在是簡單的設(shè)計(jì)輸出，而是變成了一中生活方式，一種價(jià)值觀的輸出。
這點(diǎn)在AI時(shí)代可能更為重要，未來的環(huán)境中我們可能要更多的開始考慮隱私問題，倫理以及道德問題。其實(shí)這件事情現(xiàn)在已經(jīng)有一些端倪了，比如大數(shù)據(jù)給商業(yè)帶來巨大價(jià)值的同時(shí)，也同樣讓用戶開始擔(dān)心自己的隱私泄露問題，比如我瀏覽了一個(gè)淘寶商品，結(jié)果到處其他的產(chǎn)品都在給我推送這樣的廣告，當(dāng)你看到這樣的廣告的時(shí)候，你一定不是開心的，你更多的一定有一種隱隱約約被人窺探的恐懼，隨著行業(yè)的發(fā)展，這一定不是一個(gè)可持續(xù)穩(wěn)定的狀態(tài)，而好的解決方案，需要我們設(shè)計(jì)師去思考。
這是我理解的互聯(lián)網(wǎng)設(shè)計(jì)師的三重價(jià)值~
如上圖所示：
交互與UI設(shè)計(jì)師是目前UED中核心的兩個(gè)角色，在各自的職業(yè)升級的過程中，我們其實(shí)會發(fā)現(xiàn)：兩個(gè)職能崗位，對于職業(yè)的高階狀態(tài)的追求是趨于一致的，大家職業(yè)進(jìn)階的過程都是在追求體現(xiàn)更高設(shè)計(jì)價(jià)值的過程。
但是，之前傳統(tǒng)的UED清晰的職能劃分，越來越難以支撐高級別設(shè)計(jì)師的能力進(jìn)階。
而AI時(shí)代也需要設(shè)計(jì)師更多的發(fā)揮設(shè)計(jì)的核心價(jià)值，可能也正是因?yàn)檫@些原因，具有融合設(shè)計(jì)能力“產(chǎn)品設(shè)計(jì)師” “用戶體驗(yàn)設(shè)計(jì)師” & “全鏈路設(shè)計(jì)師” 最近幾年越來越被更多提起，越來越熱的原因。
現(xiàn)設(shè)計(jì)核心價(jià)值的產(chǎn)品設(shè)計(jì)師應(yīng)該是一名互聯(lián)網(wǎng)設(shè)計(jì)師所應(yīng)該追求的價(jià)值最大化，具有核心競爭力的狀態(tài)。（對于產(chǎn)品設(shè)計(jì)師能力的拆解，后面會具體講到）
這幾年，硅谷的一些大廠，google，facebook基本在自己的招聘中越來越多的傾向于綜合性人才，國外設(shè)計(jì)教育也開始注重學(xué)生相關(guān)能力的培養(yǎng)。
這些變化，趨勢或許正好可以說明我們的行業(yè)，在經(jīng)歷了美工時(shí)代，UED時(shí)代后?？赡苡忠淮握谇娜话l(fā)生著變化，升級。朝著下一個(gè)更加成熟的階段發(fā)展。
也能從一個(gè)側(cè)面指引設(shè)計(jì)師努力或者自己進(jìn)階方向。這個(gè)我之前公眾號里面曾經(jīng)寫過一篇文章，大家有興趣一可以關(guān)注看看。
ok，整合一下前面所寫的，我們其實(shí)可以發(fā)現(xiàn)，現(xiàn)在不管從職業(yè)的自身發(fā)展進(jìn)階，還是從AI時(shí)代對設(shè)計(jì)的帶來的挑戰(zhàn)來看，設(shè)計(jì)師都需要進(jìn)行自美工至UED之后的又一次職業(yè)升級。這樣才能更好發(fā)揮設(shè)計(jì)的價(jià)值，做好新階段的設(shè)計(jì)。
我們行業(yè)傳統(tǒng)意義上應(yīng)該還算是新興行業(yè)吧？這個(gè)行業(yè)自身一定是在逐步升級成熟的，我們這個(gè)行業(yè)好像最缺少的就是一成不變的東西，不是AI浪潮帶來了改變，更準(zhǔn)確的說可能只是AI浪潮讓一些本就應(yīng)該出現(xiàn)的改變提前了。
結(jié)合AI對設(shè)計(jì)挑戰(zhàn)與設(shè)計(jì)師核心價(jià)值的分析，我簡單總結(jié)了一下AI時(shí)代設(shè)計(jì)師的能力模型：
① 場景洞察&構(gòu)建（場景熟知）
面對全新的設(shè)計(jì)環(huán)境，設(shè)計(jì)師要能夠快速適應(yīng)，熟悉（會更考驗(yàn)設(shè)計(jì)師的高階能力，能力范圍也會需要更廣），設(shè)計(jì)師要可以從各項(xiàng)技術(shù)變革中洞察新機(jī)會，合理創(chuàng)建符合甚至超出用戶預(yù)期的使用場景。使設(shè)計(jì)物更符合用戶心的理模型。（正好問大家一個(gè)特別有意思的問題，誰知道現(xiàn)在滿大街都是的智能音箱的開創(chuàng)者是誰？）
② 構(gòu)建全新用戶模型（重新認(rèn)識用戶）
相同的用戶群體，但是，是完全不同的場景、行為，交互方式和使用習(xí)慣。設(shè)計(jì)師要能夠很好的總結(jié)出用戶新的認(rèn)知程度與學(xué)習(xí)能力，合理構(gòu)建自己設(shè)計(jì)的產(chǎn)品。新時(shí)期用戶不在需要千篇一律統(tǒng)一的解決方案，新時(shí)期下需要千人千門大規(guī)模個(gè)性化的設(shè)計(jì)方案，設(shè)計(jì)師要根據(jù)自身對用戶全新的解讀，做好思維知識的升級。
③ 用戶研究&數(shù)據(jù)（行為洞察）
在新的設(shè)計(jì)環(huán)境中，只有掌握良好的用戶研究方法，并且運(yùn)用好AI的時(shí)代的數(shù)據(jù)獲取力，非結(jié)構(gòu)化數(shù)據(jù)分析力，才能更好的找出用戶習(xí)慣與認(rèn)知，從而發(fā)現(xiàn)機(jī)會。AI時(shí)代設(shè)計(jì)結(jié)果可以更好的被追蹤，分析。設(shè)計(jì)師要有能力充分利用AI的數(shù)據(jù)能力才能發(fā)揮更大的價(jià)值（阿里1.7億張banner）設(shè)計(jì)可以更直接的為KPI負(fù)責(zé)。
④ 產(chǎn)品構(gòu)架&建模（產(chǎn)品構(gòu)筑）
新信息媒介，新場景意味著需要去構(gòu)建新的產(chǎn)品，具備良好的對新產(chǎn)品整體構(gòu)架的把控&建模的能力，才能幫助一個(gè)設(shè)計(jì)師根據(jù)技術(shù)的發(fā)展，去構(gòu)筑對于用戶有價(jià)值的產(chǎn)品，這種能力也越來越會成為AI時(shí)代設(shè)計(jì)師的重要核心能力。（簡單來說就是你知道怎么把一種技術(shù)，包裝成對于用戶有用的并且被用戶喜歡的產(chǎn)品，比如亞馬遜的Alexa，包裝成智能音箱echo）
⑤ 共情&探索&學(xué)習(xí)（規(guī)范總結(jié)）
新時(shí)代下，沒有更多的規(guī)范與經(jīng)驗(yàn)可以借鑒，需要設(shè)計(jì)師通過自己極好的共情力去感知整個(gè)產(chǎn)品的體驗(yàn)，是不是合適的，是不是符合用戶期待的。需要優(yōu)秀的總結(jié)和探索能力，幫助設(shè)計(jì)師去重新定義，新的設(shè)計(jì)原則和標(biāo)準(zhǔn)。新時(shí)期不管從技術(shù)特點(diǎn)，還是行業(yè)競爭狀態(tài)，以及用戶的成熟度上看，都需要更加細(xì)膩的設(shè)計(jì)，更有溫度的設(shè)計(jì)。同時(shí)，在未來，設(shè)計(jì)將不在只是滿足用戶需求，而是需要更多的回應(yīng)用戶沒有表達(dá)的需求。這與之前我們所處的情況有非常大的不同。
⑥ 流程創(chuàng)造與構(gòu)筑
全新的設(shè)計(jì)環(huán)境與產(chǎn)品，需要完全不同的開發(fā)、操作以及驗(yàn)證流程。設(shè)計(jì)師必須有極好的產(chǎn)品流程，開發(fā)流程，設(shè)計(jì)驗(yàn)證流程的構(gòu)建力才能設(shè)計(jì)好新時(shí)期的優(yōu)秀產(chǎn)品。
這是我認(rèn)為要做好AI時(shí)代下設(shè)計(jì)，一個(gè)設(shè)計(jì)師所需要具備的能力結(jié)構(gòu)。
所以未來需要的設(shè)計(jì)師是，或者說的通俗一點(diǎn)什么樣的設(shè)計(jì)師最值錢：
① 對行業(yè)敏感并能夠及時(shí)調(diào)整自己知識與能力結(jié)構(gòu)；
② 了解技術(shù)原理與邊界，綜合能力更強(qiáng)；
③ 對設(shè)計(jì)核心價(jià)值深入理解，真正發(fā)揮設(shè)計(jì)師核心能力；
④ 具有全局意識，全場景思維的具有產(chǎn)品設(shè)計(jì)師能力的設(shè)計(jì)師。
如果你聽我說了這些，被煽動的想盡早進(jìn)入到AI時(shí)代的設(shè)計(jì)浪潮中的話
我有兩點(diǎn)自己的小建議：
現(xiàn)在的AI主要包含三大塊技術(shù)：
語音識別語義理解 + 視覺識別 + 大數(shù)據(jù)分析（非結(jié)構(gòu)化數(shù)據(jù)分析）
基于三大類技術(shù)主要催生了兩個(gè)方向的AI產(chǎn)品：
① 純AI技術(shù)的構(gòu)建的產(chǎn)品（比如抖音視頻道具，智能美顏，以圖搜圖）
這類產(chǎn)品一般目前的設(shè)計(jì)師只要對AI技術(shù)深度理解，做好相關(guān)的技能儲備，比如你做VR，AR需要3D軟件的使用能力，這個(gè)方向設(shè)計(jì)師做好這些準(zhǔn)備后一般可以相對比較容易的遷移 。
② AI+行業(yè)（比如智能問診，自動駕駛）
這類產(chǎn)品不但需要設(shè)計(jì)師對AI技術(shù)有深度的理解，還需要設(shè)計(jì)師對行業(yè)有深刻的理解，不然很難做好設(shè)計(jì)。這個(gè)在我們公司做 AI+律師的 工作中體會最明顯，其實(shí)道理也簡單，你想改變一個(gè)行業(yè)，一定要了解這個(gè)行業(yè)。
D: 個(gè)人技能&職業(yè)進(jìn)階
今天分享的第四部分，是和大家分享一下我對于設(shè)計(jì)師個(gè)人成長的一些思考~
一個(gè)職業(yè)的成長之路，本質(zhì)上是從事這個(gè)職業(yè)的人，對于自己更高心里需求追尋的過程~
提到需求層次，很多人就會提到：馬斯洛：
他有一個(gè)著名的需求層次理論：把人類的需求大概分為五個(gè)層級，為了便于理解，我把它簡單歸納為三個(gè)大分類，與我們自身職業(yè)發(fā)展相對應(yīng)~，就會發(fā)現(xiàn)一個(gè)比較有意思的現(xiàn)象：
美工設(shè)計(jì)階段：
我們是在實(shí)現(xiàn)設(shè)計(jì)的基礎(chǔ)價(jià)值，也是在滿足自我價(jià)值需求中的基礎(chǔ)需求。完成職業(yè)的基礎(chǔ)能力構(gòu)建。
UI，UX階段：
我們是在實(shí)現(xiàn)設(shè)計(jì)的增強(qiáng)價(jià)值，滿足自我價(jià)值需求中的尊重&情感歸屬需求。完成職業(yè)能力的擴(kuò)充，沉淀，探索。
產(chǎn)品設(shè)計(jì)師設(shè)計(jì)師階段：
我們是在實(shí)現(xiàn)設(shè)計(jì)的核心價(jià)值，滿足自我價(jià)值需求中的自我實(shí)現(xiàn)需求。完成能力融合，洞悉本質(zhì)，價(jià)值放大。
所以，職業(yè)的進(jìn)階過程，也是所處在這個(gè)行業(yè)里的人對于自我價(jià)值尋求的過程。也是自身能力進(jìn)階的的過程。這個(gè)圖可以給大家作為自己成長方向的一個(gè)參考。
設(shè)計(jì)師進(jìn)階路徑中核心價(jià)值目標(biāo)是：產(chǎn)品設(shè)計(jì)師，前面也講了可能未來更符合市場有需求的是具有產(chǎn)品設(shè)計(jì)師能力的設(shè)計(jì)師；所以，下面和大家簡單分享一下我對產(chǎn)品設(shè)計(jì)師的能力進(jìn)階的理解：
基礎(chǔ)能力：
對產(chǎn)品有分析判斷的能力以及對行業(yè)的變化有敏銳的嗅覺，設(shè)計(jì)體系化理論化；孕育方法論，并且保持探索。
高階能力：
具有戰(zhàn)略前瞻性（對未來有一定預(yù)判，可以很好的應(yīng)對解決各種新技術(shù)背景下的體驗(yàn)設(shè)計(jì)， 具有對于整體產(chǎn)品體驗(yàn)的規(guī)劃與把控能力，關(guān)注全流程，能力融合去激發(fā)創(chuàng)新的價(jià)值；優(yōu)化自身時(shí)間分配，要為效率思考，孕育探索新設(shè)計(jì)工具，合作模式（像工具比如阿里的魯班系統(tǒng)，合作模式：airbnb的國際化語言設(shè)計(jì)系統(tǒng)等等）培養(yǎng)人才，引領(lǐng)團(tuán)隊(duì)。
最高追求：
就是實(shí)現(xiàn)前面所說的設(shè)計(jì)的最高階價(jià)值，引領(lǐng)行業(yè)變革定義行業(yè)新標(biāo)準(zhǔn)，輸出價(jià)值觀。
我個(gè)人覺得產(chǎn)品設(shè)計(jì)師，不是一個(gè)職位，而是自己是隨著自身的經(jīng)驗(yàn)積累與沉淀，產(chǎn)生的對設(shè)計(jì)價(jià)值的更高追求的一種能力狀態(tài)。
它的能力范圍更廣，可以更加激發(fā)優(yōu)秀設(shè)計(jì)師無可替代的能力，成為向上發(fā)展的核心競爭力。
它的能力構(gòu)成以及核心目的是依然是為了發(fā)揮設(shè)計(jì)的更高價(jià)值，輸出優(yōu)秀的體驗(yàn)。而不是為了取代誰，還是為了更好的做設(shè)計(jì)。
產(chǎn)品設(shè)計(jì)師需要充分發(fā)揮自己的計(jì)劃執(zhí)行能力，經(jīng)驗(yàn)總結(jié)能力，以及不斷學(xué)習(xí)，保持對行業(yè)的探索力和分享能力
這些應(yīng)該新時(shí)期是一名合格產(chǎn)品設(shè)計(jì)師的基本狀態(tài)。
大家簡單分享一下，這幾年我自己覺得比較重要的，幾個(gè)新的認(rèn)識：
認(rèn)識一：（設(shè)計(jì)師的競爭力是什么？）
40歲還能不能做設(shè)計(jì)？這可能是很多設(shè)計(jì)師的疑問，設(shè)計(jì)師的核心競爭力到底緣于什么? 時(shí)間對于設(shè)計(jì)師的意義是什么？
從我我個(gè)人角度出發(fā)，我覺得：
你個(gè)人的興趣、天分對行業(yè)的敏感度 + 你的不同的工作經(jīng)歷及專業(yè)背景 （知識儲備維度，有一句話叫學(xué)無先后，達(dá)者為師）+ 你在各個(gè)行業(yè)方向的經(jīng)驗(yàn)積累&個(gè)人技能的擴(kuò)展 集合前三項(xiàng)的融合理解總結(jié)沉淀以及能力遷移的能力 ，這些東西共同構(gòu)成了你在行業(yè)里的能有多大的市場，也就是你的競爭力 ~
所以，時(shí)間的沉淀對于設(shè)計(jì)師應(yīng)該是財(cái)富，而不是負(fù)擔(dān)。
認(rèn)識二：（設(shè)計(jì)是什么？）
過去大家都覺得設(shè)計(jì)的本質(zhì)是解決問題，但是解決問題有很多種方法，這里里面當(dāng)然就會包含合適的，不合適的，高成本的
一廂情愿的等等。
所以，我覺得在新的技術(shù)背景下，設(shè)計(jì)更準(zhǔn)確的定位應(yīng)該是達(dá)成共識的方法，好設(shè)計(jì)應(yīng)該是平衡的平衡商業(yè)，技術(shù)，產(chǎn)品目標(biāo)與對用戶的價(jià)值在萬物互聯(lián)的時(shí)代，設(shè)計(jì)要能夠貼合，融入場景，與場景達(dá)成共識。
很多時(shí)候，我們需要很好的意識到，設(shè)計(jì)并非無所不能。只有這樣你才能真正找到設(shè)計(jì)的賦能點(diǎn)，發(fā)揮設(shè)計(jì)的價(jià)值。
感謝你能把這篇又臭又長的文章閱讀到這里~
前面所講的大部分內(nèi)容，都是主要圍繞產(chǎn)品設(shè)計(jì)師去展開的，具有產(chǎn)品設(shè)計(jì)師能力的設(shè)計(jì)師，是未來行業(yè)里的通才。
當(dāng)然設(shè)計(jì)師也可以做專才，充分發(fā)揮藝術(shù)創(chuàng)意帶來的價(jià)值。
現(xiàn)在業(yè)內(nèi)大概將設(shè)計(jì)師分為兩個(gè)大的職業(yè)方向：
通才方向的用戶體驗(yàn)設(shè)計(jì)方向（UXD）（專注于產(chǎn)品設(shè)計(jì)，就是今天我們討論的方向） ;
專才方向的創(chuàng)意設(shè)計(jì)師（專注于品牌傳播，充分發(fā)揮創(chuàng)意的價(jià)值）；
不管從事什么方向，價(jià)值追求的本質(zhì)是一致并且統(tǒng)一的，只是達(dá)成價(jià)值的方式不同
重要的是設(shè)計(jì)師要根據(jù)自己的興趣愛好去選擇，自己的職業(yè)方向。畢竟只有熱愛才更容易把一件事情做得更好。
幾十年前的著名的博朗設(shè)計(jì)大師提出了好設(shè)計(jì)的十條準(zhǔn)則，即便他們的理念誕生時(shí)，距離我們很遙遠(yuǎn)，他從事的行業(yè)與我們也可能沒什么交集。
但是，這些設(shè)計(jì)的準(zhǔn)則放在當(dāng)下，放在我們的互聯(lián)網(wǎng)設(shè)計(jì)中，依然是衡量設(shè)計(jì)好壞的完美標(biāo)準(zhǔn)，為什么會這樣？
是因?yàn)椴还軙r(shí)代如何變遷，設(shè)計(jì)的核心追求、價(jià)值與本質(zhì)并未變化太多~ 回到我們的主題，結(jié)合前面所講：AI為設(shè)計(jì)帶來了什么？
① 不管時(shí)代如何改變，職業(yè)核心目標(biāo)并沒有太大改變
② 技術(shù)變革帶來的是設(shè)計(jì)方式&場景&設(shè)計(jì)師的能力象限&生產(chǎn)工具的變化。設(shè)計(jì)師要抓住核心，不斷更新自身，保持初學(xué)者創(chuàng)業(yè)者心態(tài)。
③ AI應(yīng)該是道，是方法，是可能性。而設(shè)計(jì)是術(shù)，是方案。AI只是材料，如何運(yùn)用需要設(shè)計(jì)師無窮創(chuàng)造力。用戶不會因?yàn)锳I使用一款產(chǎn)品，他們只會為解決的問題，和給帶來的價(jià)值買單。任何新技術(shù)，新場景，對于設(shè)計(jì)師而言是新的契機(jī)，是創(chuàng)造更多的可能性的開始。
④ 新時(shí)期設(shè)計(jì)需要小題大做，淺題深做。小問題 可能是一個(gè)大現(xiàn)象 ，一個(gè)新原則 ，是一個(gè)大機(jī)會，新時(shí)期需要更加細(xì)膩的思考&工作，只有這樣才能更好的洞見機(jī)會，迸發(fā)價(jià)值。
⑤ AI時(shí)代，設(shè)計(jì)師更需要保持對行業(yè)的敏感與知識的更新，也要善于運(yùn)用發(fā)掘智能工具，提升效率專注職業(yè)核心。設(shè)計(jì)師，是一個(gè)由頭腦驅(qū)動創(chuàng)意的腦力工作者；AI智能工具，是一個(gè)由算法驅(qū)動執(zhí)行的“算力工作者”。而工具是為想法服務(wù)的。
AI同樣附能設(shè)計(jì)本身，新時(shí)期更需要設(shè)計(jì)師，對效率提升有更多思考。這不僅包含自身 ，也包含項(xiàng)目，流程。效率是關(guān)鍵，速度是機(jī)遇。
下面和大家通過分享兩個(gè)簡單的智能設(shè)計(jì)工具，順便談?wù)勎覍τ谥悄芄ぞ叩囊稽c(diǎn)看法：
① Google的智能圖像重繪工具Deep Dream Generator
利用卷積神經(jīng)網(wǎng)絡(luò)可以根據(jù)你選擇的藝術(shù)家作品的風(fēng)格重新繪制你的照片，大家感興趣可以玩一下，思考一下這個(gè)工具成熟后，能給你帶來什么。
② 智能腦暴Yossaria
智能腦暴工具，可以在短時(shí)間內(nèi)給出超多種發(fā)散性結(jié)果，幫助你快速發(fā)散思維。
雖然目前很多所謂智能設(shè)計(jì)工具，還不完善，甚至噱頭大于實(shí)際功能。但是，我要說的是設(shè)計(jì)師要善于嘗試新鮮事物，善于發(fā)現(xiàn)運(yùn)用工具，勇于重構(gòu)自身這對于一個(gè)設(shè)計(jì)師很重要，尤其在AI時(shí)代，更需要設(shè)計(jì)師主動出擊，而非被動接受。
關(guān)于學(xué)習(xí)的部分，推薦幾個(gè)行業(yè)高質(zhì)量閱讀的途徑：
載體是一個(gè)循環(huán)：
回顧互聯(lián)網(wǎng)這些年經(jīng)歷的變化，從PC - 移動 - 人工智能。
你會發(fā)現(xiàn)，每當(dāng)新技術(shù)誕生都會催生新的信息載體，平臺與使用場景，比如之前的PC
在經(jīng)歷一定階段發(fā)展后，產(chǎn)品，載體和使用場景會趨于成熟，整體體驗(yàn)會更加符合用戶的心智。
發(fā)展到一定程度后，產(chǎn)品到達(dá)相對穩(wěn)定的狀態(tài)。比如智能手機(jī)，已經(jīng)很少再有新的東西出來了（看看蘋果這幾年的發(fā)布會）
而后又會有新的技術(shù)誕生，比如現(xiàn)在的人工智能，這是一個(gè)循環(huán)。并且在互聯(lián)網(wǎng)行業(yè)，這個(gè)循環(huán)好像越來越快。
而現(xiàn)在我們可能正處在一個(gè)偉大時(shí)代的起點(diǎn)，一個(gè)全新的時(shí)代，全新的環(huán)境對于深處其中的設(shè)計(jì)師而言，目前進(jìn)入AI行業(yè)相對來說是沒有門檻的，一切都還是全新的，沒有規(guī)則，沒有標(biāo)準(zhǔn)，需要重新創(chuàng)造定義，是職業(yè)的新機(jī)遇。
E: 最后一句話
我一直覺得：狄更斯的這句話我覺得特別適合用來形容我們行業(yè)的這個(gè)階段~
充滿著危機(jī)，也充滿著機(jī)遇~
回想一下過去，每一次 “工業(yè)革命” 機(jī)器都在替代更多低價(jià)值重復(fù)的勞動。這提醒我們，只有真正有思想的抓住核心的，匠心的工作，才會保持競爭力。
同時(shí)，大家也不要忘了每一次 “工業(yè)革命” 帶來大量的失業(yè)的同時(shí)，也無一例外的會創(chuàng)造更多的新機(jī)會，機(jī)會是留給具有敏銳嗅覺的人的。
如果設(shè)計(jì)在改變世界，在AI的浪潮中我想設(shè)計(jì)師應(yīng)該會有更多的可能去定義這個(gè)世界。被淘汰的不是設(shè)計(jì)師，被淘汰的是不去升級的設(shè)計(jì)師。
這個(gè)時(shí)代對于我們這些從業(yè)者來來說這些應(yīng)該是是幸福的吧？因?yàn)槲覀冋幱谝粋€(gè)不斷變革的時(shí)代，一個(gè)我們這個(gè)行業(yè)的人可能可以改變世界的時(shí)代。但是這個(gè)時(shí)代對于我們而言同樣也是殘酷的，變化太快，作為從業(yè)者我們必須不斷的學(xué)習(xí)，豐富針自身的核心能力。才能跟上這個(gè)時(shí)代，也只有這樣我們才能繼續(xù)輸出我們的設(shè)計(jì)價(jià)值去或多或少的改變這個(gè)世界，我覺得這是一件很cool的事情~
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
文章包括品牌理念、品牌識別、APP大改版、品牌延伸。
△ 點(diǎn)擊查看完整視頻
百度網(wǎng)盤是百度提供的個(gè)人云存儲服務(wù)，自2012年上線至今，通過強(qiáng)大的技術(shù)能力以及承擔(dān)高額的帶寬成本，為7億用戶提供文件存儲、備份、分享、共享等服務(wù)，成為行業(yè)領(lǐng)先位置。
這6年里，我們從滿足基礎(chǔ)存儲需求的一款工具，到現(xiàn)在越來越意識到高品質(zhì)和情感化的體驗(yàn)對于用戶的重要性。
因此，團(tuán)隊(duì)希望通過本次的品牌升級，能夠從視覺識別、產(chǎn)品體驗(yàn)、線上線下推廣等多維度來傳遞品牌核心價(jià)值，同時(shí)遵從極簡克制的百度「高級感」設(shè)計(jì)理念，形成一套完整統(tǒng)一的設(shè)計(jì)語言，真正的做到像 slogan 所傳遞的：「讓美好永遠(yuǎn)陪伴」。
本次品牌升級希望傳遞用戶3個(gè)核心點(diǎn)：更有溫度、更便捷、更年輕。
網(wǎng)盤一直以來存儲著用戶的美好回憶，比如：每一次難忘旅途的照片，寶寶成長記錄，家人團(tuán)圓時(shí)的合影，激情工作時(shí)的陪伴。因此，它不僅僅是一款冰冷的工具，而是一個(gè)懂你的、有情感、有溫度的生活助手。
過去幾年，網(wǎng)盤一直主打的品牌核心點(diǎn)是「安全」、「免費(fèi)」、「大空間」，不可否認(rèn)之前的品牌傳遞是成功的，因?yàn)橥ㄟ^這些核心點(diǎn)，在同行業(yè)的用戶占有率達(dá)到80%以上。
但是，未來除了最基礎(chǔ)的「安全」以外，還需要傳遞什么感受呢？我們深知產(chǎn)品體驗(yàn)還有很大的提升空間，比如：如何讓產(chǎn)品更易用、存儲更便捷、查找更方便、瀏覽更沉浸等等。因此，「便捷」是接下來品牌需要傳達(dá)給用戶的核心價(jià)值。
通過數(shù)據(jù)分析，網(wǎng)盤的用戶24歲左右占大多數(shù)，也就意味著我們的主流群體是年輕人。除此之外，保持品牌的年輕化，也是每一個(gè)公司都希望做到的。
因此，本次品牌升級，我們希望不管是從視覺層面，還是文案互動，以及運(yùn)營手法，都更加年輕化及趣味性。
品牌升級不是虛喊口號，而是應(yīng)該通過各個(gè)設(shè)計(jì)觸點(diǎn)的配合給用戶傳達(dá)融合、一致的感受和體驗(yàn)。因此，我們從以下幾個(gè)場景進(jìn)行滲透：品牌識別、APP設(shè)計(jì)、品牌延伸。
在品牌識別滲透環(huán)節(jié)，涉及到以下幾個(gè)方面進(jìn)行優(yōu)化設(shè)計(jì)：品牌色、品牌標(biāo)識、品牌字體。
品牌色
品牌色是用戶感知品牌最直觀的方式，比如：想到可口可樂就想到紅色，想到百事可樂就是藍(lán)色，想零度可樂就是黑色。對，好的品牌色能夠占領(lǐng)用戶心智，從而產(chǎn)生聯(lián)想，這就是品牌色的重要性。
那么百度網(wǎng)盤呢？網(wǎng)盤的品牌不是從0到1的小而美的創(chuàng)新設(shè)計(jì)，需要兼顧7億用戶量對品牌的已有認(rèn)知，這是一個(gè)令人頭疼的挑戰(zhàn)。
因此在品牌色的選擇上，考慮到較大改動帶來的用戶認(rèn)知成本的增加，所以經(jīng)過多輪嘗試和討論后，決定延續(xù)用戶已有認(rèn)知的「紅藍(lán)」配色，在此基礎(chǔ)上，進(jìn)行調(diào)整并滲透新品牌的理念。
同時(shí)，在品牌色上希望傳遞「更年輕」的品牌理念。我們大量收集體現(xiàn)「年輕」的場景進(jìn)行多輪討論篩選，提取色調(diào)，結(jié)合情緒板，最終提煉并定義了我們的品牌色。
品牌標(biāo)識
在做品牌標(biāo)識（LOGO）階段，大家發(fā)散了很多想法，嘗試了很多方案。
通過多維度思考以及利弊權(quán)衡，最后選擇在延續(xù)原有 logo 特征上，體現(xiàn)新品牌理念——「更有溫度」的感受。
那么，現(xiàn)實(shí)生活中什么場景，會給人「有溫度的」感受呢？我們想到了擁抱、愛心、陽光、火焰等等。最終覺得「微笑」更符合我們所傳遞的感受，同時(shí)也能更好的跟原有 LOGO 特征進(jìn)行結(jié)合。
以下是 LOGO 的設(shè)計(jì)思路，用顏色體現(xiàn)「年輕」，微笑體現(xiàn)「溫度」。
LOGO的最終造型：
品牌字體
LOGO 確定后，還需要設(shè)計(jì)與之搭配的品牌文字，這個(gè)階段最主要是找到跟品牌性格以及圖形風(fēng)格相契合的字體骨架。同時(shí)兼顧原有字體的認(rèn)知，在此基礎(chǔ)上進(jìn)行微調(diào)。比如：統(tǒng)一字體的粗細(xì)，以及切角的角度，使整體視覺更加協(xié)調(diào)。
LOGO和字體組合的最終版本：
不可否認(rèn)，傳遞品牌理念最直接的方式，就是在用戶使用它時(shí)。因此，我們對產(chǎn)品 NA端進(jìn)行9.0全新升級（這是自上線以來第一次大改版）。
品牌基因
在互聯(lián)網(wǎng)產(chǎn)品越來越同質(zhì)化的今天，做出有差異性和符合品牌調(diào)性的設(shè)計(jì)是我們面臨的挑戰(zhàn)。因此，在品牌基因方面，做了大量的嘗試。
經(jīng)過多輪討論，我們選擇以「積木」作為網(wǎng)盤的品牌基因。因?yàn)椤阜e木」陪伴著我們成長，代表著我們的童年，給人溫暖的感受，同時(shí)，不同幾何形的積木看似單一，組合起來又有很多可能性，體現(xiàn)了年輕和趣味。
在圖形設(shè)計(jì)（ICON）時(shí)，提取「積木」中的幾何元素進(jìn)行疊加處理，用色上更加鮮亮，突顯年輕化，形成網(wǎng)盤自己的圖形體系。
相比「尖銳」的直角，圓角給人柔和的視覺感受，同時(shí)經(jīng)過多輪的嘗試，最終確定圓角大小為8px。
同時(shí)在空白頁上延續(xù)圖形風(fēng)格，能夠更好的統(tǒng)一視覺語言，傳遞更加一致的品牌感。
動效上，采用了符合「積木」運(yùn)動特征的物理屬性。因此，運(yùn)動節(jié)奏上利落的不拖泥帶水。比如，積木受到一個(gè)力，由于摩擦力會快速停止，而并非很Q 的彈性動效。
下圖中，「藍(lán)球」代表目前網(wǎng)盤中元素的運(yùn)動方式，「紅球」代表了市面上常見的彈性運(yùn)動方式。
下圖，是將這種運(yùn)動規(guī)則使用在產(chǎn)品界面中時(shí)：
同時(shí)底部 tab 在運(yùn)動節(jié)奏上，也采用相同的運(yùn)動規(guī)律，賦予產(chǎn)品年輕活力的視覺感受，同時(shí)又不會喧賓奪主過度搶戲。
下拉刷新，是增強(qiáng)品牌記憶的最好體現(xiàn)。本次提取 logo 基本元素，同時(shí)強(qiáng)調(diào)「微笑」，加深用戶對品牌的印象。
功能設(shè)計(jì)
前面有提到，百度網(wǎng)盤保存著用戶非常多美好回憶的照片，或許那些回憶，用戶都已經(jīng)忘記，但往往這些才是最大的驚喜和感動。
因此，9.0版本新增「故事」模塊，讓美好回憶與你不期而遇。通過技術(shù)對優(yōu)質(zhì)、精彩照片的篩選，生成故事卡片，推送給你，給你帶來溫暖。
為了節(jié)省用戶時(shí)間，傳遞品牌「更便捷」的理念，本次改版我們優(yōu)化「分類」模塊，將「分類」外置于首頁頂部，減少用戶操作步長，輕松查找自己的文件。
同時(shí)在首頁新增「最近」功能，方便用戶便捷查找歷史操作，而不是像以前，反復(fù)點(diǎn)擊層層相套的文件夾去瀏覽與查找。
排版布局
文件列表是用戶使用網(wǎng)盤最高頻的路徑，針對這個(gè)場景，我們遵循視覺服從功能，極簡克制的百度「高級感」設(shè)計(jì)理念，通過視覺手段區(qū)分信息層級，讓用戶瀏覽時(shí)「更便捷」。
因此，本次對文件列表排版布局，從以下幾個(gè)維度進(jìn)行優(yōu)化：大小、重量、間距。
大小
改版前，用戶打開文件列表，首先看到的是滿屏黃色的文件夾，而這些并不能幫助用戶進(jìn)行瀏覽或篩選，反而會造成視覺干擾。
因此，本次對文件圖標(biāo)大小，縮略圖尺寸，以及標(biāo)題信息大小，進(jìn)行整體調(diào)整，從而提升瀏覽效率。
重量
對于文件列表，信息層級重要性依次為：名稱>圖標(biāo)>時(shí)間，因此，本次優(yōu)化了視覺重量對比。
通過視覺重量的處理（對標(biāo)題字號加粗、顏色增強(qiáng)），讓用戶更加便捷的獲取有效信息。
間距
以下是舊版安卓端和改版后對比，去除頂部藍(lán)色雙導(dǎo)航的同時(shí)，通過縮小文件圖標(biāo)，進(jìn)而縮小列表間距。
同時(shí)，調(diào)研行業(yè)內(nèi)有代表性產(chǎn)品的列表行間距，綜合分析對比，最終確定列表行間距為「180px」，平衡體驗(yàn)的同時(shí)，讓用戶在首屏看到更多內(nèi)容。
還對 NA端進(jìn)行統(tǒng)一的柵格化布局，讓頁面富有統(tǒng)一的秩序感和韻律。讓元素、模塊、頁面間距有規(guī)律可循。
柵格化布局落地全部界面：
以上，是品牌理念滲透到 APP 設(shè)計(jì)中，進(jìn)行9.0大改版的相關(guān)設(shè)計(jì)，從品牌基因、功能設(shè)計(jì)到排版布局，統(tǒng)一的傳遞全新品牌理念。
線上線下的活動和物料設(shè)計(jì)，也是品牌和用戶的觸點(diǎn)，在設(shè)計(jì)的時(shí)候需要延續(xù)整體的品牌調(diào)性，傳遞出統(tǒng)一的品牌感。
以上，是百度網(wǎng)盤本次品牌升級背后的原因，以及相關(guān)體驗(yàn)設(shè)計(jì)優(yōu)化。從前期定義品牌核心理念（更有溫度、更便捷、更年輕），到通過不同場景及接觸點(diǎn)進(jìn)行滲透（品牌識別、APP設(shè)計(jì)、品牌延伸），線上線下多維度的傳達(dá)統(tǒng)一的品牌理念。所做的這一切，都是希望能為用戶提供更好的服務(wù)。
本次品牌升級，是百度網(wǎng)盤所有同學(xué)努力的結(jié)果，我們深知還有很多體驗(yàn)需要提升，這次升級只是開始，會持續(xù)讓用戶感受到「讓美好永遠(yuǎn)陪伴」。
藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://sillybuy.com
