如何快速入門/轉(zhuǎn)行B端UI設(shè)計(jì)

作為一位擁有著海量豐富的新手踩坑經(jīng)驗(yàn)的UI設(shè)計(jì)講師，平時(shí)收到最多的問題一定是：如何開始學(xué)習(xí)UI設(shè)計(jì)、如何入門并找到理想的UI設(shè)計(jì)工作？

那么為了幫助大家更高效的學(xué)習(xí)B端UI設(shè)計(jì)，我給大家整理了「一步到位·巧妙避坑」的B端設(shè)計(jì)學(xué)習(xí)路徑，讓大家，跟著學(xué)就對(duì)了！

B端設(shè)計(jì)學(xué)習(xí)路線推薦

第一步：B端基礎(chǔ)知識(shí)掃盲

首先將B端基礎(chǔ)原子核課程中?1.1 - 1.3 節(jié)課看完，對(duì)B端行業(yè)和B端設(shè)計(jì)整體有個(gè)大致的理解，并且提前搞清楚自己之后的工作內(nèi)容都是什么。

這一步是開始學(xué)習(xí)B端設(shè)計(jì)的基礎(chǔ)，并且也是確定自己是否愿意從事這個(gè)行業(yè)的意愿調(diào)研～

• 1.1 B端是什么？和C端有什么區(qū)別

• 1.2 完整走一遍B端項(xiàng)目流程

• 1.3 B端產(chǎn)品經(jīng)理介紹，PM都在做什么？

跳轉(zhuǎn)課程鏈接：

第二步：B端軟件學(xué)習(xí)入門

下面就是軟件學(xué)習(xí)內(nèi)容了，B端入門設(shè)計(jì)軟件我這邊還是推薦即時(shí)設(shè)計(jì)或者Figma進(jìn)行學(xué)習(xí)，效率高且目前已經(jīng)越來(lái)越多的公司使用這類專門的UI設(shè)計(jì)軟件了。

所以，首要任務(wù)是用熟其一的UI設(shè)計(jì)軟件，并且用熟其中一個(gè)軟件后你就會(huì)發(fā)現(xiàn)其他的設(shè)計(jì)軟件也就很快上手了。

跳轉(zhuǎn)課程鏈接：

第三步：B端基礎(chǔ)設(shè)計(jì)學(xué)習(xí)

接下來(lái)就是B端基礎(chǔ)知識(shí)的學(xué)習(xí)了，將原子核課程中的 2.1 - 3.7 小節(jié)全部學(xué)習(xí)完成，可以讓你掌握最基礎(chǔ)最常識(shí)類的B端工作內(nèi)容?？梢灾v的是，這部分內(nèi)容的難度不大基本有手就會(huì)，但是是B端入門的必備基礎(chǔ)課。

• 2.1 立刻搞懂B端畫布尺寸怎么定

• 2.2 B端框架的布局方式

• 2.3 B端網(wǎng)頁(yè)的響應(yīng)式設(shè)計(jì)和柵格系統(tǒng)詳解

• 2.4?如何正確使用開源框架

• 2.5 B端字體的基礎(chǔ)應(yīng)用

• 2.6 B端圖標(biāo)的基本規(guī)范

• ......

• 3.1 B端控件 - 按鈕/標(biāo)簽設(shè)計(jì)

• 3.2 B端控件 - 輸入框設(shè)計(jì)

• ......

跳轉(zhuǎn)課程鏈接：

第四步：B端設(shè)計(jì)規(guī)范搭建

進(jìn)入下一步，快速入門掌握B端設(shè)計(jì)規(guī)范，我已經(jīng)將B端設(shè)計(jì)規(guī)范，從基本認(rèn)識(shí)到全流程搭建都已經(jīng)毫不留私的傳授給大家了，不管是新手還是已經(jīng)工作的B端同學(xué)都可以在這套課程中學(xué)到真實(shí)有用的設(shè)計(jì)規(guī)范知識(shí)。

跳轉(zhuǎn)課程鏈接：

第五步：B端組件設(shè)計(jì)搭建

每節(jié)一個(gè)重要的B端組件設(shè)計(jì)，讓你設(shè)計(jì)出個(gè)性化，更符合實(shí)際工作要求的組件元素，這套課程對(duì)于在職B端設(shè)計(jì)師必不可少，大家一定要記得看完～

跳轉(zhuǎn)課程鏈接：

第六步：B端實(shí)戰(zhàn)項(xiàng)目設(shè)計(jì)

在以上的知識(shí)全部學(xué)習(xí)完成后，我們就要進(jìn)入項(xiàng)目演練的實(shí)戰(zhàn)案例了。在原子核課程的 5.2 - 5.4 小節(jié)課程中，我分別將兩個(gè)線上實(shí)際案例「有贊后臺(tái)」+「泛微后臺(tái)」進(jìn)行解析優(yōu)化，從框架搭建到細(xì)節(jié)完善，盡可能給大家真實(shí)的改版優(yōu)化場(chǎng)景。

• 5.2 改版案例 - 有贊后臺(tái)首頁(yè)優(yōu)化

• 5.4 改版案例 - 泛微人事后臺(tái)頁(yè)面設(shè)計(jì)優(yōu)化

跳轉(zhuǎn)課程鏈接：

第七步：B端設(shè)計(jì)知識(shí)拓展

那么在前期的B端設(shè)計(jì)知識(shí)的基本掌握后，你要學(xué)習(xí)的遠(yuǎn)遠(yuǎn)不止這些，下面我羅列了幾個(gè)B端設(shè)計(jì)師應(yīng)該必備的工作技能，大家可以在掌握了前面所有內(nèi)容后開始學(xué)習(xí)。

1.?前端知識(shí)

2.?網(wǎng)頁(yè)設(shè)計(jì)

3.?圖標(biāo)設(shè)計(jì)

請(qǐng)記得：B端學(xué)習(xí)的邊界遠(yuǎn)不止于此，甚至我以上羅列的所有課程知識(shí)都僅僅只是最初級(jí)、最基礎(chǔ)的知識(shí)而已。

如果大家想要進(jìn)入B端行業(yè)，并在自己的工作中更專業(yè)且游刃有余，我這邊還是真心推薦下自己的正課「B端產(chǎn)品設(shè)計(jì)全能班」直播課程了。

那么，以上就是目前羅列的B端學(xué)習(xí)課程地圖，后續(xù)我還會(huì)將自己寫過的文章進(jìn)行匯總，整理出一份圖文版學(xué)習(xí)路線，大家可以點(diǎn)贊期待一下了。