（最新）B端設(shè)計(jì)資料參考綜合學(xué)習(xí)網(wǎng)站

時(shí)間：2023-06-02 15:03:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-06-02 15:03:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

（最新）B端設(shè)計(jì)資料參考綜合學(xué)習(xí)網(wǎng)站：部分網(wǎng)站需要科學(xué)上網(wǎng)

超實(shí)用B端及可視化產(chǎn)品設(shè)計(jì)師平臺(tái)：Tob Design - 超實(shí)用B端及可視化產(chǎn)品設(shè)計(jì)師平臺(tái)

B端設(shè)計(jì)規(guī)范：設(shè)計(jì)規(guī)范-作者六萬(wàn)


B端LED發(fā)光字體下載，數(shù)據(jù)可視化常用（字體不可商用）：LED字體下載

國(guó)外炫酷網(wǎng)站設(shè)計(jì)和技術(shù)都一流："We the Fans" Documentary Official Site - ESPN


日本科技感網(wǎng)站，純炫技，可視化學(xué)習(xí)很不錯(cuò)資料：NewsTech Inc.

國(guó)外非常好看的B端高質(zhì)量設(shè)計(jì)模板，里面有很多在線演示的示例：http://eliteadmin.themedesig

基于BootStarp高質(zhì)量模板：Bootstrap Templates on WrapBootstrap

國(guó)外B端學(xué)習(xí)整套B端高質(zhì)量模板：Angle - Bootstrap Admin Template

里面有很多套B端模板：React themes & templates | Material-UI Store

國(guó)外高質(zhì)量B端模板，點(diǎn)擊livepreview有具體示例：Free Bootstrap Admin Templates · CoreUI

一整套前端框架，值得UI設(shè)計(jì)師學(xué)習(xí)的規(guī)范：Semantic UI

很多在線出售的模板，代碼都寫好了，學(xué)習(xí)借鑒的好去處：https://themeforest.net/category/site-templates/ad...

三維數(shù)據(jù)可視化，這個(gè)公司產(chǎn)品讓我很驚艷 ：圖撲軟件 - 構(gòu)建先進(jìn) 2D 和 3D 可視化所需要的一切

NASA用一個(gè)小車探索月球，未來(lái)數(shù)據(jù)可視化像玩游戲 ：JPL's Open Source Build-It-Yourself Rover




效果很騷的數(shù)據(jù)可視化，超級(jí)帶感的炫酷地球：LAUNCH IT - Book Locations

設(shè)計(jì)規(guī)范不會(huì)做，看看外國(guó)人全套商業(yè)規(guī)范：https://framesforsketch.com/

阿里巴巴數(shù)據(jù)可視化案例，點(diǎn)擊[預(yù)覽]有做好的成品：https://www.aliyun.com/activity/intelligent/datav-...




上傳本地?cái)?shù)據(jù)，生成炫酷可視化效果：https://kepler.gl/




國(guó)內(nèi)外地圖數(shù)據(jù)下載，有json還有svg的格式：http://img.hcharts.cn/mapdata/


國(guó)外FUI網(wǎng)站、里面有相關(guān)采訪、制作思路、界面設(shè)計(jì)等等：https://www.pushing-pixels.org/fui/




體驗(yàn)設(shè)計(jì)手冊(cè)，涵蓋所有B端設(shè)計(jì)流程中用到的用研、產(chǎn)品、交互、視覺(jué)、協(xié)作知識(shí)：https://www.yuque.com/meifangmia/zwcdgs


B端產(chǎn)品必備常識(shí)：

https://www.yuque.com/lianjiaxiansheng/ggtpzd/wf41...




灰大設(shè)計(jì)內(nèi)容板塊 ：

https://www.pslkzs.com/ui/ui.php




Antv螞蟻數(shù)據(jù)可視化：

https://antv.vision/zh




后臺(tái)網(wǎng)站

https://themehunt.com/

https://echarts.apache.org/zh/index.html

https://themeforest.net/category/site-templates/ad...


后臺(tái)頁(yè)面參考網(wǎng)站

https://huaban.com/boards/291013/

https://preview.pro.ant.design/dashboard/analysis

https://ant.design/docs/react/introduce-cn

https://ant.design/index-cn

http://www.10oa.com/v8/function.htm







柵格計(jì)算工具

灰大柵格計(jì)算工具：https://www.pslkzs.com/nav/column.php

grid.guide：http://grid.guide/




網(wǎng)頁(yè)柵格系統(tǒng)到底應(yīng)該怎么用：https://mp.weixin.qq.com/s/VJNHJ_WDttc0PwB0LQZ6fA




適用B端圖表、表格、地圖、文本數(shù)據(jù)插件

PS拉框助手：https://www.pslkzs.com/index.html

Adobe XD拉框助手：https://www.pslkzs.com/xd/index.php

Sketch拉框助手：https://www.pslkzs.com/sketch/index.php

PS內(nèi)容填充助手：https://www.pslkzs.com/text/index.php

XD內(nèi)容填充助手：https://www.pslkzs.com/xdText/index.php

Figma內(nèi)容填充助手：https://www.pslkzs.com/figmaText/index.php

Sketch內(nèi)容填充助手：https://www.pslkzs.com/sketchText/index.php

附：Figma標(biāo)注切圖插件：https://www.mockplus.cn/download/figma-intergratio...




B端書籍推薦（建議在B端學(xué)習(xí)達(dá)到一定高度在閱讀書籍）

《決勝B端：產(chǎn)品經(jīng)理升級(jí)之路》 楊堃 著

《B端產(chǎn)品經(jīng)理必修課：從業(yè)務(wù)邏輯到產(chǎn)品構(gòu)建全攻略2.0》李寬 著

《B端產(chǎn)品設(shè)計(jì)精髓 從0到1構(gòu)建企業(yè)級(jí)數(shù)智化產(chǎn)品》 中國(guó)工信出版集團(tuán)

《中臺(tái)產(chǎn)品經(jīng)理寶典從業(yè)務(wù)建模到中臺(tái)設(shè)計(jì)全攻略》中國(guó)工信出版集團(tuán)

《業(yè)務(wù)中臺(tái)產(chǎn)品搭建指南電商業(yè)務(wù)平臺(tái)全流程設(shè)計(jì)與實(shí)戰(zhàn)》中國(guó)工信出版集團(tuán)

《手把手教你做B端產(chǎn)品》中國(guó)工信出版集團(tuán)

《小新說(shuō)運(yùn)營(yíng)B端產(chǎn)品運(yùn)營(yíng)體系解析》中國(guó)工信出版集團(tuán)

《B端產(chǎn)品設(shè)計(jì)與開發(fā)》中國(guó)電力出版社




個(gè)人對(duì)B端感想




隨著移動(dòng)互聯(lián)網(wǎng)進(jìn)入下半場(chǎng)，很多巨頭互聯(lián)網(wǎng)公司轉(zhuǎn)戰(zhàn)B端市場(chǎng)投入，走在行業(yè)前列，C端產(chǎn)品本質(zhì)基本是核心功能，更注重視覺(jué)和用戶體驗(yàn)，B端產(chǎn)品的本質(zhì)則是滿足用戶的工作需要，而工作需要從來(lái)不是單一的功能就可以滿足的，其必然包括多項(xiàng)功能的復(fù)合及嵌套應(yīng)用支持。B端產(chǎn)品用戶群體是企業(yè)用戶設(shè)計(jì)更注重交互，滿足用戶的工作需要，合理清晰的模塊劃分，嚴(yán)謹(jǐn)專業(yè)的流程設(shè)計(jì)，可遵循的操作及方式，干凈簡(jiǎn)潔的視覺(jué)效果。




常見的B端類型OA （Office Automation，辦公自動(dòng)化）、ERP （Enterprise Resource Planning，企業(yè)資源計(jì)劃）、CRM（Customer Relationship Management，客戶關(guān)系管理）、SAAS (Software as a Service，軟件即服務(wù))、CMS (Content Manage System，產(chǎn)品后臺(tái))，我覺(jué)得B端設(shè)計(jì)碰到彈窗/邊欄最多的工作內(nèi)容是：


布局設(shè)計(jì)（導(dǎo)航、狀態(tài)欄、內(nèi)容區(qū)域、），控件設(shè)計(jì)（按鈕、菜單欄、分頁(yè)欄、面包屑、通知欄、下拉菜單），表單設(shè)計(jì)（比如輸入框、復(fù)選框、單選框、下拉選框等等）、表格設(shè)計(jì)圖表設(shè)計(jì)（包含折線圖、扇形圖、柱狀圖、曲線圖等等），儀表表盤設(shè)計(jì)、后臺(tái)數(shù)據(jù)可視化設(shè)計(jì)，在B端了解學(xué)習(xí)中，我結(jié)合6位B端優(yōu)秀設(shè)計(jì)師，提供的學(xué)習(xí)資源整理了我覺(jué)得在B端學(xué)習(xí)中從0-1會(huì)使用到的一些資源網(wǎng)站，包含行業(yè)情況、設(shè)計(jì)、交互、運(yùn)營(yíng)、產(chǎn)品思維的優(yōu)質(zhì)學(xué)習(xí)網(wǎng)站，網(wǎng)站只是我們平常學(xué)習(xí)過(guò)程的一種渠道，希望大家不要只保存網(wǎng)站，平時(shí)不拿出來(lái)使用，


平時(shí)多打開看看這些網(wǎng)站看看一些好的參考，提升靈感，希望大家在學(xué)習(xí)過(guò)程更多在設(shè)計(jì)規(guī)范、交互、運(yùn)營(yíng)、產(chǎn)品思維有大量輸出沉淀，希望B端設(shè)計(jì)同學(xué)多多指導(dǎo)補(bǔ)充，謝謝。