聊聊Vision Pro如何徹底改變UX設(shè)計行業(yè)｜蘭亭妙微UI設(shè)計公司
Vision Pro是一種先進的技術(shù)工具，可以徹底改變UX設(shè)計行業(yè)。它采用了人工智能和機器學(xué)習(xí)的技術(shù)，為設(shè)計師提供了全新的設(shè)計體驗和工作流程。
首先，Vision Pro可以自動化許多繁瑣的設(shè)計任務(wù)。傳統(tǒng)的UX設(shè)計過程需要設(shè)計師手動創(chuàng)建和調(diào)整各種設(shè)計元素，耗費大量時間和精力。然而，Vision Pro可以通過分析用戶需求和行為數(shù)據(jù)，自動生成符合最佳實踐的設(shè)計方案。這不僅節(jié)省了設(shè)計師的時間，還提高了設(shè)計的效率和準(zhǔn)確性。
其次，Vision Pro擁有強大的交互設(shè)計功能。它可以模擬用戶與設(shè)計界面的交互過程，并提供實時反饋和預(yù)測。設(shè)計師可以通過Vision Pro進行交互原型的創(chuàng)建和測試，以確保設(shè)計的可用性和用戶體驗。這使得設(shè)計師能夠更好地理解用戶需求，并在設(shè)計過程中進行迭代和改進。
此外，Vision Pro還提供了豐富的設(shè)計資源和模板庫。設(shè)計師可以從中選擇和定制各種設(shè)計元素，以快速構(gòu)建出高質(zhì)量的設(shè)計作品。這不僅提高了設(shè)計的一致性和品質(zhì)，還加快了設(shè)計的速度和交付時間。
最重要的是，Vision Pro通過與設(shè)計師的智能互動，不斷學(xué)習(xí)和優(yōu)化設(shè)計過程。它可以根據(jù)設(shè)計師的喜好和習(xí)慣，提供個性化的設(shè)計建議和優(yōu)化方案。這使得設(shè)計師能夠更好地發(fā)揮創(chuàng)造力，同時也提高了設(shè)計作品的質(zhì)量和創(chuàng)新性。
總的來說，Vision Pro是一種革命性的工具，將徹底改變UX設(shè)計行業(yè)。它通過自動化、交互設(shè)計、豐富的資源和智能互動等功能，提供了更高效、更準(zhǔn)確、更創(chuàng)新的設(shè)計體驗。隨著技術(shù)的不斷進步，Vision Pro有望成為設(shè)計師的得力助手，推動UX設(shè)計行業(yè)向更高水平發(fā)展。
藍藍未來將會持續(xù)在平臺上分享關(guān)于設(shè)計行業(yè)的文章。此外藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，添加vx藍小助ben_lanlan，報下信息，藍小助會請您入群。同時添加藍小助我們將會為您提供優(yōu)秀的設(shè)計案例和設(shè)計素材等，歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
藍藍設(shè)計( m.b186.net )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
用好關(guān)鍵詞，用AI繪畫輕松做出多巴胺配色設(shè)計?。{藍UI設(shè)計公司
多巴胺配色設(shè)計是一種引起快樂和滿足感的色彩方案，對于畫作、設(shè)計和廣告等領(lǐng)域具有重要的影響力。本文將介紹如何利用關(guān)鍵詞優(yōu)化，并借助AI繪畫技術(shù)，輕松實現(xiàn)多巴胺配色設(shè)計。讀者將了解如何選擇適當(dāng)?shù)年P(guān)鍵詞，如何使用AI工具進行繪畫，以及如何運用色彩心理學(xué)原理創(chuàng)作出令人愉悅的配色方案。
來百度APP暢享高清圖片
引言：
色彩對于視覺體驗的重要性不言而喻，而多巴胺配色設(shè)計則可以進一步增強人們的愉悅感和滿足感。然而，尋找和實現(xiàn)恰到好處的多巴胺配色并不容易。本文將介紹一種運用關(guān)鍵詞優(yōu)化和AI繪畫技術(shù)的方法，幫助讀者輕松創(chuàng)作出多巴胺配色設(shè)計，激發(fā)觀者的積極情緒和情感共鳴。
一、選擇適當(dāng)?shù)年P(guān)鍵詞
關(guān)鍵詞的選擇是多巴胺配色設(shè)計的第一步。關(guān)鍵詞應(yīng)該與目標(biāo)情感和主題相關(guān)，例如“快樂”、“活力”、“溫暖”、“激情”等。通過仔細(xì)思考和做市場調(diào)研，可以收集到一系列適合的關(guān)鍵詞。關(guān)鍵詞的質(zhì)量和廣度將直接影響后續(xù)的配色設(shè)計。
二、利用AI繪畫工具
借助先進的AI繪畫工具，如GAN（生成對抗網(wǎng)絡(luò)）和圖像生成模型，可以輕松實現(xiàn)從關(guān)鍵詞到色彩方案的轉(zhuǎn)化。輸入所選關(guān)鍵詞，AI模型將通過學(xué)習(xí)和分析大量的圖像數(shù)據(jù)，生成與關(guān)鍵詞情感相匹配的色彩方案。這些工具不僅可以加快設(shè)計過程，還能提供更多元化和創(chuàng)新的配色選擇。
三、運用色彩心理學(xué)原理
色彩心理學(xué)是研究色彩對人類心理和情緒產(chǎn)生的影響的學(xué)科。在多巴胺配色設(shè)計中，運用色彩心理學(xué)原理將使配色更具感染力和吸引力。例如，橙色可傳達熱情和活力，黃色可帶來快樂和活躍感，紅色可以激發(fā)激情和興奮等。理解這些原理，并將其應(yīng)用于配色方案中，能夠有效地創(chuàng)造出令人愉悅的視覺效果。
四、試驗和調(diào)整
在使用AI工具生成初步的配色方案后，通過對比、試驗和調(diào)整，不斷優(yōu)化和完善色彩組合。與觀眾進行反饋交流，了解他們的感受和喜好，并進行相應(yīng)的調(diào)整。這個過程需要靈活性和創(chuàng)造力，以確保最終達到用戶的滿意度和情感共鳴。
結(jié)論：
多巴胺配色設(shè)計是通過優(yōu)化關(guān)鍵詞和使用AI繪畫技術(shù)來實現(xiàn)的一項創(chuàng)造性工作。通過選擇適當(dāng)?shù)年P(guān)鍵詞、利用AI繪畫工具、運用色彩心理學(xué)原理以及試驗和調(diào)整，可以輕松實現(xiàn)多巴胺配色設(shè)計，提升畫作、設(shè)計和廣告等領(lǐng)域。
藍藍未來將會持續(xù)在平臺上分享關(guān)于設(shè)計行業(yè)的文章。此外藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，添加vx藍小助ben_lanlan，報下信息，藍小助會請您入群。同時添加藍小助我們將會為您提供優(yōu)秀的設(shè)計案例和設(shè)計素材等，歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
藍藍設(shè)計( m.b186.net )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
AI作為一種前沿技術(shù)，正在不斷拓展其應(yīng)用領(lǐng)域。以下是AI未來可能大放異彩的六個領(lǐng)域：
醫(yī)療保?。篈I有巨大的潛力在醫(yī)療保健領(lǐng)域發(fā)揮作用。它可以用于醫(yī)學(xué)影像分析、診斷支持系統(tǒng)、個性化治療方案等，提高醫(yī)療保健的效率和準(zhǔn)確性。
自動駕駛：自動駕駛汽車是AI技術(shù)的一個重要應(yīng)用。AI可以通過感知、決策和控制系統(tǒng)來驅(qū)動車輛，提高交通安全性并改善交通流量。
金融服務(wù)：AI在金融服務(wù)中有廣泛的應(yīng)用，如信用風(fēng)險評估、反欺詐檢測、投資策略和客戶服務(wù)等。AI可以通過大數(shù)據(jù)和機器學(xué)習(xí)算法來優(yōu)化金融決策和服務(wù)。
教育領(lǐng)域：AI可以為教育提供更加個性化和自適應(yīng)的學(xué)習(xí)體驗。它可以根據(jù)學(xué)生的興趣、能力和學(xué)習(xí)風(fēng)格來定制教學(xué)內(nèi)容和方法，提高學(xué)習(xí)效果。
城市規(guī)劃：AI可以在城市規(guī)劃中發(fā)揮重要作用。它可以分析大量的城市數(shù)據(jù)，優(yōu)化交通流動、資源分配和環(huán)境保護，幫助建設(shè)更智能、可持續(xù)的城市。
藝術(shù)與創(chuàng)意產(chǎn)業(yè)：AI已經(jīng)在藝術(shù)和創(chuàng)意產(chǎn)業(yè)取得了一些突破，如音樂創(chuàng)作、圖像生成和電影特效等。AI可以模仿人類的藝術(shù)表達，并創(chuàng)造出全新的藝術(shù)形式。
需要指出的是，AI的發(fā)展仍處于快速變化的階段，未來還有更多領(lǐng)域可能會出現(xiàn)新的應(yīng)用。因此，對于AI的應(yīng)用潛力需要持續(xù)觀察和研究。
今日分享這篇文章是藍藍設(shè)計的原創(chuàng)文章，未來將會持續(xù)在平臺上分享關(guān)于設(shè)計行業(yè)的文章。此外藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，添加vx藍小助ben_lanlan，報下信息，藍小助會請您入群。同時添加藍小助我們將會為您提供優(yōu)秀的設(shè)計案例和設(shè)計素材等，歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
藍藍設(shè)計( m.b186.net )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
作者：藍藍設(shè)計 圖片來源：花瓣網(wǎng)
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( m.b186.net )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
作者：藍藍設(shè)計 圖片來源：花瓣網(wǎng)
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( m.b186.net )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
最近 AI 繪畫越來越成熟，能做的事情也越來越多，很多同學(xué)經(jīng)常在群里或私信中問我關(guān)于對 AI 繪畫的觀點和看法，以及 AI 繪畫對 UI 設(shè)計師有什么影響，所以今天獨立寫一篇內(nèi)容，來具體討論下這個話題。
首先輸出一個太長不看版的結(jié)論：
AI 繪圖可以協(xié)作 UI 設(shè)計師更快地完成一些邊角料工作，但無法取代 UI 設(shè)計師的核心價值，不會對 UI 崗位造成大范圍沖擊……
那下面就來具體討論吧！
相信大家都有這種感覺，2022年開始，AI 繪畫突然就毫無征兆地火起來了，用火遍大街小巷來形容一點也不過分，當(dāng)我走在地鐵和機場等公共場所都能隨處可見 AI 繪畫作品的展示。
其實AI繪畫這個技術(shù)一直都有，比如 OpenAi 的 Dall·E，但真正產(chǎn)生質(zhì)變的時候是從 2022 年2月 Disco Diffusion 發(fā)布以后，讓 AI 繪畫的能力得到了質(zhì)的飛躍。
隨后一些使用它創(chuàng)作的作品開始流通，且在美國的某數(shù)碼繪畫比賽中由 AI 作品獲得冠軍，徹底吸引了公眾的視線。隨后，一系列新的 AI 繪畫工具開始開發(fā)和上線，包括目前為大家所熟知的 Stable Diffusion 和 Midjourney、NovelAI。
從上線到現(xiàn)在不到1年的時間里，這些軟件都完成了多次的大版本更新和迭代，讓 AI 繪圖的能力越來越強，準(zhǔn)確性越來越高，我們甚至很難想象再過五年以后會發(fā)展到什么可怕的地步。
除了目前已經(jīng)正式發(fā)布的繪圖工具外，還有很多新的產(chǎn)品正在熱火朝天的開發(fā)階段，如巨頭 Adobe 的 Firefly ，Stability 的新產(chǎn)品 REimagine 等。
產(chǎn)品的多樣性，差異化，以及本身的進化，為視覺設(shè)計和藝術(shù)創(chuàng)作提供了全方位的支持和可能性，也對相關(guān)行業(yè)產(chǎn)生了巨大的沖擊。
我們不得不面臨一個很現(xiàn)實的問題，AI 是不是會取代大多數(shù)插畫、設(shè)計師？
這是很有可能的，不管是從網(wǎng)上，還是認(rèn)識的朋友學(xué)員那邊獲得的反饋，高度依賴插畫、場景建模的行業(yè)，都在受到 AI 的劇烈沖擊，有的將接入 AI 制定成 KPI 要求全團隊 ALL IN，有的在跑通AI工作流以后直接啟動裁員進程或關(guān)閉外包渠道。
AI 的出現(xiàn)對于美術(shù)行業(yè)，就像燃油車出現(xiàn)對馬車的革命，照相機的出現(xiàn)對手繪的沖擊，是非常值得思考的，因為我們或多或少也身在其中。
因為在產(chǎn)品方向，Midjourney 已經(jīng)可以通過指令生成用戶界面了，試用 ChatGPT-4 已經(jīng)可以用指令10秒創(chuàng)建一個可以操作和訪問的網(wǎng)頁，看起來未來已經(jīng)提前朝我們走來。
所以 UI 設(shè)計師是不是很快也要被取代直至消亡？
相信有長期看我們公眾號分享和公開課的同學(xué)，應(yīng)該知道我一直在強調(diào)，界面對于 UI 設(shè)計師的工作只是必要但占比并不高的部分，如果認(rèn)為我們的工作價值僅僅是最后產(chǎn)出的視覺界面，那淘汰多數(shù) UI 設(shè)計師的方式根本輪不到 AI 來動手，按目前市面流通的前端框架和組件庫就夠了。
之所以有大量的現(xiàn)成素材、模版、組件庫，還不能淘汰 UI 設(shè)計師，原因就是整個項目設(shè)計過程中所需的變通、靈活性、抽象思維要求，是它們完全無法覆蓋的。
一個稍微成熟點的項目設(shè)計圖產(chǎn)出和交付，是需要經(jīng)過下面這個流程的：
從這個簡化的流程模型里，大家要明白專業(yè)的設(shè)計稿輸出是有 “黑箱” 加工步驟的，要在這階段，對工作的需求進行大量的研究、分析，并做出決策確定出設(shè)計目標(biāo)或者方案。
在現(xiàn)代設(shè)計團隊中，直接拿到需求就做設(shè)計稿的模式是很難產(chǎn)出高質(zhì)量設(shè)計的，或者應(yīng)對更專業(yè)嚴(yán)格的要求。設(shè)計師需要在這個階段投入大量精力，盡可能提升設(shè)計產(chǎn)生的價值，減少出現(xiàn)不良影響的風(fēng)險，以及 —— 說服團隊接受當(dāng)前的設(shè)計思路。
而這是 AI 繪圖完全無法實現(xiàn)的東西，我們使用 AI 繪畫僅僅是輸入做好的決策，讓它生成結(jié)果，但沒辦法通過輸入業(yè)務(wù)、需求的疑問，讓它給出一個有詳盡理由和邏輯的設(shè)計成果。
可能有同學(xué)會下意識的想到，那我們用 ChatGPT 這樣的工具，提出問題，讓它自己給出解答并直接給出繪圖指令操作繪圖工具生成界面，順帶再自己開發(fā)號產(chǎn)品，不就行了，一個人就是一個團隊，人人都是產(chǎn)品經(jīng)理終于實現(xiàn)……
這個業(yè)務(wù)模型非常合理，看起來似乎完全可以實現(xiàn)。但真的有項目經(jīng)驗的自己去思考一下，就會發(fā)現(xiàn)中間存在的問題無窮無盡。
第一點，“黑箱” 是給出問題答案的分析處理過程，ChatGPT 再怎么神通廣大，也需要我們?nèi)ソo到有效的問題和需求，它才能給你有用的答案。那么問題來了，你怎么和它描述具體的業(yè)務(wù)需求、產(chǎn)品需求、體驗問題和各類用戶痛點？
以上一篇分享為例，我們優(yōu)化 Stable Diffusion 的輸入框，光和 AI 說優(yōu)化輸入框約等于廢話，你得告訴它怎么優(yōu)化，那怎么優(yōu)化這件事不就是得去找出原產(chǎn)品問題的缺陷嘛？如果我自己去找完缺陷了，那最后畫那點圖例的工作量有什么了不起的呢？
更何況一些復(fù)雜的業(yè)務(wù)，尤其是B端行業(yè)，完全無法用簡單的幾句話描述清楚，要搭配各種框架圖和流程圖，光開一個業(yè)務(wù)評審和培訓(xùn)的會議，可能就要花非常長的時間。
所以該用什么形式去和 AI 描述這些抽象的信息內(nèi)容？
第二點，還是以上面案例為例，在這個輸入框中，包含很多交互的小細(xì)節(jié)，輸入框內(nèi)光標(biāo)的操作，鍵盤的操作邊界在哪里，輸入文字后提示關(guān)聯(lián)的邏輯，不同輸入指令類型要區(qū)分怎么和 AI 描述，全都成為問題。
所以光生成一個界面是沒有意義的，這個界面做的再好看再美觀，也不代表它有真實落地的可能，只是完成了設(shè)計工作的一小部分而已。所以看到這里是不是感覺很熟悉？和我們在追波上看到的各類飛機稿案例沒有太大的區(qū)別。
第三點，上面的模型只是一個非常簡化的流程，有過真實的項目經(jīng)驗就應(yīng)該知道流程中會有反復(fù)拉鋸的事件，需求的變動，設(shè)計稿的修改，方案的調(diào)整，這些零碎的工作去和 AI 提，你會發(fā)現(xiàn)有輸入問題的時間，可能設(shè)計早就修改完了。
尤其在最終的標(biāo)注和切圖環(huán)節(jié)，涉及到設(shè)計時對設(shè)計稿的制定，標(biāo)注和切圖實際上有很多主觀性和經(jīng)驗化、場景化的輸出要求，它需要設(shè)計師在經(jīng)歷整個項目流程后自行判斷。
除了以上三點，還有很多其它的問題難以解決，而這些問題的總和，決定了沒有出現(xiàn)真正的人工智能之前，使用 AI 來輸出 UI 界面是一件不靠譜的事情。
只有視覺領(lǐng)域沒有前期那么多條條框框，也沒有后續(xù)一系列交付和維護需求的場景，才是 AI 真正產(chǎn)生價值和影響的方向。
用 AI 做 UI 設(shè)計不靠譜，但是不代表對UI設(shè)計師沒價值。這話聽著可能挺拗口的，但事實如此，因為在國內(nèi)的UI設(shè)計環(huán)境中，UI 設(shè)計師的工作內(nèi)容往往不局限于產(chǎn)品設(shè)計一個領(lǐng)域內(nèi)。
還包含下面這些操作：
我相信大多數(shù) UI 設(shè)計師做平面和運營設(shè)計的感受就和上墳的狀態(tài)是一樣的，上墳起碼是懷有對先人獻花，做平面和運營設(shè)計只會產(chǎn)生對自己深深的唾棄……
所以 AI 的出現(xiàn)可以很好的處理這部分的需求，比如一些雖然用處不大，但就是甲方還是老板就是想用的 3D 風(fēng)格圖標(biāo)。
或者，在登陸頁用的比較濫俗的 3D 場景背景，為了這樣的東西花很長的時間去建模和渲染，投入和收益是完全不成正比的。所幸使用 AI 也可以幫助我們非常短的時間內(nèi)獲取想要的效果。
還有就是各類運營設(shè)計圖，互聯(lián)網(wǎng)運營設(shè)計和一般的品牌廣告視覺比較起來，就是對創(chuàng)意性的忽視，畫面并不需要埋伏大量的隱喻、內(nèi)涵或故事，就是單純的應(yīng)景和吸引用戶注意力，這恰恰也是 AI 最適合輸出的東西。
包括廣告 Banner、H5、啟動頁等，都可以通過 AI 快速生成一些高質(zhì)量的插畫，來替代我們自己從頭開始繪制的苦惱。
所以你看，對于我們職業(yè)價值不高的這些雜活，AI 都可以很好的去完成，而且可以肯定未來可以完成得越來越好，我們就可以節(jié)省更多的時間，不管是投入精力給體驗和交互，還是準(zhǔn)點下班，都符合我們自身的利益。
所以，UI 設(shè)計師對 AI 的態(tài)度并不是敵視和悲觀，而是要把它當(dāng)作救星和幫手，把我們從運營設(shè)計的水火中拯救出來……
不僅是觀念上的調(diào)整，掌握一定的 AI 繪制技巧也是必要的，將他們?nèi)谌氲侥阏降墓ぷ髁鞒讨校柰度氲木σ策h(yuǎn)遠(yuǎn)小于你從頭開始學(xué)插畫和 3D 渲染。
相信不久的將來，UI 設(shè)計師的招聘中部分要求手繪和建模的 JD，會替換成熟練使用 AI 繪圖。
作者：酸梅干超人 來源：站酷網(wǎng)
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( m.b186.net )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
設(shè)計做到極致注重的就是對于細(xì)節(jié)的把控力，大廠的設(shè)計師之所以比較優(yōu)秀，就是他們具備很好的細(xì)節(jié)把控力。想要提高產(chǎn)品設(shè)計的能力，發(fā)現(xiàn)設(shè)計細(xì)節(jié)和思考設(shè)計深入的能力至關(guān)重要。
最近在體驗產(chǎn)品的時候，發(fā)現(xiàn)了一些設(shè)計細(xì)節(jié)做得比較好的優(yōu)秀案例，分享給大家學(xué)習(xí)一下。
分享目錄
一、Banner 輪播轉(zhuǎn)場的品牌化
二、情感化的彈窗設(shè)計
三、最小化顯示提高空間利用率
四、動態(tài)化的設(shè)置引導(dǎo)
五、沉浸式的活動氛圍設(shè)計
六、人性化的提示設(shè)置
七、動態(tài)感知的溫度設(shè)計
八、無處不在的廣告位開發(fā)
九、主題化的圖標(biāo)設(shè)計
十、新穎的卡片式設(shè)計
一、Banner 輪播轉(zhuǎn)場的品牌化
立足于品牌做設(shè)計，才能強化自身產(chǎn)品的差異化。如何在更多設(shè)計場景中融入品牌基因，是設(shè)計師需要深入思考的關(guān)鍵。
最近在使用騰訊視頻 APP 時，發(fā)現(xiàn)首頁 Banner 圖在輪播的轉(zhuǎn)場過程中，以品牌 LOGO 造型作為轉(zhuǎn)場過度。一個小小的細(xì)節(jié)強化了用戶對于品牌的記憶度，也體現(xiàn)出專屬的設(shè)計差異。
二、情感化的彈窗設(shè)計
通過彈窗設(shè)計可以提高用戶操作效率，也是傳播信息（活動/廣告）最直觀的形式。但是體驗多了用戶便會開始排斥，提高彈窗的情感化設(shè)計變得尤為重要，降低用戶的排斥感才能提高彈窗的作用。
很多娛樂影視等 APP 都會有“青少年模式”彈窗提示，抖音將彈窗視覺表達融入了精美的國風(fēng)插畫。也通過針對性的內(nèi)容作為設(shè)置的引導(dǎo)，提高了用戶對“青少年模式”的深入理解，增強了體驗的積極性。
插畫的形式在彈窗設(shè)計中表現(xiàn)比較突出，比如嘀嗒出行 APP 將“推送通知”的彈窗設(shè)計運用插畫增強情感化表達。相較于生硬的表達方式用戶更能接受，通過營銷的文案引導(dǎo)用戶授權(quán)，提高了產(chǎn)品的感官體驗。
三、最小化顯示提高空間利用率
對于工具型產(chǎn)品不同用戶的操作焦點不同，更多定制化的體驗才能提高用戶的操作效率。
釘釘 APP 在協(xié)作欄目中，默認(rèn)展示的各類工具可以進行收起，實現(xiàn)最小化顯示。用戶可以根據(jù)使用習(xí)慣和操作方式選擇收起/展開，提高了當(dāng)前空間的利用率，自定義的功能設(shè)計可以提高用戶的操作體驗。
四、動態(tài)化的設(shè)置引導(dǎo)
為了提高用戶隱私權(quán)益，手機系統(tǒng)針對產(chǎn)品調(diào)用權(quán)限進行了阻力設(shè)計，需要用戶的授權(quán)操作。提高用戶的各類功能授權(quán)就需要設(shè)計師探索，降低用戶的排斥感和提高授權(quán)的利好政策才能獲得授權(quán)。
抖音在引導(dǎo)用戶開啟通知權(quán)限的設(shè)計中，采用了動態(tài)畫面的表達來強調(diào)開啟通知的利好政策，以此來攻破用戶的心理防備。相較于生硬的彈窗提示，動態(tài)的表達和引導(dǎo)性的文案更能拉近與用戶的距離感。
五、沉浸式的活動氛圍設(shè)計
沉浸式的體驗可以帶給用戶更好的場景感，提高用戶的參與度。在活動的設(shè)計中，不斷向游戲化和沉浸式方向加強體驗，提高活動的趣味性和強化用戶參與的積極性。
騰訊視頻在情人節(jié)的互動活動設(shè)計中，就將搶紅包的活動融入到當(dāng)前的界面中，紅包雨鋪滿整個屏幕，以趣味性的形式滿足用戶心理。不隔斷與界面之間的聯(lián)系，降低活動對用戶的干擾，進而提高活動氛圍感和參與度。
六、人性化的提示設(shè)置
短視頻近些年改變了大家的生活方式和娛樂形式，也有用戶容易過度依賴進而影響休息質(zhì)量。
抖音作為短視頻領(lǐng)域的頭部產(chǎn)品之一，在增強用戶體驗的同時也要起到良性的引導(dǎo)作用。當(dāng)用戶刷短視頻一定時間后會彈窗提示休息，而提示時間用戶可以根據(jù)自己的實際情況進行設(shè)置，靈活的設(shè)置可以讓用戶合理分配時間。健康使用的引導(dǎo)可以讓用戶感受到產(chǎn)品的溫度，提高用戶體驗的認(rèn)可度。
七、動態(tài)感知的溫度設(shè)計
天氣預(yù)報是用戶關(guān)注度較高的信息，對于溫度的感知可以讓我們出行更容易把控。在產(chǎn)品中顯示天氣情況也是一種情感化的升級，可以帶給用戶更有溫度的體驗。
利用餓了么 APP 點餐之后，首頁會顯示配送情況和當(dāng)前的天氣溫度，背景以動態(tài)的天氣畫面增強視覺感知。也希望用戶可以根據(jù)天氣情況對外賣員多一份理解，加強人與人之間的寬容心，帶給用戶更強的情感化體驗。
最近在使用愛奇藝 APP 時，發(fā)現(xiàn)左上角的品牌位置也結(jié)合了天氣情況，結(jié)合頂部視覺區(qū)域的流體漸變，新增的天氣預(yù)報和品牌 LOGO 完美的通過動效過度。整個設(shè)計表達流暢自然，感官體驗也是非常值得學(xué)習(xí)的。
八、無處不在的廣告位開發(fā)
廣告是眾多產(chǎn)品實現(xiàn)流量變現(xiàn)的方式之一，廣告位的開發(fā)也是見縫插針，如何在僅有的空間增加更多廣告位，產(chǎn)品設(shè)計師也在不斷探索。
最近在使用騰訊視頻 APP 時，進入到個人中心時會默認(rèn)有個下拉廣告。這個見縫插針的廣告位新增，對于設(shè)計師來說讓我感受到了廣告的無處不在，不過對于用戶來說是否會心生排斥感得通過數(shù)據(jù)去驗證。但是作為產(chǎn)品設(shè)計師這也是一個啟發(fā)，將有限的空間進行深度開發(fā)，還不會影響已有的結(jié)構(gòu)布局，這也是一個啟發(fā)性的案例。
九、主題化的圖標(biāo)設(shè)計
圖標(biāo)是產(chǎn)品中不可或缺的存在，圖標(biāo)設(shè)計的研究也是設(shè)計師需要重點對待的技能范圍。精美的圖標(biāo)不僅可以提高產(chǎn)品的感官體驗，也能吸引用戶的關(guān)注度，進而提高業(yè)務(wù)模塊的點擊欲。
最近在使用順豐速運小程序時，寄快遞欄目的各業(yè)務(wù)入口圖標(biāo)設(shè)計非常引人注目，結(jié)合主題化的圖標(biāo)設(shè)計突出了活動傳播力度。對于工具型產(chǎn)品而言，強化氛圍感可以打破用戶原有的認(rèn)知，不僅可以突出活動主題，也能強化用戶對產(chǎn)品的視覺感知。
十、新穎的卡片式設(shè)計
卡片式設(shè)計已經(jīng)流行好幾年了，目前依然是非常普及的 UI 設(shè)計趨勢之一。如何進一步強化卡片式設(shè)計的創(chuàng)新度，我們需要不斷的嘗試和總結(jié)。
嘩哩嘩哩 APP 的創(chuàng)作中心設(shè)計也許是一個不錯的啟發(fā)，卡片內(nèi)部右上角的視覺強化使得原本普通的表達變得更有視覺感。突出的設(shè)計也成功的吸引了 UP 主的注意力，強化了該入口的點擊欲。這樣的設(shè)計表達在保留卡片式設(shè)計的基礎(chǔ)上，也是一種新穎的視覺表現(xiàn)，可以作為突出業(yè)務(wù)入口的表現(xiàn)方式進行探索。
作者：黑馬青年 來源：站酷網(wǎng)
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( m.b186.net )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
追波年度最佳作品來自大家最熟悉的UI8團隊中的Tran Mau Tri Tam ?，作者來自越南西貢，最佳作品截止目前355K瀏覽量，2933個贊。
為什么看似平平無奇的作品卻能獲得追波年度最佳作品呢？既不是C端也不是純B端的作品，更像一個網(wǎng)頁與平面的結(jié)合體。如果去掉搜索圖標(biāo)、分類圖標(biāo)和按鈕，你可以理解它就是一個平面作品，一個字體加幾何形體構(gòu)建的作品，為了豐富畫面的層次，讓畫面更加的活潑采用了多彩加幾何色塊，讓標(biāo)題閱讀有停頓感和呼吸感。faster底部的橫線讓它從標(biāo)題文字中脫穎而出，這種使用線條突出重要信息的設(shè)計也是今年追波設(shè)計流行趨勢之一。
MetroUI是Windows8的界面設(shè)計語言，在2010年至2013年間曾經(jīng)風(fēng)靡一時，那也是移動互聯(lián)網(wǎng)的發(fā)展元年，現(xiàn)在國家推行實體經(jīng)濟、數(shù)字化帶動To B 、To G 的發(fā)展元年，通過幾何色塊（MetroUI）實現(xiàn)B端產(chǎn)品與C端設(shè)計風(fēng)格的傳承與銜接，你會發(fā)現(xiàn)歷史總是驚人的相似。最后背景結(jié)合今年最流行的微軟風(fēng)，毛玻璃的多彩高斯模糊漸變風(fēng)，年度作品當(dāng)之無愧。
最后來看下按鈕的設(shè)計，正常的按鈕要么文字加色塊，要么左圖標(biāo)加右文字，它設(shè)計成左文本加右圖標(biāo)，更加注重信息的可讀性和易讀性，也體現(xiàn)B端設(shè)計重功能和交互體驗，視覺點到為止的設(shè)計理念。
下面我們來欣賞年度最佳作品里面的流行趨勢吧。
字體三原則：可讀性、易識性、易讀性。當(dāng)你同時讀一篇文言文和一篇設(shè)計文章，肯定設(shè)計文章的內(nèi)容可讀性更好。易識性是用在字體設(shè)計上，不能過于浮夸的改變字體骨架、形體而不易識別。易讀性和每個位設(shè)計師都息息相關(guān)，因為我們都需要編排文本。當(dāng)我們小時候?qū)懽魑臅r，不會寫的文字可以用拼音代替。這時候讀者讀到拼音時會有停頓感，更加適合用戶閱讀。
通過給用戶制作停頓感來增加用戶的易讀性?？梢栽谙嚓P(guān)聯(lián)文本后面添加圖片、表情、圖標(biāo)來更好的理解文本內(nèi)容，豐富文本內(nèi)涵。比如情侶間表達愛意時會輸入文本，“我愛你”、“我Love你”、“我ai你”、“我??你”，哪個更加會有情感共鳴呢？不言而喻，相信你心中已經(jīng)有答案了。
在標(biāo)題文字上添加曲線來突出重要文案是2021追波最流行的趨勢之一，第一個設(shè)計目的就是突顯文字，其次就是想表現(xiàn)鉛筆真實書寫的感覺。之前很多帶有簽名的設(shè)計中，簽字的文本都是手寫體的感覺，手寫體對比電腦的機械字體會帶有一種人文氣息，也會讓兩者之間產(chǎn)生一種對比、矛盾。
除了突顯文本外，曲線還有視覺引導(dǎo)的作用。通過視覺引導(dǎo)讓用戶按照設(shè)計師編排的順序進行瀏覽界面。當(dāng)然還有比這更科學(xué)的工具就是眼動儀測試，通過真實用戶眼睛瀏覽界面顯示對應(yīng)的熱點圖。
多彩高斯?jié)u變風(fēng)是從色彩的角度來傳達和豐富畫面的，多彩高斯?jié)u變風(fēng)其實是從制造矛盾到平衡矛盾的過程，多彩漸變多為冷暖對比來制造畫面的沖突，需要控制冷暖畫面的大小來實現(xiàn)平衡。主流的還是以暖色突顯為主。多彩漸變主要起到活躍氣氛、吸引目光、平衡畫面的作用。
多彩高斯?jié)u變還可以結(jié)合輕擬物、幾何圖形、三維等新的組合方式去創(chuàng)新，給用戶呈現(xiàn)一種更加新穎的視覺表現(xiàn)形式。最后我們還是要回歸到內(nèi)容上，為了更好的傳達信息需要去設(shè)計與內(nèi)容相匹配的視覺風(fēng)格。
B端設(shè)計的火爆帶動了B端相關(guān)模塊設(shè)計，更多的人也愿意嘗試B端相關(guān)模塊設(shè)計，側(cè)邊欄作為產(chǎn)品架構(gòu)中重要的導(dǎo)航系統(tǒng)，好的側(cè)邊欄設(shè)計能為用戶帶來更好的效率。主流側(cè)邊欄都做了展開、收起、拖拽等交互效果，也是受限于PC屏幕為展示更多數(shù)據(jù)而騰空間。側(cè)邊欄主要承擔(dān)的功能有導(dǎo)航、分類、自定義篩選、共享、新增等。追波的B端產(chǎn)品設(shè)計已經(jīng)不再是假大空概念設(shè)計，而是一套實用美觀可落地的設(shè)計。
儀表盤設(shè)計是一個很好的隱喻，想象一下開摩托車或汽車主駕駛前面的屏幕，汽車儀表有燃油表、車速表、里程表、水溫表、轉(zhuǎn)速表、故障指示燈等。B端類產(chǎn)品后臺界面的儀表盤設(shè)計也需要展示一些重要的數(shù)據(jù)和各種狀態(tài)，大體分為側(cè)標(biāo)欄、導(dǎo)航欄、待辦任務(wù)、個人信息、報表數(shù)據(jù)、消息中心、快捷入口等。當(dāng)然最重要的就是報表數(shù)據(jù)，團隊收益、任務(wù)進度、轉(zhuǎn)化比例、新增、存量、團隊工作時長等都是老板或領(lǐng)導(dǎo)關(guān)心的內(nèi)容。每個公司業(yè)務(wù)不同、每個人員權(quán)限不同，自定義的儀表盤也各有差異。重要的是突顯數(shù)據(jù)和業(yè)務(wù)狀態(tài)，需要分層級系統(tǒng)性去思考和設(shè)計。
復(fù)雜的事情簡單化，簡單的事情標(biāo)準(zhǔn)化，標(biāo)準(zhǔn)的事情流程化，流程的事情自動化。流程設(shè)計是每一個企業(yè)核心功能和業(yè)務(wù)，可自定義的管理流程系統(tǒng)搭建也是B端產(chǎn)品設(shè)計的難點，需要對業(yè)務(wù)高度抽象，讓每一個業(yè)務(wù)人員可自定義的流程才是好的流程設(shè)計。
B端C化是B端產(chǎn)品設(shè)計的視覺表現(xiàn)力慢慢往C端產(chǎn)品設(shè)計的視覺靠齊，國內(nèi)B端產(chǎn)品界面設(shè)計視覺水平還有很大的提高空間。除了視覺上的提升外，由于業(yè)務(wù)的發(fā)展，B端產(chǎn)品也開始移動化、智能化，國內(nèi)主流還是通過小程序、H5來現(xiàn)實B端產(chǎn)品C端化。
輕代碼化是一種低代碼賦能無代碼的方式，彌補無代碼拓展性差、覆蓋場景少的問題。在保有無代碼靈活、易用、快捷的同時，又能覆蓋低代碼使用場景。簡單理解就是無需代碼開發(fā)即可如搭積木般快速、靈活地創(chuàng)造屬于你的個性化管理系統(tǒng)，輕松實現(xiàn)多元業(yè)務(wù)場景的數(shù)字化管理。
輕代碼化將功能進行打包，升級成全局可以用的配置，技術(shù)人員配置好后，業(yè)務(wù)人員在應(yīng)用編輯時直接選擇使用模版，綁定對應(yīng)的變量即可使用。
為什么人加色塊的組合方式能流行起來？還是B端行業(yè)流行帶動的。B端講的更多的是企業(yè)對企業(yè)。企業(yè)對企業(yè)除了講行業(yè)解決方案外，還需要傳達公司的價值觀、使命、愿景。人加色塊的組合方式非常適合體現(xiàn)公司的企業(yè)文化。對于一家全球化的公司不同膚色的人物組合在一起，這種人文氣息和價值觀已經(jīng)就不言而喻了。
當(dāng)然企業(yè)也需要進行營銷，抓人眼球。幾千年來的遺傳證明了，人的大腦對食物、性、動的東西、人臉和眼睛、危險的動物很敏感。人加色塊的組合方式也具有抓人眼球營銷的功能。真可謂一舉兩得。
這種風(fēng)格更適合大公司，國內(nèi)的一些手機廠商OPPO、VIVO等也會通過手機+背景+人物來體現(xiàn)科技與人文的結(jié)合，而對于中小型公司產(chǎn)品差異化和行業(yè)解決方案展現(xiàn)應(yīng)該還是重中之重。
毛玻璃效果加大了模糊程度，透明效果更加扁平，很好的順應(yīng)當(dāng)下UI扁平化的設(shè)計趨勢。蘋果Mac OS Big Sur系統(tǒng)的圖標(biāo)、界面中運用了大量毛玻璃和半透明元素，界面更扁平。至于C4D三維彩色玻璃的視頻教程可以在B站搜索“透光藝術(shù)-C4D創(chuàng)建彩色玻璃的4個技法”，完全能滿足UI設(shè)計師。當(dāng)然還有一個好消息就是Mac用戶可以享有OC一年免費的使用權(quán)，具體安裝購買方法可以上“某寶”就可以輕松搞定，真香。
輕擬物這幾年一直流行，在UI設(shè)計中趨于穩(wěn)定的位置。從寫實到扁平再到輕擬物，其實是設(shè)計師們一路不斷探索的結(jié)果。本質(zhì)就是光影對形體產(chǎn)生的視覺感受。在色彩中對高光、亮面、明暗交界線、暗面、反光（環(huán)境光）五個部分的處理。寫實三維的圖標(biāo)等設(shè)計更適用于簡潔的畫面中，扁平等設(shè)計更適用于復(fù)雜一點的界面中，比如B端產(chǎn)品界面中的功能圖標(biāo)。輕擬物可使用的范圍更廣，效果更佳。Sketch、Figma軟件對于漸變、高光、投影、高斯模糊處理已經(jīng)非常簡單且出彩。
簡潔設(shè)計遵從了密斯·凡德羅的“少即是多”的設(shè)計原則，在B端產(chǎn)品界面中更加需要簡潔設(shè)計，我們最熟悉的Sketch軟件界面已經(jīng)是相當(dāng)?shù)暮啙嵙??；氐浆F(xiàn)實當(dāng)需求功能不斷增加，產(chǎn)品界面的編排如何取舍，如何保證界面的簡潔是設(shè)計師需要深度思考的問題？如何與上級溝通？該功能是否可做可不做？是否需要埋點用數(shù)據(jù)說話？如果只是一味競品有我們就需要有，功能不斷累加只會讓界面越來越重。
幾何圖形和幾何插畫有異曲同工之妙，幾何圖形多為產(chǎn)品界面和宣傳內(nèi)容的抽象，產(chǎn)品界面的幾何圖形多為占位符形式，加上色彩和幾何色塊讓其成為一個整體。B端產(chǎn)品視覺設(shè)計C端化的進程中，幾何圖形、幾何色彩不失為最好的突破口，相信今年追波B端產(chǎn)品的視覺設(shè)計一定會更上一個臺階。
幾何圖形另一個場景化的地方就是品牌，作為一名UI設(shè)計師一定會經(jīng)歷從圖標(biāo)到幾何圖形到品牌設(shè)計的過程，品牌設(shè)計的技巧基本還是以幾何圖形為主，至于品牌的內(nèi)涵需要更深層次的解讀。掌握主流品牌設(shè)計的技巧對產(chǎn)品定位、品牌宣傳打下扎實的基礎(chǔ)。
暗黑模式的設(shè)計是解決在微弱環(huán)境下內(nèi)容也可以有更高的可讀性。隨著用戶夜晚及深夜使用電子設(shè)備時長增大，如何在夜晚這個特定場景下使用更加舒適。合理使用暗黑模式可以減輕眼睛疲勞，提高在夜間使用的可讀性。
在設(shè)計暗黑主題時，不能為了突顯視覺上的逼格，而去使用高飽和度鮮艷的色彩來突顯界面的品質(zhì)感。而應(yīng)該把舒適度、可讀性作為設(shè)計的衡量指標(biāo)。Material Design給出了暗黑主題的設(shè)計準(zhǔn)則，即正文和背景之間的對比度應(yīng)至少為15.8:1。按照此標(biāo)準(zhǔn)設(shè)計，可讀性都還不錯。這里介紹一個插件“Stark”（Figma、Sketch、XD、Chrome插件）用來測試界面的對比度。
為什么叫模塊化，而不叫組件化，組件化更多的利用原子系統(tǒng)從原子、分子、組織、模版、頁面來快速的搭建界面，但在B端產(chǎn)品設(shè)計中基礎(chǔ)組件和業(yè)務(wù)組件的搭建是以提高工作效率為前提，是否有從0到1搭建B端產(chǎn)品組件的經(jīng)歷是設(shè)計師一生中最寶貴的經(jīng)驗之一，它能提高設(shè)計師的系統(tǒng)化思維、邏輯思維和抽象思維能力。
產(chǎn)品模塊化設(shè)計就是將產(chǎn)品分成幾個部分，也就是幾個模塊，每一部分都是具有獨立功能，具有一致的連接接口和一致的輸入、輸出接口的單元，相同種類的模塊在產(chǎn)品族中可以重用和互換，相關(guān)模塊的排列組合就可以形成最終的產(chǎn)品。通過模塊的組合配置，就可以創(chuàng)建不同需求的產(chǎn)品，滿足客戶的定制需求 。
插畫作為設(shè)計的一大品類，不同的插畫師都有自己擅長的風(fēng)格，本質(zhì)是都有自己的個性，但是在產(chǎn)品設(shè)計中更多是需要共情、共性來講故事，表達產(chǎn)品理念和價值觀。這就需要插畫師去嘗試并探尋出適合互聯(lián)網(wǎng)產(chǎn)品設(shè)計類的插畫風(fēng)格。設(shè)計的本質(zhì)是舊元素的重新組合，插畫不會過時，而是需要結(jié)合當(dāng)下和產(chǎn)品找到最匹配的設(shè)計風(fēng)格。
幾何插畫算是插畫簡化的一種表現(xiàn)形式，人和物的形態(tài)不再寫實，而是抽象成幾何圖形拼湊的感覺，同時保留人物形態(tài)的神韻。加上幾何色塊與人物交互形態(tài)的表現(xiàn)，傳達出簡潔、科技的現(xiàn)代感。難點還是在人物形態(tài)的表現(xiàn)上，平時多練習(xí)練習(xí)速寫還是很有必要的。
線面插畫最近一兩年非常流行，準(zhǔn)確的說是非常適合。首先線面插畫主要是由線條和塊面組合而成，用塊面表現(xiàn)人物形態(tài)時某些結(jié)構(gòu)會表現(xiàn)不出來，這時候用線條簡單勾勒后，結(jié)構(gòu)就會清晰明了。其次當(dāng)線面插畫運用在界面上時，可以打破界面純文字或組件化的機械和沉悶感。線面插畫的風(fēng)格提升畫面熱鬧感的同時，還能保持界面的干凈整潔。
界面微交互動效會讓用戶的體驗更加精致到位。想要打造優(yōu)秀的產(chǎn)品設(shè)計，微交互和動效設(shè)計是繞不開的，UI界面設(shè)計通過微交互反饋告知用戶當(dāng)前正在發(fā)生的事情，所處的狀態(tài)。細(xì)微的動效更能調(diào)動用戶情緒，取悅用戶。C端產(chǎn)品微交互和動效已經(jīng)很成熟了，一部分功勞來自iOS系統(tǒng)原生自帶的效果。B端產(chǎn)品的微交互和動效更多還是在學(xué)習(xí)海外產(chǎn)品，還需要給前端工程師灌輸微交互和動效的設(shè)計價值，共同打造產(chǎn)品體驗細(xì)節(jié)。
Mg動畫需要很好的節(jié)奏感、韻律，每一個場景動畫都需要其中的元素進行連接變化，讓轉(zhuǎn)場動畫更加自然，MG人物動畫通過點線面的動效變化讓畫面更加有趣、自然，通過粒子效果讓特定場景無限循環(huán)會讓人更加印象深刻。
MacOS Big Sur系統(tǒng)圖標(biāo)的更新帶動了三維圖標(biāo)的流行，三維圖標(biāo)的應(yīng)該場景還是需要有較大留白空間的界面，因為三維圖標(biāo)太小后就看不到更多細(xì)節(jié)。三維圖標(biāo)感覺又回到了擬物化和扁平化哪個更好的問題上？設(shè)計師應(yīng)該保持開放多元的視角。設(shè)計本身也在不斷的演化融合，存在即合理。合適最重要，它們都會有適合自己的場景和設(shè)計價值。
為什么輕三維在界面設(shè)計中占有一席之位？一個是設(shè)計師不斷追求差異化的產(chǎn)物。另一個是更好的表現(xiàn)內(nèi)容，并與用戶產(chǎn)生共鳴。輕三維的基礎(chǔ)模型都是來自手機界面中的各種元素，比如組件、開關(guān)、按鈕、占位符、圖表、幾何圖形、圖標(biāo)、進度條等，這些都是用戶日常使用系統(tǒng)軟件常見的元素，通過簡單的幾何形體建?！驘艄狻硬馁|(zhì)—渲染—PS調(diào)色。難度系數(shù)不大但效果很出彩。第一個出彩點是模型帶有厚度的倒角，結(jié)合燈光渲染的光澤是二維軟件不能比擬的。第二個出彩點就是材質(zhì)自由添加，特別是當(dāng)下流行的毛玻璃效果，玻璃材質(zhì)渲染效果更佳。第三個出彩點就是可以加局部燈光，局部的漸變色或環(huán)境光更佳出彩。
P4D是PS加C4D的設(shè)計表現(xiàn)技法，也是視覺設(shè)計的最后一個環(huán)節(jié)，通過PS對C4D的渲染圖片進行調(diào)色，利用PS的調(diào)色技巧可以很好的解決C4D打燈光的瑕疵，還可以利用PS強大的合成功能，將渲染圖片與圖片素材進行合成，來表現(xiàn)畫面的視覺度，當(dāng)然三維軟件比較難實現(xiàn)的水、粒子、煙花等效果，也可以通過PS的后期合成來實現(xiàn)，這也是P4D的強大之處。
卡通IP設(shè)計最近三四年技術(shù)的迭代已經(jīng)慢慢的走上成熟，卡通IP也從傳統(tǒng)的純PS手繪技法，轉(zhuǎn)到C4D建?！巧壎ā狹D衣服制作—OC渲染—PS（靜態(tài)）/AE（動態(tài)）調(diào)色。
卡通IP火的本質(zhì)更適合做營銷，相比于品牌或Slogan，卡通IP具有親和力和畫面感。隨著各種手辦行業(yè)大熱，受互聯(lián)網(wǎng)大廠影響下，卡通IP已經(jīng)是互聯(lián)網(wǎng)B輪以上公司的標(biāo)配了。如果團隊中沒有這樣能力的人，也可以通過繪制好二維，一套三維可以選擇外包完成。
對于UI設(shè)計師來說學(xué)習(xí)是有成本的，暫時并不是必備技能，如果喜歡完全可以學(xué)習(xí)，從設(shè)計差異化的角度來看三維視覺確實有一定的競爭力。
C4D三維場景動畫通過構(gòu)建實物和場景模擬生活中的現(xiàn)實場景，會讓用戶體驗真實感，三維軟件制作動效的最大優(yōu)勢是通過動力學(xué)和表達式來模擬真實感，未來在AR/VR領(lǐng)域會有更好的發(fā)展。相對于界面動效學(xué)習(xí)成本難度也相對較大。在三維動畫中C4D軟件對于域、動力學(xué)還是有一定的優(yōu)勢。
作者：水手哥。 來源：站酷網(wǎng)
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( m.b186.net )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。
以下是碳水Sir在App Store發(fā)現(xiàn)的幾款“寶貝”，之所以稱為“寶貝”是因為產(chǎn)品中可學(xué)到的東西太多了，每個產(chǎn)品視覺UI以及動效都有其獨特風(fēng)格（當(dāng)然網(wǎng)上也有別人總結(jié)過的產(chǎn)品，我這里就不拿出來重復(fù)說了）我僅針對未總結(jié)的大廠產(chǎn)品，進行設(shè)計細(xì)節(jié)拆解，看看優(yōu)秀的產(chǎn)品設(shè)計到底好在哪里，請君細(xì)細(xì)品味。
（淘寶 - 屋顏 - 一站式潮流家居平臺）
（字節(jié) - 抖音盒子 - 潮流時尚電商平臺）
（騰訊 - doX多克斯 - 生活碎片視頻社交）
（淘寶 - 吃貨筆記 - 記錄美食好生活）
（得物旗下 - 95分 - 奢潮二手平臺）
（騰訊 - PODO漫畫 - 獨特交互體驗漫畫閱讀平臺）
（荔枝 - 皮玩 - 語音社交平臺）
（陌陌 - 咔咔 - 實拍互動交友平臺）
排名不分先后，從以上幾款產(chǎn)品logo中不難看出，圖形設(shè)計都偏向于具像化，傳遞出正向的情緒，顏色方面使用熒光黃、青綠、漸變粉等凸顯年輕、大膽，富有朝氣。
第一眼看到這個名就有被驚艷。首先屋顏是屋檐的斜譯，檐變成顏，中華文字博大精深，讀起來也不違和，同時也直觀呈現(xiàn)出產(chǎn)品定位屬性。logo采用字體設(shè)計手法，“屋”字經(jīng)過設(shè)計手法使線條呈現(xiàn)出立體空間感，也間接體現(xiàn)出產(chǎn)品是和房屋軟裝相關(guān)，同時為屋內(nèi)添置“顏色”（軟裝）相關(guān)的產(chǎn)品。一個logo兩層含義，通過字體設(shè)計以及諧音表現(xiàn)，巧妙的融入其中。
直觀來看，頁面大量留白，圖片質(zhì)量高級且風(fēng)格統(tǒng)一，均采用素底作為產(chǎn)品首圖，很好的提升產(chǎn)品整體調(diào)性。
圖形方面均采用直角元素，配圖、banner、按鈕、icon無一例外；細(xì)線風(fēng)格設(shè)計使產(chǎn)品極具品質(zhì)感，有種無印良品的現(xiàn)代極簡主義風(fēng)潮。也叫MUJI風(fēng)。
瓷片區(qū)的配圖采用線性+2.5D風(fēng)格，使畫面富有空間層次，能撐住頁面頭部重要位置，且再次突出產(chǎn)品極簡主義風(fēng)格。當(dāng)然還有空狀態(tài)、無網(wǎng)絡(luò)環(huán)境下的配圖等等都很統(tǒng)一。
動效方面最值得關(guān)注的是下拉刷新，使用吊燈作為下拉效果，當(dāng)向下滑動時電線被拉扯長，但斷不了，給人以安全可靠的產(chǎn)品透傳，也算是通過創(chuàng)意設(shè)計助力產(chǎn)品體驗的手段之一。釋放刷新時，輪播不同的家居icon圖標(biāo)，再次強化定位產(chǎn)品屬性，且刷新時不至于乏味。
加載狀態(tài)采用+號線條旋轉(zhuǎn)表現(xiàn)，同時在結(jié)尾變成一個方形，這么極簡的設(shè)計之前其他產(chǎn)品從未出現(xiàn)過，同時它也符合屋顏的產(chǎn)品調(diào)性（新家軟裝要做加法，僅個人理解）也算是一個設(shè)計亮點。
最新穎的是產(chǎn)品特有的【3D實景逛店】功能，進一步強化家具與室內(nèi)的強相關(guān)性，為什么這么說，單從買家具上，線上買前只能靠照片來間接聯(lián)想買后填入家中的情況，并不能按照自己習(xí)慣多角度查看家具。又或者因為忙，沒時間去線下家具館，或者怕白去一趟，通過【3D實景逛店】快速解決這部分用戶需求。同時，也給線下家具館增加了更多曝光度的可能性。
至此，屋顏的設(shè)計細(xì)節(jié)講解就結(jié)束了，希望產(chǎn)品體驗越做越好。
抖音旗下的電商平臺，整體風(fēng)格清爽直觀，綠色與紫色搭配也是一種時尚風(fēng)。相比其他電商產(chǎn)品，抖音盒子沒有金剛區(qū)圖標(biāo)設(shè)計以及營銷類的占位圖，相反金剛區(qū)僅展示奢侈品實物圖，產(chǎn)品圖大小做了統(tǒng)一，視覺呈現(xiàn)很高級，同時下列瀑布流商品中首圖沒有活動促銷等信息干擾，只展示商品圖，突出其時尚潮牌好物的特性，同時也與當(dāng)前清爽、高級的設(shè)計風(fēng)格相一致。
幾處設(shè)計細(xì)節(jié)值得參考，首先是底部Tab欄點擊動效，承載抖音logo的故障風(fēng)效果，黑色+紫色故障效果一來告知與抖音具有相關(guān)聯(lián)性，是旗下電商產(chǎn)品；二來黑色Tab圖標(biāo)能很好的壓住“紫綠主色調(diào)”的跳躍感，不至于太過俏皮脫離電商屬性。
并且圖標(biāo)的整體性與統(tǒng)一性都做得很好，“小紅點”的設(shè)計采用品牌色“小紫點”呈現(xiàn)（小小的顏色改變），更加強化了產(chǎn)品風(fēng)格與調(diào)性的統(tǒng)一，（小紅點并不是只能用紅色）這點值得學(xué)習(xí)。
最后想告訴大家，產(chǎn)品在每個階段設(shè)計形式都會發(fā)生改變，比如1.0.1-1.0.2可能是輕微調(diào)整，1.0.0-2.0.0就是大的視覺升級。可能因為產(chǎn)品發(fā)展或用戶變化，使得產(chǎn)品設(shè)計風(fēng)格發(fā)生改變， 但要知道每個上線版本一定是當(dāng)前方案的最優(yōu)解。就如你看到的“抖音盒子”現(xiàn)在是1.9.0版本號，或許在不久的將來就會全新升級。這就不得而知了。
是一款短視頻社交平臺，與其他社交產(chǎn)品不同，doX主打短視頻內(nèi)容社交，用戶通過拍攝上傳有趣的短視頻內(nèi)容，來認(rèn)識志同道合的朋友。雖然與抖音同為短視頻平臺，但抖音更側(cè)重視頻分發(fā)，而doX側(cè)重于通過視頻與用戶建立聯(lián)系，一個視頻下可以跟拍多條，有點像qq以前的漂流瓶，只是換種呈現(xiàn)方式。這種陌生人視頻交友有一絲“探探”的味道。
設(shè)計上面單看logo以為會沿用手繪線稿類似的風(fēng)格。整體使用下來，僅在我的頁面頂部背景中用到，其余均采用斷線像素風(fēng)icon設(shè)計，綠+白的設(shè)計風(fēng)格，可能也是為了營造出一種陌生人交友的科幻感覺吧。
發(fā)起拍攝頁，背景會有噪點動效，也是營造一種拍攝前無鏡頭的感覺，引導(dǎo)用戶隨手記錄。
最后產(chǎn)品的切入方向很新穎，但是否能在短視頻風(fēng)口分出一杯羹就不知道了，但目前來說整體設(shè)計風(fēng)格框架已搭建起來，剩下的就是不斷填補及完善設(shè)計，使其更加統(tǒng)一，希望doX越來越好。
第一次接觸“吃貨筆記”就被頁面整體設(shè)計風(fēng)格吸引。粗線圖標(biāo)+擬物圖標(biāo)形式空前新潮，給人眼前一亮的感覺。它類似于“大眾點評”，是個寶藏探店美食分享的平臺。通過線上探店選擇報名-自行到店-發(fā)表動態(tài)-上傳票據(jù)-提取飯票，來獲得優(yōu)惠消費的同時提高平臺UGC內(nèi)容的產(chǎn)出。可惜的是目前僅支持【廣州】店鋪（可能是先做小范圍本土化嘗試然后再逐漸擴大地域），外地用戶只能看看界面并不能真實使用，這點很遺憾。
動態(tài)布局也很有創(chuàng)意，第一張大圖，其他小圖呈現(xiàn)，五宮格的樣式使布局統(tǒng)一，且更好突出第一張圖的主視覺層級。
如今本地餐飲服務(wù)平臺已經(jīng)做得很好了，“吃貨筆記”在嘗試從優(yōu)化福利流程、視覺表現(xiàn)、設(shè)計手法等多維度探索新的操作形式，這種身先士卒的精神值得尊敬，單說設(shè)計表現(xiàn)的細(xì)致，就以超過了大部分產(chǎn)品。當(dāng)然，每一款好的產(chǎn)品離不開設(shè)計，更離不開產(chǎn)品功能是否真實滿足用戶需求，讓用戶使用輕松、解決需求后是否帶來爽點。
圖標(biāo)用色很鮮明，均采用3D質(zhì)感表現(xiàn)形式，能看出設(shè)計上面下了很多功夫。底部Tab欄選中圖標(biāo)也采用3D質(zhì)感表現(xiàn)，與金剛區(qū)和空狀態(tài)圖標(biāo)形成呼應(yīng)，增強產(chǎn)品風(fēng)格記憶點。產(chǎn)品目前的評論和下載量都不像沒推過一樣，可能產(chǎn)品分享度不高導(dǎo)致很多一部分人不知道，所以增加徽章模塊評價打卡獲得獎勵，并以此成就來滿足用戶心里預(yù)期，從而增加使用黏性和傳播分享。
最后這款產(chǎn)品設(shè)計表現(xiàn)都特別出眾，通過空狀態(tài)文案等內(nèi)容也能看出產(chǎn)品的個性特征。例如：“蝦米都沒有，快看看其他的”，還有很多小的設(shè)計細(xì)節(jié)，這里就不一一說了，大伙兒自行下載體驗一下吧。
95分是得物旗下的分離出來的全新App，主打潮流閑置交易平臺，而得物定位是新一代潮流網(wǎng)購電商，兩者還是有所區(qū)別。但從UI設(shè)計角度，還是能看到得物的影子，潮流前線，并且整體風(fēng)格時尚統(tǒng)一，很多細(xì)節(jié)值得在這里展開說說。
整個設(shè)計清爽直觀、沒有多余裝飾元素，這就要求圖標(biāo)必須做到極致，才能撐住整個頁面。我羅列了一下可能出現(xiàn)的圖標(biāo)，輕質(zhì)感毛玻璃效果，結(jié)合統(tǒng)一的漸變元素使得每個圖標(biāo)都精致耐看，值得研究。線性圖標(biāo)也是一樣，整體配套，這套圖標(biāo)應(yīng)該下了不少功夫。
在二手平臺存量競爭的時代，能有一款產(chǎn)品嘗試新的設(shè)計風(fēng)格，并且把近幾年火起來的毛玻璃風(fēng)格相融合，這種走在設(shè)計前線的作風(fēng)與95分產(chǎn)品潮流前線的調(diào)性一致，單說設(shè)計嘗試這種做法就已經(jīng)超越了大多數(shù)產(chǎn)品了。
毫不夸張，這款產(chǎn)品打開了我對交互表現(xiàn)與實現(xiàn)的新認(rèn)知。我看了一下最早發(fā)布是去年9月27日，到目前為止短短8個月時間，就能讓PODO這款產(chǎn)品的交互設(shè)計做到如此優(yōu)秀，背后依靠騰訊，也有游戲元素的影子，這就不足為奇了。
使用下來基本沒有太多圖標(biāo)元素，更多是把屏幕空間分給了動漫封面，一行三個動漫排列，背景與主體人物分開，滑動時二者在空間層進行錯位，營造一種錯層的空間感，使原本扁平的圖像瞬間立體了許多很是新奇。
點開動漫詳情，圖文信息依次從上到下展開，引導(dǎo)用戶視覺享受，并且頭圖中的動漫人物也做了動效設(shè)計，全覽下來很是細(xì)致。除此之外，還有三個明顯的交互細(xì)節(jié)，分別是：設(shè)置頁展開交互、閱讀頁底部導(dǎo)航交互以及目錄頁的交互樣式，都以新的表現(xiàn)形式呈現(xiàn)出來，作為設(shè)計師的我們現(xiàn)在不能再說：“設(shè)計已經(jīng)玩不出新的花樣”這樣的說法了。
太多的交互動效就不一一列舉了，趕緊收入囊中吧！
通過了解得知“皮玩”是荔枝App旗下控股產(chǎn)品，同樣也在入局陌生人社交領(lǐng)域。但值得注意的是該產(chǎn)品上線1個月，內(nèi)部框架及UI界面已相對完整，卡片、插圖、動效、圖標(biāo)、以及一些趣味設(shè)計都已上線，應(yīng)該是一個成熟團隊孵化的項目，上線前的測試應(yīng)該沒少下功夫，才能在產(chǎn)品初期做的如此完善。logo采用漸變黃底+吐舌頭表情相結(jié)合，搞怪趣味要用嘴說話這樣的印象。定位：更好玩的語音社交算說得過去 。
初次體驗，第一感受就是采用貼紙風(fēng)的設(shè)計元素，icon與元素都具有較強的設(shè)計感，飽和度較低的配色加上白色描邊，就如產(chǎn)品說的“玩一下、皮一下”相呼應(yīng)，產(chǎn)品的整體顏色采用漸變黃和漸變綠，配色很大膽，同時體現(xiàn)出該產(chǎn)品用戶所代表的具有興趣多元化、喜歡嘗鮮這樣一個群體。同時產(chǎn)品也是想通過這種設(shè)計吸引用戶使用。
產(chǎn)品中處處都能看到微動效，使靜態(tài)的畫面變得活潑許多，這種做法也是為了給用戶營造一種活躍的氛圍，增加平臺活躍度。
咔咔是陌陌孵化的一款社交產(chǎn)品，最近發(fā)現(xiàn)一些大廠旗下產(chǎn)品都在獨立運營，目的也是為了和主產(chǎn)品脫離關(guān)系，防止激烈競爭導(dǎo)致產(chǎn)品停止運營。年前很火的“啫喱”想必就是吃虧在這方面?；貧w正題，首頁是以視頻為主圖片為輔的瀑布流形式呈現(xiàn)，停到某一位置則直接循環(huán)播放該視頻，排版方式極具新穎，當(dāng)體驗下來眼球左右移動總是會打斷我信息的獲取，有點強制引導(dǎo)用戶看大圖視頻內(nèi)容的感受。點開則可以與對方進行互動點贊評論。
看看模塊，采用類似“探探”卡片交互左滑不喜歡右滑喜歡來讓用戶進行操作，但與“探探”不同的是此互動是開放的，用戶選擇滿意的動態(tài)內(nèi)容添加到卡片后，陌生人可看到展示內(nèi)容，并且她被多少人喜歡都會展示出來，相當(dāng)于是個人名片，有種抖音+探探的味道。并不具有一對一的個人隱私性，這是與探探最直接的區(qū)別。
看看模塊中，“打招呼”是與對方建立私聊的唯一方式，如果該用戶已關(guān)注但未打招呼，把卡片劃走，那再也不能與對方建立私聊，除非對方通過“看看”模塊與你打招呼。這個產(chǎn)品細(xì)節(jié)很容易因為用戶不理解或者手滑就無法與上個用戶進行“打招呼”私信，且私信功能僅在觸發(fā)“打招呼”后才能交流，入口少、且不易理解，不知道是產(chǎn)品經(jīng)理的有意為之還是被遺漏掉的地方。
消息頁的添加入口，用折疊手法展示，降低頻繁跳頁的割裂感，同時縮起時也不會占用消息列表。
消息列表是通過“打招呼”保存下的私密消息，聊天形式極具特色，黑色背景加上紅紫漸變列表有種夜店嗨皮的即視感觀，這里就不過多評價，大家領(lǐng)悟吧。
設(shè)計中還值得關(guān)注一點，就是個人主頁中的個性標(biāo)簽，我羅列出22個，當(dāng)用戶發(fā)表三個同類動態(tài)即可點亮一個標(biāo)簽，此標(biāo)簽也會代替文字描述承載動態(tài)內(nèi)容的作用，用戶選擇已點亮 的icon即展示對應(yīng)標(biāo)簽內(nèi)容了，相當(dāng)于動態(tài)中的標(biāo)簽分類，但前提發(fā)表動態(tài)時選擇對應(yīng)你標(biāo)簽，不然發(fā)表后的動態(tài)不能二次修改。這種通過標(biāo)簽點亮的功能也是為了讓用戶UGC內(nèi)容更加多元化，同時也想通過標(biāo)簽來吸引用戶多多發(fā)動態(tài)的。創(chuàng)意點是好的，但是否能達到好的效果，還是要拭目以待。
相比其他產(chǎn)品，咔咔是我一直關(guān)注的產(chǎn)品，同時也是特別喜歡的產(chǎn)品之一，所以我分享給你們。
設(shè)計師要有發(fā)現(xiàn)美的眼睛。美不僅是視覺，還有好的體驗流程。不要讓用戶思考，這是每個設(shè)計師所追求的。
認(rèn)真記錄產(chǎn)品細(xì)節(jié)，了解背后的思考，也是不斷提升自己邏輯思維和表達能力的一種方式。
本期產(chǎn)品細(xì)節(jié)分析結(jié)束，點擊原文鏈接查看更多，我們下期再見！
作者：碳水Sir；公眾號：草蓉三石
作者：碳水sir
鏈接：https://www.zcool.com.cn/article/ZMTQwMzM4OA==.html
來源：站酷
藍藍設(shè)計( m.b186.net )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
在講開源設(shè)計前，我們或許可以先講講開源一詞是指什么。
開源全稱開放源代碼，開源軟件最大的特點是開放，也就是任何人都可以得到軟件的源代碼，加以修改學(xué)習(xí)，甚至重新發(fā)放，當(dāng)然是在版權(quán)限制范圍之內(nèi)。雖然開源一詞最初是為軟件開發(fā)而創(chuàng)造的，但現(xiàn)如今開源所涉及的領(lǐng)域也極其廣闊，并不只是包括軟件領(lǐng)域，如醫(yī)藥領(lǐng)域的藥物開發(fā)開源、文化領(lǐng)域的書籍到期開源等等所以開源設(shè)計已包含了更廣泛的含義，它包括了由任何人或者團隊自由共享、協(xié)作的設(shè)計方案、項目、產(chǎn)品。
我們來看幾個大型開源的設(shè)計了解一下~
Ant Design
阿里的開源系統(tǒng)后臺組件庫
https://ant.design
百度推出的開源圖表
https://echarts.apache.org/
全球知名圖片開源平臺
https://unsplash.com
免費（大部分是）：開源設(shè)計的一個關(guān)鍵要素是它們通常（但不總是！）免費。這是一個重要因素，因為閉源設(shè)計通常需要花費不菲的價格或者冒著侵犯版權(quán)的風(fēng)險去使用。
思想碰撞：更多的設(shè)計師或者創(chuàng)意愛好者共同為一個創(chuàng)意提出自己的見解和再設(shè)計。
設(shè)計開源領(lǐng)域廣闊：設(shè)計開源領(lǐng)域也幾乎涵蓋了所有的設(shè)計和創(chuàng)意領(lǐng)域如平面設(shè)計、三維設(shè)計、用戶體驗設(shè)計、環(huán)境設(shè)計、建筑設(shè)計、服裝設(shè)計、插畫、動畫設(shè)計等等
但是許多人可能會有一個疑問，開源設(shè)計和以往的素材網(wǎng)站或者源文件售賣網(wǎng)站有什么區(qū)別呢？
在我看來，開源網(wǎng)站與傳統(tǒng)售賣設(shè)計資源的網(wǎng)站最大的區(qū)別是開放與共建，以figma的社區(qū)為例，作者發(fā)布作品后，任何人都可以對其作品進行redesign甚至remix，這極大的提高了設(shè)計師的興趣，每個人都希望自己的作品能被他人看到，也希望自己的創(chuàng)意能與他人的創(chuàng)意進行更好的結(jié)合，這是一個多么美好的場景。而傳統(tǒng)網(wǎng)站只是冷冰冰的展示文件售賣資源，缺少了設(shè)計中的靈魂。
那說了這么多，開源設(shè)計到底有哪些優(yōu)勢呢？
提升設(shè)計效率：設(shè)計師不應(yīng)花費時間去解決別人已經(jīng)解決的問題，比如當(dāng)我設(shè)計一個新項目時，無需從零開始設(shè)計系統(tǒng)組件，可以直接使用Ant Design、Ant Mobile Design等現(xiàn)有組件庫。
增加學(xué)習(xí)機會：通過開源社區(qū)，設(shè)計人員可以從其他人所做的項目中學(xué)習(xí)，并與專業(yè)人員交流經(jīng)驗。
提高設(shè)計質(zhì)量：設(shè)計師自己看本人作品時，往往是身在其中不知如何下手，而將作品發(fā)布到更廣泛的社區(qū)有助于設(shè)計師獲得有價值的反饋以改進他們的作品。
提升品牌價值：對設(shè)計開源后，公司品牌能在某些領(lǐng)域內(nèi)獲得傳播，提升品牌價值。并且在招募人才時也能成為有吸引力的一項條件。
提升個人價值：一個設(shè)計師想要提升個人價值和影響力，可以用開源作品來在行業(yè)內(nèi)獲得一定口碑，甚至直接將用戶流量轉(zhuǎn)化為訂單，或許是更簡單且容易的事情。
從這些優(yōu)勢中不難發(fā)現(xiàn)，在開源生態(tài)中，我們的作品不再是一座孤島，通過互聯(lián)網(wǎng)，我們的作品可以和任何人進行鏈接并且產(chǎn)生共鳴，提升品牌和個人的價值，所以每個人都值得感受開源的美好。
但開源的同時不可避免的會帶來許多新的問題和挑戰(zhàn)，讓我們一起來看一下。
知識產(chǎn)權(quán)問題：在開源社區(qū)中，設(shè)計師可能不清楚其創(chuàng)作的知識產(chǎn)權(quán)。因此，他們可能會不自知地侵犯其他設(shè)計師的知識產(chǎn)權(quán)。
設(shè)計門檻問題：設(shè)計開源意味著設(shè)計師的門檻變低，任何人都可以隨意使用開源的設(shè)計項目，導(dǎo)致設(shè)計師不再愿意花心血創(chuàng)作。
設(shè)計師競爭力下降：開源設(shè)計意味著普通的設(shè)計內(nèi)容已不需要單獨的設(shè)計師來完成，頂尖設(shè)計師的機會會更多，而普通設(shè)計師的競爭力會明顯下降。
隨著這些挑戰(zhàn)的來臨，如何更好的面對設(shè)計領(lǐng)域的開源是值得深思的問題，既要保護設(shè)計師的自身利益，也要讓設(shè)計行業(yè)在開放、共享的環(huán)境下?lián)肀ё兏?，所以在未來的道路上，我們每個人都可以嘗試用自身的方法去探索未來，讓每個人都能成為時代浪潮中的一朵浪花。
藍藍設(shè)計的小編 http://m.b186.net