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