NFT，即非同質化代幣，具有唯一性，某種程度上也可以稱為一種數字資產，由此也產生了一定的收藏價值。而NFT也被品牌們“盯”上，成為品牌營銷的方向之一。本篇文章里，作者就NFT的定義、價值，以及營銷層面上NFT與品牌的結合做了解讀，不妨來看一下。

不知道最近大家有沒有發現NFT（非同質化代幣）概念很火？甚至蔓延到了營銷圈……

近日， Burberry Blanko為旗下多人游戲《Blankos Block Party》打造 B Series 限量版游戲角色-Burberry Blanko，玩家可以在游戲中收集、出售 Blanko NFT 公仔。

圖片來自：微博@Burberry

奧迪攜手藝術家程然 Chengran 創作了 NFT 藝術作品《幻想高速》，該作品以新奧迪 A8L 60 TFSIe 為靈感，在虛擬現實美學層面，延展對未來的自由幻想。據悉，該作品將通過 xNFT Protocol 限量鑄造與發行。

圖片來自：品牌

8月，潮玩互聯網品牌 IP 小站也推出首款 NFT 盲盒——EMMA 甜蜜森林系列。據悉，用戶只需購買一只實體玩偶，便能在 IP 小站 APP 內隨機獲得一款同系列的 NFT 數字藝術收藏品，在 IP 小站里還能進行潮玩交易。

圖片來自：品牌

另外近日，騰訊音樂首批“TME數字藏品”也即將上線。胡彥斌《和尚》20周年紀念黑膠NFT在QQ音樂平臺開啟購買資格的抽簽預約，限量發售2001張。

圖片來自：騰訊音樂

之前，寶潔公司旗下的衛生紙品牌 Charmin 推出過廁紙主題 NFT，一共推出了 6 款限量的NFT廁紙，其中005 號“ 作品 ”，現報價是 2200 美元。

除此之外，讓NFT不斷走進大家視野的“出圈事件”還有……

2021年初，美國樂隊林肯公園的創辦者、聯合主唱Mike Shinoda將自己制作的一段音樂作為NFT拍賣，最終以3萬美元成交。

3月6日，推特CEO Jack Dorsey發布了一個指向平臺“Valuables”的鏈接，頁面打開后，是他于2006年發布的首條推文“just setting up my twttr”（剛設置好我的推特）正在上面拍賣，最高出價250萬美元。

圖片來自：網絡截圖

3月11日，一枚代表著藝術家 Beeple 創作的、由5000張較小圖像組成的數字畫作所有權的 NFT，在佳士得拍賣行以超過 6900 萬美元（約4.5億人民幣）的競拍價售出，震驚了藝術圈。

圖片來自：網絡截圖

不知道大家聽了這些新聞，是什么感受？是不是也一臉懵？或者充滿很多疑惑，NFT到底是什么？有什么價值？為什么有人為之買單？對于品牌來說，NFT可能會帶來哪些機會嗎？

一、什么是NFT？

時有趣也不明白技術上的復雜知識，只能參考國內外資料，進行一些普適性定義上的解釋。NFT英文全稱為Non-Fungible Token，也叫「非同質化代幣」，具有不可分割、不可替代、獨一無二等特點。

NFT 是一種數字資產，代表現實世界的對象，如藝術、音樂、游戲內物品和視頻。它們在網上買賣，經常使用加密貨幣，并且它們通常使用與許多加密貨幣相同的底層軟件進行編碼。簡單來說，也就相當于帶有編號的人民幣，這個世界上不會有兩張編號一樣的人民幣，也不會有兩個完全一樣的NFT。

二、NFT有什么價值？

首先，NFT存在于區塊鏈上，區塊鏈是記錄交易的分布式公共分類“賬本”，NFT 是從代表有形和無形物品的數字對象中創建或“鑄造”出來的。NFT由于其非同質化、不可拆分的特性，使得它可以錨定現實世界中商品的概念，簡單來理解，就是在發行在區塊鏈上的數字資產，這個資產可以是游戲道具、數字藝術品、門票等，并且具有唯一性和不可復制性。

由于NFT具備天然的收藏屬性和便于交易，加密藝術家們可以利用NFT創造出獨一無二的數字藝術品。比如，NFT 可以代表一幅畫，一首歌，一項專利，一段影片，一張照片，或者其他的知識產權。比如上海美術電影制片廠就鑄造了「大鬧天宮系列」的NFT作品，價值49美元、99美元、149美元不等，目前均已售罄。

圖片來自：網絡截圖

這聽起來很荒謬：花了這么多錢，就只證明了我是這幅畫唯一的實際擁有者嗎？

但這確實是NFT狂熱中很關鍵的一點。但時有趣也認為，人們收藏NFT作品，一方面肯定是出于心理上的認同，“覺得它有收藏價值”；另一方面，目前來看，這種收藏行為也可以彰顯收藏者在數字領域的身份。

圖片來自：網絡截圖

以上海美術電影制片廠就鑄造了「大鬧天宮系列」的其中一個NFT作品的交易記錄為例，也可以看到上海美術電影制片廠作為鑄造者掛售99美元并賣出，用戶掛售的歷史價格和交易行為將全部被記錄在區塊鏈上，每一個NFT作品有且永遠僅有一名擁有者。這保證了交易品的真實性與獨特性。基于這些特性，NFT不僅在保護版權的條件下為數字內容創作者創造了更多機會，同時還為收藏玩家提供了更大的交易市場。

雖然無法預估目前的市場規模，但它的規?？隙〞M一步擴大。一個新的領域，也必須要在經歷了不同周期以后，才能確定它真正的價值。

三、對于品牌來說，NFT可能會帶來哪些機會嗎？

當用戶愿意為了一串token買單，當品牌的存在不僅僅在于現實世界，當所有交易行為將記錄在冊……這一切都變得既危險又迷人。通過觀察學習各種的NFT案例和知識，從營銷角度出發，時有趣也發現了以下幾個有意思的點：

1. 鑄造NFT作品的，大多是有影響力的品牌

事實上，除了上述的例子，今年5月份以來，幾乎每一天都有各大品牌入局NFT的消息，路易威登、Burberry、奧迪、保時捷、可口可樂等品牌都不約而同發布了自己品牌的NFT藏品。

而通過觀察這些鑄造NFT作品的品牌，也可以發現，大多都是我們認知里，品牌做得非常成功，且具有影響力的品牌。時趣之前也提到過，品牌表現在產品的虛擬價值中，是建立在消費者心中的認知和心智，隨著時間的積累，門檻越來越高，越難以被競爭對手超越和抄襲。

品牌戰略、品牌建設、品牌管理，乍一聽很虛，但是“虛者實之，實者虛之”，越是虛的管理能力，越有可能成為品牌最后長大的關鍵瓶頸，越需要品牌更早的理解和建設相關的管理能力。

圖片來自：網絡

所以也不只是產品定價高的高奢品牌鑄造的NFT作品才有市場，有影響力的品牌也同樣可以在NFT領域獲得關注。

比如，必勝客加拿大公司在“讓每個人都買得起，就像吃一口披薩花不了多少錢一樣”的理念支持下推出了一款“像素化披薩”藝術品，并將其以約0.18美元的價格掛在了NFT交易平臺上。此NFT作品為必勝客帶來了營銷機會。每周必勝客都會發布一片新口味披薩的NFT，第一個新口味披薩的NFT已經售出，之后上架的新NFT售價也迅速飆高，達到了約9000美元。

2. 在數字化的世界里，人們還是會為了認同感而買單

時有趣之前看過一篇解析NFT的文章說：“如果NFT的價值核心是共情，那么價值傳輸就是通過認同來進行傳輸。認同這個概念其實是有關于一個人對自己社會、心理身份的認定，而在NFT市場里一種認同會變得非常明顯?！?

即使在數字化的趨勢下，很多品牌都更傾向于把「人」作為完全理性的存在，只管性價比不問品牌，而NFT則給品牌們提了個醒，人們還是會為了認同感而買單。

圖片來自：網絡

比如衛生紙算是典型的日常消耗品，但寶潔公司旗下衛生紙品牌Charmin推出的五件NFT加密藝術品，起名為“NFTP”非同質化衛生紙。這個新穎的想法還是立刻引起了許多人關注，且售價高達約264.72美元。負責人表示相關收益會捐獻給人道主義援助慈善機構Direct Relief。在NFT支持下的品牌營銷方式不僅擴大了Charmin的知名度，并且在盡可能在最小的成本之下提升了品牌在公眾之中的好感度與影響力。

3. NFT將品牌帶入「虛擬與現實」的十字路口

不難發現，很多品牌對NFT的運用主要集中在游戲、盲盒、藝術等領域。比如，之前LV和英雄聯盟的聯名合作，是為消費者在虛擬游戲世界塑造人物形象，尋找身份認同，提供了更多的可能性。

而如果說虛擬向左，現實向右，NFT的進一步發展，其實是將品牌帶入了另一個「虛擬與現實」的十字路口。

你以為手表、香水都必須有實物才能被消費？實則虛擬和現實的邊界也許正在被打破。時尚奢侈品品牌捷克豹（Jacob & Co.）在3月底宣布和NFT平臺ArtGrails合作，推出世界首款只存在于虛擬世界的手表。德國美妝和生活方式公司 Look Labs 在三月底推出了首款NFT香水。該團隊用近紅外光譜儀收集了自家另一款香水Cyber Eau de Parfum的光譜信息，并將這些信息鑄造在了NFT中。

圖片來自：Cyber Eau de Parfum

4. 物質爆炸下，用戶將更關注稀缺性和唯一性

對于用戶來說，NFT的特性使得一件NFT作品成為了獨一無二的資產，免去鑒別真偽的麻煩。而對于品牌來說，NFT的獨特性也使得品牌可以大大減少市場上假冒復制品的流通，無論是在新品發售還是二手市場，商品的價值都能得到保證。

比如，早在兩年前，運動品牌耐克就已經看到NFT趨勢，當時就為一個名為“CryptoKicks”的NFT球鞋申請了專利，用戶可以通過該系統通將加密的數字資產附加到球鞋等物理產品上。Nike和用戶都可以通過此系統依托區塊鏈技術追蹤產品所有權，并驗證其真實性。

圖片來自：網絡

當用戶購買一雙Nike球鞋時，會收到和這雙鞋配套的唯一的數字資產（ERC-721代幣），即同時獲得鞋與代幣，二者結合即被稱為CryptoKicks，意為加密球鞋。隨后系統會生成一個“CryptoKick ID”，其中記錄了球鞋材料、所屬系列、具體型號等信息，并會被存儲在一個被稱作Digital Locker的加密貨幣錢包類型APP中。

和球鞋一樣，鞋款所對應的數字資產一起也轉移到其買家手中。只需把數字通證轉移，相應的所有權信息也將隨之轉移，而且是防篡改的。

雖然NFT有很多“新奇特”，但作為一個新興事物，品牌在自己消化其知識的同時，還需要給予用戶一定的時間去建立對NFT的認知，并接受虛擬空間的產品形式與交易方式。

另外，由于NFT技術的復雜性，品牌需要投入大量的資本與精力在數字技術與內容創新方面尋求發展。

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

作為產品經理/交互設計師，我們無時不刻都在處理信息，我們調研用戶收集需求信息，從用戶反饋了解產品使用的問題。我們從接收的有限信息整理信息發散思維，我們在工作流程中需要不斷地處理和重塑信息，最后落地到實際產品上。這里就作者在實際工作中的應用與理解給大家闡述一點小知識，希望能夠給疑惑的你們帶來一點幫助。

一、方法提煉

我們首先需要思考一個問題：在產品設計中信息處理的本質是什么？

兩個關鍵詞：挖掘和理清。

1. 挖掘：挖掘事件本身的正確信息
2. 理清：理清解決問題的關鍵思路

整理信息的方法都有哪些呢？在《超級整理術》這邊書里的講述了作者關于他如何整理的方法。

如下圖：

通過這一方法的實踐與優化，我把應用到產品設計中的方法提煉。

信息處理的三個階段：

1. 信息收集——收集相關信息，輔助認知
2. 認知思辨——對信息進行深度認知與思考，提煉深度信息
3. 重塑解決——根據信息找出本質問題，進行解決

二、信息收集

1. 如何進行信息收集

在工作項目中，我們要如何進行信息的收集呢？分為四步走：

明確目標——確定信息源——建立收集器——整理分類

首先要明確目標，為了達成怎樣的目標，建立目標關鍵篩選集合，鎖定要收集信息的范圍。

例：為了達成需求到產品轉化，我們在產品工作中需要收集需求信息，建立目標關鍵篩選集合。

1. 需求來源：戰略決策、用戶反饋、產品分析…
2. 明確信息源：領導小組、用戶、產品內用戶反饋…
3. 建立收集器：戰略計劃書、產品線上反饋、產品部會議記錄…
4. 整理信息：我們從多渠道獲取到了需求信息，最終需求整理分類記錄在需求池…

其次，建立需求池。

產品設計中最常見的需求收集工具——需求池。

進行需求的收集，是產品日常工作中最常見的工作之一。

運用多維表格進行需求池管理，從多個維度來進行需求的數據統計分類。

兩個軟件：【飛書多維表格】和【維格表】，都是做需求整理的好工具。

可以根據數據關鍵字快速篩選展示。

2. 感觀生活的信息

我們處在一個大世界中，作為一個獨立的個體，我們無時不刻都在接收著來自四面八方各色各樣的信息，有人的地方就有“信息場”。

例如我們用“五感”在生活的場景里進行著信息交換：

• 視覺——去超市買菜，看到浮動的菜價
• 聽覺——去坐公交，聽到旁邊情侶的對話
• 嗅覺——經過飯店，聞到飄出來的香氣
• 味覺——中午吃飯，吃到很好吃的紅燒肉
• 觸覺——點了一個冰鎮飲料，手握著有點冰冷

做為一個產品設計者，做產品設計，研究用戶使用場景，為的就是更好的應用到用戶的生活、工作、學習等場景中。

我們需要保持信息的敏感度，學會觀察周圍的信息，無論來源于生活、工作、學習。

對他人時一個微不足道的小信息，可能就是觸發你某個靈感的契機。

三、認知思辨

就和推理懸疑劇里破案一樣，從案發現場收集的信息，通過信息關聯，挖掘更多的信息，這樣才能更好的輔助我們找到“嫌疑人X”。

同樣，接收信息后，發現這些信息無法立馬精準到“關鍵X”，這個時候，我們需要通過自身的經驗、知識庫、知識搜索、外界幫助來找尋更多的信息線索。

因此我把信息的認知思辨切分為兩個維度，由點拓展到線，再由線拓展到面。

• 在信息的深度上拓展
• 在信息的廣度上拓展

1. 信息深度上

在信息深度上拓展，指的是當我們接收到信息后，對問題本身的解構，具體問題具體分析，深挖問題背后的本質原因，從而解決它。

1）怎么挖掘信息的深度

怎么挖掘信息的深度——5W法則。

What什么事：

一定要明確是什么事，才有行動的標準，行動之前先思考后行動。

what能讓你定位到事件本身，此時需要挖掘更多信息來幫助你解決這個問題。

WHO什么人：

一定要弄清你服務的對象，問題提供者可能不是真實發生問題的人，在信息傳播過程中，信息是會損耗的，我們需要明確實際發生問題的人，再切入解決問題。

Why原因是什么：

用戶為什么要這么做，這個信息很關鍵，促使他想加功能的動機是什么？

Where什么場景：

什么場景下發送的問題，促使他想要加功能，通過場景分析可以幫助我們分析是不是真的是需要這個功能才可以解決用戶的真實問題。

When什么時間：

發生時間：發生問題的時間，用戶發生問題的時間點，有利于縮小日志排查范圍。

關鍵時間：什么場景下觸發的這個“關鍵節點”，這個關鍵節點的時間，我們可以稱它為“關鍵時間”。

2）產品信息結構的設計

怎么進行產品信息的拆解——用戶五要素。

這里我們可以利用信息層級遞進的方法來進行信息深度的挖掘。

引用用戶五要素的方法細化自己的產品設計工作流程形成逐步遞進的工作流程。

如下圖，是我在工作當中常用的工作流程。

業務目標-業務流程-系統框架-功能結構-信息結構-交互設計-用戶體驗

2. 信息廣度上

怎么挖掘信息的廣度？

信息廣度的挖掘，和在一本探案小說里找尋各個人物之間的人物關系的方式很像，只不過從找尋人物之間的關系變成了找尋信息之間的關系。

我將信息與信息之間的關系歸納為三個維度的關系：

直接關系、間接關系、隱藏關系

往往深層信息都埋藏在“隱藏關系”里。

通過不同信息關鍵點的三層關系挖掘，最終我們可以找到很多信息的關聯度，這就像下面這張網一樣，極大的拓展了原本單一的信息。

例如：通過蘋果這個意象

• 通過“水果”這個類別想到香蕉，蘋果和香蕉通過“水果”建立了直接關系。
• 通過“蘋果”咬一口的形狀想到科技行業的“蘋果公司”從而再聯想到同樣做手機的“小米公司”，蘋果和小米公司通過“蘋果公司”建立的間接關系。
• 通過“蘋果”流行叫“平安果”是讓人喜悅滿足的象征，而在《隱蔽的角落》這部劇里，經常出現削蘋果的畫面“用刀削”便有了危機壓迫感，蘋果和削蘋果產生的危機壓迫感通過象征屬性建立了隱藏關系。

四、重塑解決

重塑解決最重要的兩大關鍵是：解構與重塑。

接下去我們來具體展開來談談如何結構信息與重塑信息。

1. 如何解構信息

在我的理解上解構信息做的其實是：整理和關系。

如下圖所示，我們可以看到在進行文件夾目錄的梳理中，我們通過大模塊+細分類的方式將文件目錄進行了梳理。

在這個環節做的就是“整理”各個目錄分類，將分類處理好了之后，后續的文件就可以按照文件與分類的“關系”放進文件夾目錄。

我們再來看一個APP頁面的解構信息的案例。

從頁面中拆解商品卡片的關鍵信息。

縮略圖、產品名稱、促銷語、銷售價、原價、搶購進度、已搶購數量、搶購按鈕。

從五個維度去看這個頁面，我們可以得出五個信息的關系：

• 從框架上區別，我們可以把頁面劃分為：頭部區、內容區、底部操作區；
• 從信息模塊區別，我們可以把內容區劃分為：消息提示模塊、商品卡片模塊；
• 從功能性區別，我們可以把商品卡片信息劃分為：展示信息、操作按鈕；
• 從信息用途區別，我們可以把信息劃分為：商品信息、價格信息、搶購信息、操作按鈕；
• 從信息變化區別，我們可以把信息劃分為：運營觸發變化信息、用戶觸發變化信息。

2. 如何重塑信息

在我的理解上解構信息做的其實是：理解和表達。

• 理解：理清和整理信息，解讀信息
• 表達：傳遞與表達信息，輸出價值

1）理解信息的方法：拆解組合

拆——做的是信息的單元拆解。

在我們之前的案例中進行Axure組件化打造時進行的就是信息的拆解，把需要用到的單元組件都拆解出來，作為素材庫。

組——做的是信息的單元組合。

當我們拆解得到了組件庫之后，在進行新的頁面的構建中，使用這些單元組件進行重新組合從而得到全新的頁面。

2）表達信息的方法：建立關系

在認知思辨的過程中我們挖掘信息的廣度，找尋信息間的關系，而在做信息重塑時，這個過程正好是一個逆向的過程，我們在搭建關鍵信息間的關系網，讓他們彼此更加可靠具有意義。

五、小結

謝謝大家的觀看，到此本次關于高效處理信息的內容分享就到此結束了，希望大家能夠從中獲取到一點收獲。

最后回顧一次：

• 信息收集——收集相關信息，輔助認知
• 認知思辨——對信息進行深度認知與思考，提煉深度信息
• 重塑解決——根據信息找出本質問題，進行解決

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

編輯導語：在產品中，有某些情況是客觀存在但卻極少出現的，這就是產品中的邊緣情況，而邊緣情況的發生會影響用戶的使用體驗，因此產品設計時需要考慮到如何應對邊緣情況的發生。本篇文章里，作者就邊緣情況的類型、應對策略等方面做了總結，一起來看一下。

一、講在前面

作為一名職場中合格的交互設計師或產品經理來說，避免在工作中出現遺漏各種邊緣情況的考慮，與規避在方案評審的時候會遭到評審會中其他同學的各種diss的尷尬，是評判交互方案和交互設計師活好不好的重要評判指標。

所以，產品設計方案好賴看產品和交互的能力，產品和交互能力的好賴不得不看邊緣情況怎么處理了。

交互設計其實是“向好避壞”并行的設計過程，向好設計是要追求絕對的好，結合實際情況竟可能保證產品體驗的舒適和驚喜，這是產品設計一定要為用戶的極致體驗需要負責的；避壞設計是相對的壞，結合實際情況盡可能為一些低頻場景的極端情況做好容錯方案和機制，這就是產品設計中常常提到的邊緣情況處理設計。

二、什么是邊緣情況

從產品角度來講，邊緣情況是在用戶使用APP的時候，極少會出現但是又客觀存在的、會極大影響產品使用體驗的一些不可控場景，這是區別于需求功能設計的一種隱性問題。

邊緣情況的出現往往是和硬件設備、系統、技術和使用環境有強關聯的，和產品需求或交互設計本身關聯較小，但是也有一些極少的場景，之后我們會給大家舉簡單的例子作為解釋。

iOS 14 中遇到的邊緣情況

對于所有的邊緣情況來說，其實，不管哪一種因素導致的不可控的情況發生，作為交互設計師或產品經理來說，我們都可以用嚴謹的邏輯來將意外的邊緣情況預先做出優化處理。

但是通常在產品設計的時候，邊緣情況是很難被我們通過設計方法所避免的，同時，邊緣情況也會隨著網絡技術、硬件設備、系統及技術的變化而變化的，而且有時候業內也會將“解決邊緣情況問題”的能力作為一個產品經理或交互設計師是否有經驗是否資深的一個評判標準。

所以，在日常的工作中，能主動應對或者在輸出需求和交互方案時，可以先入為主地考慮和走查自己是否考慮到邊緣情況的處理機制就顯得格外重要了，這就是區別你和普通產品經理或交互設計師的一個直觀評判標準了。

三、邊緣情況分類

1. 環境主導類：比如最常見的了網絡狀況，弱網加載、斷網加載，云端內存已滿、系統問題、磁干擾等等。
2. 硬件主導類：硬件內存上線、硬件CPU超高超低溫度影響、多按鍵沖突等。
3. 軟件主導類：多設備多賬號同時登陸、圖片縮放上限未限制、新功能在新老版本中的兼容問題等。

四、邊緣情況處理

關于邊緣情況的解決方案大致可分為3類。

1. 錯誤提示

該解決方案是相對研發成本最低的一種處理方法，但是，對于用戶來說，體驗感是最差的。這類解決方案往往以dialog或toast給予用戶錯誤提示，如下圖抖音斷網提示：

抖音 v15.4.1

2. 引導解決

這是遇到邊緣情況最常用的一種解決方案，也是一種比較“中庸”的方法，可同時堅顧研發成本和用戶體驗的平衡，也是對于一些環境主導的邊緣情況的最佳解決方案，因為環境主導型的邊緣情況有時候只能用戶自己解決，APP是沒有辦法真正避免的。

該類解決方案往往會給出用戶具體的解決步驟，如下圖微信斷網提示：

微信 v8.0.4

3. 預備planB

該解決方案應該是對用戶體驗最友好的解決方法了，這就是一種難受自己、滿足用戶的“自虐行為”，它可以在最大限度不干擾用戶的前提下，默默處理掉一些突發的邊緣情況而用戶卻毫不知情，但是這種解決方案就會加大開發成本和損耗研發人員的大量腦細胞了。

這種預先做好planB的處理方法通常用戶是對已經出現的邊緣情況無感知的，比如微信（v8、v7）的朋友圈評論處理機制，在斷網或弱網情況下，用戶評論或點贊朋友圈是沒有任何斷網弱網提示的，這是因為微信將用戶操作數據保存到本地，等有網的情況下再次請求數據知道評論或點贊成功為止，這樣就很好地避免了打斷了用戶評論和點贊行為。

五、常見的邊緣情況lists

1. 環境主導型

• 網絡狀況不好時，如，弱網、無網情況時的加載等待和請求失敗的提示。
• 根據網絡類型選擇不同的數據加載方案：如瀏覽視頻時，對于手機網絡的判定為無線網或數據流量時的區別對待，無線網絡連接時，視頻圖片都內容提前預加載，視頻自動播放；使用數據流量時不預加載視頻音樂等耗流量的內容，也不自動播放。
• 從云端拉取數據時，如，iOS中，用戶選圖發送feed時，如選擇了被存儲在iCloud里的情況時，圖片和視頻需要先下載到本地，這里需要給與用戶下載提示反饋，和等待措施。
• 安卓輸入法鍵盤是系統的，光標和輸入法不能聯動同步。

2. 硬件主導型

• APP內存情況：APP中打開照片和視頻預覽頁與APP外存即手機內存：刪除該預覽照片和視頻時的顯示邏輯。
• 相冊選圖達到最大限數后，其他圖片置灰時，有些安卓機子性能不好會出現卡頓，和一屏顯示幾乘幾的圖片以及用戶最多可選多少張圖也有關系。
• 多端聯動：賬號被另一設備登出，可多設備同時登錄還是僅限一臺設備登錄，還是半閉狀態，部分功能可多設備使用，部分功能僅限一臺設備使用。

3. 軟件主導型

• APP拍攝圖片使用上傳為頭像背景圖時是否存儲在本地相冊，何時何種行為后儲存等。
• 圖片縮放和異形圖（超高超長圖處理）可放大至多少像素或原圖的多少倍。
• 加載動畫出現的時間限制，加載時長超過1s后在顯示加載動畫，一般為中心加載長設限，類似Instagram的替補狀態欄加載的橫條加載動畫影響不大。
• 新功能在老版本中的兼容問題。
• 手勢滑動距離的設定，類ins相冊上滑交互的考量。

每一個設計需求的背后都必然有其商業邏輯在里面，所以在拿到設計需求后，嘗試多去問幾個為什么。有什么樣的商業目標？為什么做這個功能？用戶是誰...當你琢磨清楚這些之后，并以此為出發點的設計方案，必然是有據可依、有說服力的，多角度的參與產品設計也更能體現設計師的價值、培養全局觀。

商業目標是個大方向，有了目標就會產生解決方案（需求），當然方案可能不只是一種類型（可能是APP、網站、宣傳H5或宣傳海報等），設計師負責的去做的可能只是其中的一種。

以我參與過的冬奧會某冰雪 APP TAB 欄的 ICON 風格設計為例：

01

業務溝通，商業目標分析，明確設計目標

這個階段一定要多去溝通、溝通、再溝通，如果是產品公司，那么需要去和產品、研發、市場等多部門溝通；如果是外包項目，那么就需要和客戶多次溝通。退而求其次，也要和負責該項目的直屬領導多去溝通，以求更精準的了解商業目標，最終明確設計目標，從而為接下來的設計創意設計指明方向。

該項目為二次設計外包項目，著手出圖之前，我和該項目負責人、項目小組成員多次深入的討論了甲方為了什么目的去做？從而確認了商業目標：“傳播冰雪文化，激發人們對冬季運動的興趣和熱情”。

這是個大方向，接下來去考慮用什么形式承載，可能是常見的APP、網站、小程序...（這個形式還需要考慮下目標用戶的使用習慣）。以及更具體的有哪些內容分類、個性化主題設計、互動形式等。

最終，該項目負責人決定采取安全策略（作為項目負責人，對投入產出比等全局性因素的考量是極其重要的），先做一款內容型APP，內容分類借鑒、提煉幾款APP的精華，暫不考慮獨創功能。

雖然有時候結果未必和自己期待的一致，但積極去參與的過程是應該的。。

知曉了商業目標和產品內容，接下來就有方向了。我將設計目標定為：將設計與“水凝化冰、冰積成雪”的物理現象相結合，體現冰雪主旨，烘托冬季競技氛圍。

02

創意分析，設計推演

這個階段重點在于說服力，或許關系到客戶是否買單。由于是內容型產品，內容結構上和其它APP并無太大區別，那么客戶會不會想：你們是不是抄了一個軟件，改了改就發給我了。。基于此，我在設計創意推演前，做了內容分類由來的分析。

人類接受信息的三種方式：視覺、聽覺、觸覺，對用戶傳達冰雪文化采用這三種手段，規劃APP內容，視覺：圖文資訊、視覺畫面；聽覺：音視頻、直播；觸覺：榜單、互動等。

借用“水凝化冰，冰積成雪”物理現象，結合基因創意法，對 ICON 進行設計推演，緊扣冰雪主旨。

通過品牌LOGO取色法，提煉 ICON 配色。

03

設計執行

到了這個階段，基本的設計思路應該是比較清晰了，剩下的細節打磨就可以自由發揮了。

至此，一個ICON的設計已完成。該過程的最大價值在于：幫助項目理清了整個項目的核心價值、創意思路與設計提案思路，甚至可以由此推測到未來產品的功能規劃方向，當然最重要的是協助項目負責人成功拿下了項目。

一個簡單的漢堡菜單就可以包括多種不同的樣式，可能有的樣式甚至沒有官方的名稱，但因為樣式的差異在功能上這些菜單也會出現差異性。

我們可以通過分析這些樣式，來思考不同的樣式代表著怎樣的設計含義和設計目的，不能因為簡單常見而忽視了功能的內核。

漢堡菜單

關鍵詞：橫條、多個菜單選項

這個圖標的樣式簡潔易懂，通常位于網頁和 App 的上下角，用來告知用戶這個按鈕之外還有更多內容可以探索。

當產品有多個菜單選項時，考慮使用漢堡圖標來顯示，但盡可能避免在桌面視圖中使用。

垂直三點式菜單

關鍵詞：垂直、內嵌菜單

通常位于屏幕或窗口的右上角或頂部，是用于打開帶有附加選項的圖標，打開的內容往往是一個較小的內嵌菜單而不是整個全新的頁面。

水平三點式菜單

關鍵詞：水平、內嵌菜單、web

水平三點式菜單同樣常位于屏幕或窗口的右上角，用于打開菜單或顯示相關項的操作。

因為圖標樣式是水平的，所以更容易在 web 上或者在表格等水平方向中使用。

九宮格菜單

關鍵詞：子分類、子功能

九宮格菜單通常用于打開同一產品中包含不同子產品或子功能，可以在它們之間快速切換，此圖標常位于產品主頁的右上角。

過濾式菜單

關鍵詞：過濾、排序

過濾式菜單由三行不同長度的線段水平疊放而成，是最廣泛使用的過濾符號。可以將過濾式菜單與“排序方式”選項結合使用，或者與全局過濾器結合使用。

漢堡菜單變體

關鍵詞：樣式特殊、時尚感更強

作為漢堡圖標的替代品，與顯示列表菜單的目的相同嗎，但是這些樣式我們平常見的可能會比較少，更常用在充滿現代感、時尚感和藝術感的網站上。

最后

不同的樣式可能代表著截然不同的設計目的，常思考這些小而精的細節，是保證產品體驗提升的關鍵。

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

搞定客戶/同事的方法

說服客戶的方法

大部分客戶都是很挑剔的，所以一稿過是很多設計師的夢想，其實客戶也不是刻意要刁難設計師，如果你的設計方案能夠把設計需求展現出來，同時還有一套正確的設計邏輯，那么客戶也是很容易被說服的。這篇文章總結了讓客戶埋單的設計思路：

找準客戶的審美

設計師面對的客戶千奇百怪，以設計師自身對于審美和需求的理解往往容易產生誤解和矛盾，那么要怎么了解客戶的審美以及深層的需求？看看高手是怎么做的：

實現「大氣」的設計

改稿絕對算得上是設計師的一項日常操作，這一點我們都深有體會，至于改稿的原因則五花八門，不是客戶嫌棄太小氣、沒創意，就是上級嫌棄太土、太單薄等等?？墒谴髿獾脑O計可不僅僅是 LOGO 要大、字要大、圖要大，那么真正的大氣要怎么做呢？看這個：

對抗質疑的方法

很多同學可能都碰到過一個很頭疼的問題，比如來公司時間不短了，但是在公司毫無話語權可言，不論是所在團隊還是業務方，甚至連對接的開發，都可以對他的設計稿提出質疑。而且總是無法順利得說服對方，導致無窮無盡得改改改。那么這個問題要怎么解決呢？這個套路一定要了解：

UI 設計

UI 的基礎概念

酸梅干超人的新系列文章來了！這次，他要輸出一部完整的 UI 零基礎學習指南，根據 UI 新手系統學習 UI 設計的順序，陸續會輸出 12-15 篇不同模塊的系列性文章，而這篇是這個系列的第一篇：

UX 設計流程

在如今的產品設計團隊中，體驗設計師需要做的事情已經跨越了職能邊界，為了尋求更好的設計方案，常常要承上啟下地連接整個團隊。這篇文章將設計流程中定義問題、創意發散、原型 & 測試、復盤反思四大設計流程細化為 12 個步驟，詳細講述了每個步驟用戶體驗設計師涉及的職能任務和思考：

UI 卡片設計

很多人對 APP 中的卡片設計習以為常，但對于卡片設計流行的原因、優點，以及如何做好卡片設計卻可能不甚了解。這篇國外大佬寫的文章，算是從為什么這樣做的角度來分析卡片設計，一起來學習吧：

可視化表單

這篇文章出自資深 B端設計師 Taras Bakusevych，他深耕 B端設計多年，對于表單、可視化設計、UI/UX 都有著豐富的經驗。這篇梳理了 20 個可視化設計的常見技巧，實用性和指向性都非常強：

產品交互

百度大字版設計

當下移動 APP 產品缺少對老年人體驗的深層次關注與設計，只通過單一加大字號與簡化功能等解決基礎體驗，缺乏通過新技術應用和更全面的適老化設計服務老年群體，老年人的需求依舊未得到關注和滿足。百度基于自身的 AI 技術和精細、系統的適老化設計，適時推出百度大字版，使老年人更平等地獲取信息和服務、獲得情感陪伴：

交互說明文檔

怎么樣的交互說明才是最好的，是大家都喜歡的？這個問題想必很多同學都想知道，因為不少同學將寫的交互說明文檔提交給需求評審會的成員審核時，總會碰到「寫的更合理些」的建議，這確實讓人透了腦筋。來看看高手是怎么解決問題的吧：

社交 APP 趨勢報告

移動互聯網在悄然改變著用戶的社交方式和社交需求，這篇文章根據近一兩年技術創新和用戶代際更迭導致的用戶需求差異化，來探索社交的設計趨勢，幫助我們應對變幻莫測的互聯網：

視覺設計

酸性設計風格解析

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

最近在使用vue el-date-picker時間控件，發現直接獲取的時間是日期格式，而我需要的格式是

yyyy-MM-dd HH:mm

那么如何轉換時間控件格式呢

<el-date-picker 
v-model="selectDatetime"
 type="datetime" placeholder="選擇時間"
 @change="dataSearch" value-format="yyyy-MM-dd HH:mm" 
format="yyyy-MM-dd HH:mm"> </el-date-picker>

在日期控件中，加入上述加粗格式即可

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
來源：csdn

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Todolist</title>
    <script src="./js/vue.js"></script>

</head>
<body>
<div id="app">
    {{msg}}
    <div>
        <input v-model="txtValue">
        <button type="button" @click="handleSubmit">提交</button>
        <ul>
            <li v-for="(item,index) of list"
                :key="index"
                :index="index"  @click="deleteItem(index)" //傳遞下標值 >
                {{item}}
            </li>
        </ul>
    </div>
</div>
<script>
    new Vue({
        el: '#app',
        data: {
            msg: 'hello Vue!!',
            txtValue: '',
            list: []
        },
        methods: {
            handleSubmit: function () {
                this.list.push(this.txtValue)
                this.txtValue =''
            },
            deleteItem: function (index) {
                //alert(index)
                this.list.splice(index,1) //通過下標刪除 }
        }
    })
</script>
</body>
</html>

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
來源：csdn

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務