壹周速讀：B端設(shè)計(jì)干貨超全大合集

很多從事 UI 設(shè)計(jì)的同學(xué)，應(yīng)該已經(jīng)清晰地感覺到整個(gè)領(lǐng)域向B端傾斜的趨勢(shì)了，尤其是在 2020 年整年的疫情催化之下，更加明顯。這次的小專題就是關(guān)于如何搞定B端設(shè)計(jì)的：

搞定B端設(shè)計(jì)

過去一年 COVID-19 肆虐全球，封鎖與隔離使我們與數(shù)字世界的互動(dòng)方式發(fā)生了巨變，這使得我們?cè)跀?shù)字世界的時(shí)間變得更長(zhǎng)了，我們思考與互動(dòng)的方式也產(chǎn)生了變化，新冠病毒的爆發(fā)也為 2021 年的設(shè)計(jì)趨勢(shì)帶來了新的思考。本文主要整理了 2021 年的設(shè)計(jì)趨勢(shì)與思考，主要為 ToB 方向：

前兩個(gè)問題百度一下就可以知道，我就不多說了，重點(diǎn)說說最后一個(gè)：B 端如今還有什么機(jī)會(huì)留給設(shè)計(jì)師們發(fā)揮的空間么？當(dāng)然有。從目前來，B端產(chǎn)品 C 端化是一個(gè)明顯的大趨勢(shì)，具體設(shè)計(jì)師要怎么應(yīng)對(duì)呢？看這里：

隨著大數(shù)據(jù)的興起，數(shù)據(jù)價(jià)值的不斷挖掘，圖表作為數(shù)據(jù)呈現(xiàn)與分析的有效手段，正扮演著越來越重要的角色。我們?cè)谶M(jìn)行 B 端平臺(tái)設(shè)計(jì)時(shí)也在思考：如何讓圖表清晰的傳達(dá)信息，同時(shí)帶來美觀的視覺感受。那么 B 端平臺(tái)的圖表設(shè)計(jì)常見的思路和方法有哪些呢？看這里：

復(fù)雜應(yīng)用大多情況下是偏專業(yè)和B端的一些UI界面，它們大多出現(xiàn)在桌面端使用環(huán)境，并且終端用戶類型多樣，涉及流程、鏈條、業(yè)務(wù)也大多呈現(xiàn)出多變復(fù)雜的特征。這篇文章，來自UX設(shè)計(jì)領(lǐng)域的頂級(jí)存在NNGroup，作者為凱特·卡普蘭：

在B端的設(shè)計(jì)中，用戶畫像的建立一直困擾著廣大設(shè)計(jì)師朋友們，由于對(duì)于業(yè)務(wù)的不熟悉、對(duì)建立目的的不明確，經(jīng)常會(huì)采用無腦硬套C端用戶畫像、刻意為建立畫像而畫像、過于追求畫像廣度而不注重深度這樣的方式來進(jìn)行用戶畫像的勾勒。這篇文章就來討論如何更為精準(zhǔn)地建立B端用戶畫像，從而能更好的為你的設(shè)計(jì)進(jìn)行決策，為產(chǎn)品打下優(yōu)良的準(zhǔn)備基礎(chǔ)：

增長(zhǎng)設(shè)計(jì)，顧名思義，即通過設(shè)計(jì)來促進(jìn)增長(zhǎng)。對(duì)于 C 類產(chǎn)品的增長(zhǎng)，方法和渠道較為多樣，設(shè)計(jì)師能夠發(fā)揮的空間和價(jià)值也比較大，我們看到的增長(zhǎng)設(shè)計(jì)案例通常也都是以 2C 產(chǎn)品的為主。而 B 類產(chǎn)品的增長(zhǎng)設(shè)計(jì)則受限較多，這篇文章會(huì)以增長(zhǎng)漏斗 ARAAR 模型為線索，分享 B 類產(chǎn)品增長(zhǎng)設(shè)計(jì)的通用模式和行業(yè)案例：

UI·產(chǎn)品

2020 年，新冠疫情席卷全球，后疫情時(shí)代的需求也促使設(shè)計(jì)師們不斷提出更有意義的醫(yī)療解決方案。這篇文章梳理了醫(yī)療保健類 APP 的類型，從產(chǎn)品的研究、功能特性、導(dǎo)航、顏色等角度提出了針對(duì)醫(yī)療保健 APP 的一系列設(shè)計(jì)建議，簡(jiǎn)單直觀的界面、便捷的功能，以及積極的情感，才能使用戶接受并喜歡原本「令人生畏」 的醫(yī)療產(chǎn)品：

完美，不是因?yàn)闆]有什么可以增加，而是沒有什么可以減少。創(chuàng)建美觀、可用和高效的 UI 界面需要花費(fèi)時(shí)間進(jìn)行設(shè)計(jì)細(xì)節(jié)的打磨，這篇來自設(shè)計(jì)師「印跡」的文章，從視覺和情感化設(shè)計(jì)兩個(gè)方面來說說如何提升 UI 設(shè)計(jì)的高級(jí)感：

設(shè)計(jì)評(píng)審是設(shè)計(jì)師完成方案后，召集項(xiàng)目相關(guān)人員進(jìn)行集中確認(rèn)的會(huì)議，也是保障視覺、開發(fā)、測(cè)試等后續(xù)環(huán)節(jié)順利進(jìn)行的重要環(huán)節(jié)。如何有效應(yīng)對(duì)及解決評(píng)審會(huì)上遭到的各種質(zhì)疑和挑戰(zhàn)，來看看京東設(shè)計(jì)師的實(shí)戰(zhàn)經(jīng)驗(yàn)總結(jié)：

從 12 月 16 日知乎發(fā)布了《我的知乎十年歷》開始，一年一度的賬單時(shí)刻拉開了大幕。今日頭條、高德、網(wǎng)易云音樂、QQ 音樂、支付寶等都發(fā)布了自己的年度賬單或報(bào)告。「子牧UED」 的這篇文章橫向?qū)Ρ攘耸畮追菽甓葓?bào)告之后，總結(jié)了 5 個(gè)設(shè)計(jì)方向：

神器·干貨

設(shè)計(jì)師們?cè)谧鲈O(shè)計(jì)的時(shí)候通常會(huì)有大量的圖片素材庫作為設(shè)計(jì)參考，但是我們經(jīng)常發(fā)現(xiàn)明明收集了很多資料，在要用的時(shí)候卻找不到。于是發(fā)現(xiàn)往往收集的網(wǎng)站使用效率很低。一般遇到這種情況會(huì)覺得覺得自己資料庫不夠全面，每次畫作品的時(shí)候可能都需要根據(jù)畫面去收集一批新的素材。風(fēng)尾竹的這篇文章梳理了他日常設(shè)計(jì)用到的優(yōu)質(zhì)素材網(wǎng)站，幫你解決參考和素材來源的問題：

Icons8 是一家技術(shù)力超強(qiáng)的公司，如果你覺得它只是提供免費(fèi)素材的網(wǎng)站那就大錯(cuò)特錯(cuò)了！舉例來說，之前介紹過的 Smart Upscaler 就能使用 AI 技術(shù)將較小、分辨率不夠的圖片放大增強(qiáng)，又不會(huì)出現(xiàn)失真或模糊的問題，而現(xiàn)在更是推出了超強(qiáng)的AI 摳圖神器 Background Remover：

設(shè)計(jì)師們?cè)谑褂?Sketch 做設(shè)計(jì)稿時(shí)，視覺標(biāo)注、視覺驗(yàn)收的時(shí)候，是不是經(jīng)常會(huì)碰到諸如 padding 無法精確還原視覺間距標(biāo)注、想一次設(shè)計(jì)卻可以輸出兩大平臺(tái)的標(biāo)注 這樣的問題？很簡(jiǎn)單，用一個(gè)插件解決問題：

平面·視覺

色彩是影響用戶最簡(jiǎn)單和最重要的一個(gè)因素。研究表明，人們只需 90 秒就能對(duì)一種產(chǎn)品做出下意識(shí)的判斷，而其中高達(dá) 60%以上的判斷僅基于顏色。因此，選擇合適的顏色對(duì)于改進(jìn)產(chǎn)品的轉(zhuǎn)換率和提高產(chǎn)品的可用性是非常有用的。在沒有文字的場(chǎng)景中，顏色的搭配非常重要。如何配色可以使設(shè)計(jì)感更強(qiáng)，如何配色更好看，哪些配色不好看，解決這些問題就需要學(xué)習(xí)色彩理論：

相信大家都碰到過這樣的情況：有時(shí)候總感覺使用普通的字庫字體表現(xiàn)力不夠，完全進(jìn)行字體設(shè)計(jì)又費(fèi)時(shí)費(fèi)力。其實(shí)這時(shí)候，我們完全可以采取一些相對(duì)簡(jiǎn)單又容易出效果的方法，而筆畫置換法就是其中一種。使用這種手法，我們可以通過現(xiàn)成的字庫字體來完成創(chuàng)作。即便沒有成熟的字體設(shè)計(jì)技能，仍然具備很強(qiáng)的可操作性：

這篇文章來自「做設(shè)計(jì)的面條」，她希望通過這篇文章，從本質(zhì)上幫助大家理解為什么我們需要設(shè)計(jì)詳情頁，怎么設(shè)計(jì)出合適的詳情頁，并幫大家總結(jié)了一些常見的在詳情頁設(shè)計(jì)方面經(jīng)常會(huì)遇到的問題，順便帶大家欣賞一些優(yōu)秀的詳情頁，了解它們所具備的特質(zhì)：

設(shè)計(jì)師職場(chǎng)

有很多設(shè)計(jì)師已經(jīng)工作幾年了，其實(shí)依舊不太清楚作品集到底是什么，長(zhǎng)什么樣，對(duì)于設(shè)計(jì)師的意義。所以我們要在第一部分進(jìn)行解釋，幫助大家建立出明確的概念。

又快年終述職了，事關(guān)重大，但多鐵汁不知道怎么有效起手，所以作為曾經(jīng)拿過 S 和 A 的大廠老司機(jī) Nana 就來給大家分享有效的決勝秘籍了。所有的演說類（年終述職、面試、晉升述職）思路都是通用的，甚至整體排版的思路和節(jié)奏也是通用的，在這篇文章里，就給大家分模塊細(xì)說：

剛畢業(yè)是進(jìn)大公司還是小公司，之前看到有些小伙伴討論過這個(gè)話題。對(duì)于家里沒礦，背景一般的同學(xué)，肯定是優(yōu)先進(jìn)大廠的。但是，更多的同學(xué)就是普通人，學(xué)歷一般，履歷也一般，沒做過啥厲害的項(xiàng)目，那么要如何升級(jí)自己，抵達(dá)這個(gè)目標(biāo)呢？彩云這篇文章就帶大家了解如何做到這一點(diǎn)：