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

不知道最近大家有沒有發(fā)現(xiàn)NFT（非同質(zhì)化代幣）概念很火？甚至蔓延到了營銷圈……

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

圖片來自：微博@Burberry

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

圖片來自：品牌

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

圖片來自：品牌

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

圖片來自：騰訊音樂

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

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

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

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

圖片來自：網(wǎng)絡(luò)截圖

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

圖片來自：網(wǎng)絡(luò)截圖

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

一、什么是NFT？

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

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

二、NFT有什么價值？

首先，NFT存在于區(qū)塊鏈上，區(qū)塊鏈?zhǔn)怯涗浗灰椎姆植际焦卜诸悺百~本”，NFT 是從代表有形和無形物品的數(shù)字對象中創(chuàng)建或“鑄造”出來的。NFT由于其非同質(zhì)化、不可拆分的特性，使得它可以錨定現(xiàn)實(shí)世界中商品的概念，簡單來理解，就是在發(fā)行在區(qū)塊鏈上的數(shù)字資產(chǎn)，這個資產(chǎn)可以是游戲道具、數(shù)字藝術(shù)品、門票等，并且具有唯一性和不可復(fù)制性。

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

圖片來自：網(wǎng)絡(luò)截圖

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

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

圖片來自：網(wǎng)絡(luò)截圖

以上海美術(shù)電影制片廠就鑄造了「大鬧天宮系列」的其中一個NFT作品的交易記錄為例，也可以看到上海美術(shù)電影制片廠作為鑄造者掛售99美元并賣出，用戶掛售的歷史價格和交易行為將全部被記錄在區(qū)塊鏈上，每一個NFT作品有且永遠(yuǎn)僅有一名擁有者。這保證了交易品的真實(shí)性與獨(dú)特性?；谶@些特性，NFT不僅在保護(hù)版權(quán)的條件下為數(shù)字內(nèi)容創(chuàng)作者創(chuàng)造了更多機(jī)會，同時還為收藏玩家提供了更大的交易市場。

雖然無法預(yù)估目前的市場規(guī)模，但它的規(guī)?？隙〞M(jìn)一步擴(kuò)大。一個新的領(lǐng)域，也必須要在經(jīng)歷了不同周期以后，才能確定它真正的價值。

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

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

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

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

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

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

圖片來自：網(wǎng)絡(luò)

所以也不只是產(chǎn)品定價高的高奢品牌鑄造的NFT作品才有市場，有影響力的品牌也同樣可以在NFT領(lǐng)域獲得關(guān)注。

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

2. 在數(shù)字化的世界里，人們還是會為了認(rèn)同感而買單

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

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

圖片來自：網(wǎng)絡(luò)

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

3. NFT將品牌帶入「虛擬與現(xiàn)實(shí)」的十字路口

不難發(fā)現(xiàn)，很多品牌對NFT的運(yùn)用主要集中在游戲、盲盒、藝術(shù)等領(lǐng)域。比如，之前LV和英雄聯(lián)盟的聯(lián)名合作，是為消費(fèi)者在虛擬游戲世界塑造人物形象，尋找身份認(rèn)同，提供了更多的可能性。

而如果說虛擬向左，現(xiàn)實(shí)向右，NFT的進(jìn)一步發(fā)展，其實(shí)是將品牌帶入了另一個「虛擬與現(xiàn)實(shí)」的十字路口。

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

圖片來自：Cyber Eau de Parfum

4. 物質(zhì)爆炸下，用戶將更關(guān)注稀缺性和唯一性

對于用戶來說，NFT的特性使得一件NFT作品成為了獨(dú)一無二的資產(chǎn)，免去鑒別真?zhèn)蔚穆闊６鴮τ谄放苼碚f，NFT的獨(dú)特性也使得品牌可以大大減少市場上假冒復(fù)制品的流通，無論是在新品發(fā)售還是二手市場，商品的價值都能得到保證。

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

圖片來自：網(wǎng)絡(luò)

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

和球鞋一樣，鞋款所對應(yīng)的數(shù)字資產(chǎn)一起也轉(zhuǎn)移到其買家手中。只需把數(shù)字通證轉(zhuǎn)移，相應(yīng)的所有權(quán)信息也將隨之轉(zhuǎn)移，而且是防篡改的。

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

另外，由于NFT技術(shù)的復(fù)雜性，品牌需要投入大量的資本與精力在數(shù)字技術(shù)與內(nèi)容創(chuàng)新方面尋求發(fā)展。

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

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

一、方法提煉

我們首先需要思考一個問題：在產(chǎn)品設(shè)計中信息處理的本質(zhì)是什么？

兩個關(guān)鍵詞：挖掘和理清。

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

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

如下圖：

通過這一方法的實(shí)踐與優(yōu)化，我把應(yīng)用到產(chǎn)品設(shè)計中的方法提煉。

信息處理的三個階段：

1. 信息收集——收集相關(guān)信息，輔助認(rèn)知
2. 認(rèn)知思辨——對信息進(jìn)行深度認(rèn)知與思考，提煉深度信息
3. 重塑解決——根據(jù)信息找出本質(zhì)問題，進(jìn)行解決

二、信息收集

1. 如何進(jìn)行信息收集

在工作項(xiàng)目中，我們要如何進(jìn)行信息的收集呢？分為四步走：

明確目標(biāo)——確定信息源——建立收集器——整理分類

首先要明確目標(biāo)，為了達(dá)成怎樣的目標(biāo)，建立目標(biāo)關(guān)鍵篩選集合，鎖定要收集信息的范圍。

例：為了達(dá)成需求到產(chǎn)品轉(zhuǎn)化，我們在產(chǎn)品工作中需要收集需求信息，建立目標(biāo)關(guān)鍵篩選集合。

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

其次，建立需求池。

產(chǎn)品設(shè)計中最常見的需求收集工具——需求池。

進(jìn)行需求的收集，是產(chǎn)品日常工作中最常見的工作之一。

運(yùn)用多維表格進(jìn)行需求池管理，從多個維度來進(jìn)行需求的數(shù)據(jù)統(tǒng)計分類。

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

可以根據(jù)數(shù)據(jù)關(guān)鍵字快速篩選展示。

2. 感觀生活的信息

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

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

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

做為一個產(chǎn)品設(shè)計者，做產(chǎn)品設(shè)計，研究用戶使用場景，為的就是更好的應(yīng)用到用戶的生活、工作、學(xué)習(xí)等場景中。

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

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

三、認(rèn)知思辨

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

同樣，接收信息后，發(fā)現(xiàn)這些信息無法立馬精準(zhǔn)到“關(guān)鍵X”，這個時候，我們需要通過自身的經(jīng)驗(yàn)、知識庫、知識搜索、外界幫助來找尋更多的信息線索。

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

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

1. 信息深度上

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

1）怎么挖掘信息的深度

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

What什么事：

一定要明確是什么事，才有行動的標(biāo)準(zhǔn)，行動之前先思考后行動。

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

WHO什么人：

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

Why原因是什么：

用戶為什么要這么做，這個信息很關(guān)鍵，促使他想加功能的動機(jī)是什么？

Where什么場景：

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

When什么時間：

發(fā)生時間：發(fā)生問題的時間，用戶發(fā)生問題的時間點(diǎn)，有利于縮小日志排查范圍。

關(guān)鍵時間：什么場景下觸發(fā)的這個“關(guān)鍵節(jié)點(diǎn)”，這個關(guān)鍵節(jié)點(diǎn)的時間，我們可以稱它為“關(guān)鍵時間”。

2）產(chǎn)品信息結(jié)構(gòu)的設(shè)計

怎么進(jìn)行產(chǎn)品信息的拆解——用戶五要素。

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

引用用戶五要素的方法細(xì)化自己的產(chǎn)品設(shè)計工作流程形成逐步遞進(jìn)的工作流程。

如下圖，是我在工作當(dāng)中常用的工作流程。

業(yè)務(wù)目標(biāo)-業(yè)務(wù)流程-系統(tǒng)框架-功能結(jié)構(gòu)-信息結(jié)構(gòu)-交互設(shè)計-用戶體驗(yàn)

2. 信息廣度上

怎么挖掘信息的廣度？

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

我將信息與信息之間的關(guān)系歸納為三個維度的關(guān)系：

直接關(guān)系、間接關(guān)系、隱藏關(guān)系

往往深層信息都埋藏在“隱藏關(guān)系”里。

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

例如：通過蘋果這個意象

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

四、重塑解決

重塑解決最重要的兩大關(guān)鍵是：解構(gòu)與重塑。

接下去我們來具體展開來談?wù)勅绾谓Y(jié)構(gòu)信息與重塑信息。

1. 如何解構(gòu)信息

在我的理解上解構(gòu)信息做的其實(shí)是：整理和關(guān)系。

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

在這個環(huán)節(jié)做的就是“整理”各個目錄分類，將分類處理好了之后，后續(xù)的文件就可以按照文件與分類的“關(guān)系”放進(jìn)文件夾目錄。

我們再來看一個APP頁面的解構(gòu)信息的案例。

從頁面中拆解商品卡片的關(guān)鍵信息。

縮略圖、產(chǎn)品名稱、促銷語、銷售價、原價、搶購進(jìn)度、已搶購數(shù)量、搶購按鈕。

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

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

2. 如何重塑信息

在我的理解上解構(gòu)信息做的其實(shí)是：理解和表達(dá)。

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

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

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

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

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

當(dāng)我們拆解得到了組件庫之后，在進(jìn)行新的頁面的構(gòu)建中，使用這些單元組件進(jìn)行重新組合從而得到全新的頁面。

2）表達(dá)信息的方法：建立關(guān)系

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

五、小結(jié)

謝謝大家的觀看，到此本次關(guān)于高效處理信息的內(nèi)容分享就到此結(jié)束了，希望大家能夠從中獲取到一點(diǎn)收獲。

最后回顧一次：

• 信息收集——收集相關(guān)信息，輔助認(rèn)知
• 認(rèn)知思辨——對信息進(jìn)行深度認(rèn)知與思考，提煉深度信息
• 重塑解決——根據(jù)信息找出本質(zhì)問題，進(jìn)行解決

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

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

一、講在前面

作為一名職場中合格的交互設(shè)計師或產(chǎn)品經(jīng)理來說，避免在工作中出現(xiàn)遺漏各種邊緣情況的考慮，與規(guī)避在方案評審的時候會遭到評審會中其他同學(xué)的各種diss的尷尬，是評判交互方案和交互設(shè)計師活好不好的重要評判指標(biāo)。

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

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

二、什么是邊緣情況

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

邊緣情況的出現(xiàn)往往是和硬件設(shè)備、系統(tǒng)、技術(shù)和使用環(huán)境有強(qiáng)關(guān)聯(lián)的，和產(chǎn)品需求或交互設(shè)計本身關(guān)聯(lián)較小，但是也有一些極少的場景，之后我們會給大家舉簡單的例子作為解釋。

iOS 14 中遇到的邊緣情況

對于所有的邊緣情況來說，其實(shí)，不管哪一種因素導(dǎo)致的不可控的情況發(fā)生，作為交互設(shè)計師或產(chǎn)品經(jīng)理來說，我們都可以用嚴(yán)謹(jǐn)?shù)倪壿媮韺⒁馔獾倪吘壡闆r預(yù)先做出優(yōu)化處理。

但是通常在產(chǎn)品設(shè)計的時候，邊緣情況是很難被我們通過設(shè)計方法所避免的，同時，邊緣情況也會隨著網(wǎng)絡(luò)技術(shù)、硬件設(shè)備、系統(tǒng)及技術(shù)的變化而變化的，而且有時候業(yè)內(nèi)也會將“解決邊緣情況問題”的能力作為一個產(chǎn)品經(jīng)理或交互設(shè)計師是否有經(jīng)驗(yàn)是否資深的一個評判標(biāo)準(zhǔn)。

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

三、邊緣情況分類

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

四、邊緣情況處理

關(guān)于邊緣情況的解決方案大致可分為3類。

1. 錯誤提示

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

抖音 v15.4.1

2. 引導(dǎo)解決

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

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

微信 v8.0.4

3. 預(yù)備planB

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

這種預(yù)先做好planB的處理方法通常用戶是對已經(jīng)出現(xiàn)的邊緣情況無感知的，比如微信（v8、v7）的朋友圈評論處理機(jī)制，在斷網(wǎng)或弱網(wǎng)情況下，用戶評論或點(diǎn)贊朋友圈是沒有任何斷網(wǎng)弱網(wǎng)提示的，這是因?yàn)槲⑿艑⒂脩舨僮鲾?shù)據(jù)保存到本地，等有網(wǎng)的情況下再次請求數(shù)據(jù)知道評論或點(diǎn)贊成功為止，這樣就很好地避免了打斷了用戶評論和點(diǎn)贊行為。

五、常見的邊緣情況lists

1. 環(huán)境主導(dǎo)型

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

2. 硬件主導(dǎo)型

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

3. 軟件主導(dǎo)型

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

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

商業(yè)目標(biāo)是個大方向，有了目標(biāo)就會產(chǎn)生解決方案（需求），當(dāng)然方案可能不只是一種類型（可能是APP、網(wǎng)站、宣傳H5或宣傳海報等），設(shè)計師負(fù)責(zé)的去做的可能只是其中的一種。

以我參與過的冬奧會某冰雪 APP TAB 欄的 ICON 風(fēng)格設(shè)計為例：

01

業(yè)務(wù)溝通，商業(yè)目標(biāo)分析，明確設(shè)計目標(biāo)

這個階段一定要多去溝通、溝通、再溝通，如果是產(chǎn)品公司，那么需要去和產(chǎn)品、研發(fā)、市場等多部門溝通；如果是外包項(xiàng)目，那么就需要和客戶多次溝通。退而求其次，也要和負(fù)責(zé)該項(xiàng)目的直屬領(lǐng)導(dǎo)多去溝通，以求更精準(zhǔn)的了解商業(yè)目標(biāo)，最終明確設(shè)計目標(biāo)，從而為接下來的設(shè)計創(chuàng)意設(shè)計指明方向。

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

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

最終，該項(xiàng)目負(fù)責(zé)人決定采取安全策略（作為項(xiàng)目負(fù)責(zé)人，對投入產(chǎn)出比等全局性因素的考量是極其重要的），先做一款內(nèi)容型APP，內(nèi)容分類借鑒、提煉幾款A(yù)PP的精華，暫不考慮獨(dú)創(chuàng)功能。

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

知曉了商業(yè)目標(biāo)和產(chǎn)品內(nèi)容，接下來就有方向了。我將設(shè)計目標(biāo)定為：將設(shè)計與“水凝化冰、冰積成雪”的物理現(xiàn)象相結(jié)合，體現(xiàn)冰雪主旨，烘托冬季競技氛圍。

02

創(chuàng)意分析，設(shè)計推演

這個階段重點(diǎn)在于說服力，或許關(guān)系到客戶是否買單。由于是內(nèi)容型產(chǎn)品，內(nèi)容結(jié)構(gòu)上和其它APP并無太大區(qū)別，那么客戶會不會想：你們是不是抄了一個軟件，改了改就發(fā)給我了。?；诖?，我在設(shè)計創(chuàng)意推演前，做了內(nèi)容分類由來的分析。

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

借用“水凝化冰，冰積成雪”物理現(xiàn)象，結(jié)合基因創(chuàng)意法，對 ICON 進(jìn)行設(shè)計推演，緊扣冰雪主旨。

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

03

設(shè)計執(zhí)行

到了這個階段，基本的設(shè)計思路應(yīng)該是比較清晰了，剩下的細(xì)節(jié)打磨就可以自由發(fā)揮了。

至此，一個ICON的設(shè)計已完成。該過程的最大價值在于：幫助項(xiàng)目理清了整個項(xiàng)目的核心價值、創(chuàng)意思路與設(shè)計提案思路，甚至可以由此推測到未來產(chǎn)品的功能規(guī)劃方向，當(dāng)然最重要的是協(xié)助項(xiàng)目負(fù)責(zé)人成功拿下了項(xiàng)目。

一個簡單的漢堡菜單就可以包括多種不同的樣式，可能有的樣式甚至沒有官方的名稱，但因?yàn)闃邮降牟町愒诠δ苌线@些菜單也會出現(xiàn)差異性。

我們可以通過分析這些樣式，來思考不同的樣式代表著怎樣的設(shè)計含義和設(shè)計目的，不能因?yàn)楹唵纬Ｒ姸鲆暳斯δ艿膬?nèi)核。

漢堡菜單

關(guān)鍵詞：橫條、多個菜單選項(xiàng)

這個圖標(biāo)的樣式簡潔易懂，通常位于網(wǎng)頁和 App 的上下角，用來告知用戶這個按鈕之外還有更多內(nèi)容可以探索。

當(dāng)產(chǎn)品有多個菜單選項(xiàng)時，考慮使用漢堡圖標(biāo)來顯示，但盡可能避免在桌面視圖中使用。

垂直三點(diǎn)式菜單

關(guān)鍵詞：垂直、內(nèi)嵌菜單

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

水平三點(diǎn)式菜單

關(guān)鍵詞：水平、內(nèi)嵌菜單、web

水平三點(diǎn)式菜單同樣常位于屏幕或窗口的右上角，用于打開菜單或顯示相關(guān)項(xiàng)的操作。

因?yàn)閳D標(biāo)樣式是水平的，所以更容易在 web 上或者在表格等水平方向中使用。

九宮格菜單

關(guān)鍵詞：子分類、子功能

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

過濾式菜單

關(guān)鍵詞：過濾、排序

過濾式菜單由三行不同長度的線段水平疊放而成，是最廣泛使用的過濾符號?？梢詫⑦^濾式菜單與“排序方式”選項(xiàng)結(jié)合使用，或者與全局過濾器結(jié)合使用。

漢堡菜單變體

關(guān)鍵詞：樣式特殊、時尚感更強(qiáng)

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

最后

不同的樣式可能代表著截然不同的設(shè)計目的，常思考這些小而精的細(xì)節(jié)，是保證產(chǎn)品體驗(yàn)提升的關(guān)鍵。

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

搞定客戶/同事的方法

說服客戶的方法

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

找準(zhǔn)客戶的審美

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

實(shí)現(xiàn)「大氣」的設(shè)計

改稿絕對算得上是設(shè)計師的一項(xiàng)日常操作，這一點(diǎn)我們都深有體會，至于改稿的原因則五花八門，不是客戶嫌棄太小氣、沒創(chuàng)意，就是上級嫌棄太土、太單薄等等。可是大氣的設(shè)計可不僅僅是 LOGO 要大、字要大、圖要大，那么真正的大氣要怎么做呢？看這個：

對抗質(zhì)疑的方法

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

UI 設(shè)計

UI 的基礎(chǔ)概念

酸梅干超人的新系列文章來了！這次，他要輸出一部完整的 UI 零基礎(chǔ)學(xué)習(xí)指南，根據(jù) UI 新手系統(tǒng)學(xué)習(xí) UI 設(shè)計的順序，陸續(xù)會輸出 12-15 篇不同模塊的系列性文章，而這篇是這個系列的第一篇：

UX 設(shè)計流程

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

UI 卡片設(shè)計

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

可視化表單

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

產(chǎn)品交互

百度大字版設(shè)計

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

交互說明文檔

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

社交 APP 趨勢報告

移動互聯(lián)網(wǎng)在悄然改變著用戶的社交方式和社交需求，這篇文章根據(jù)近一兩年技術(shù)創(chuàng)新和用戶代際更迭導(dǎo)致的用戶需求差異化，來探索社交的設(shè)計趨勢，幫助我們應(yīng)對變幻莫測的互聯(lián)網(wǎng)：

視覺設(shè)計

酸性設(shè)計風(fēng)格解析

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

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

yyyy-MM-dd HH:mm

那么如何轉(zhuǎn)換時間控件格式呢

<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>

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

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
來源：csdn

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

<!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)" //傳遞下標(biāo)值 >
                {{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) //通過下標(biāo)刪除 }
        }
    })
</script>
</body>
</html>

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
來源：csdn

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)