編輯導(dǎo)語(yǔ)：我們?cè)谌粘９ぷ髦行枰噙M(jìn)行總結(jié)，才能夠在工作中得心應(yīng)手、游刃有余、減少犯錯(cuò)的可能性。本文作者就分享了在工作中接觸技術(shù)崗位以及設(shè)計(jì)崗位的經(jīng)驗(yàn)，總結(jié)了技術(shù)和設(shè)計(jì)的相關(guān)知識(shí)點(diǎn)，希望看后能夠?qū)δ阌兴鶐椭?/p>

本篇內(nèi)容筆者總結(jié)了工作中，通過接觸不同設(shè)計(jì)崗位、技術(shù)崗位人員，了解和學(xué)習(xí)掌握的相關(guān)設(shè)計(jì)與技術(shù)知識(shí)，以及溝通交流的經(jīng)驗(yàn)與技巧，希望能對(duì)各位有所幫助！

一、設(shè)計(jì)知識(shí)點(diǎn)

1. 概要

作為產(chǎn)品工作者，與設(shè)計(jì)師協(xié)作，是產(chǎn)品建設(shè)過程中必不可少的一環(huán)。

筆者結(jié)合工作中與UI設(shè)計(jì)師、交互設(shè)計(jì)師等合作的經(jīng)驗(yàn)與感悟，分享一些與之友好、高效協(xié)作，并提高對(duì)你認(rèn)可度的“訣竅”。

2. 筆者的“訣竅”

1. 了解設(shè)計(jì)理論知識(shí)；
2. 熟悉設(shè)計(jì)的交付件；
3. 掌握各端設(shè)計(jì)規(guī)范。

以上做到，不僅能使你在產(chǎn)品設(shè)計(jì)時(shí)更具審美高度，人機(jī)交互意識(shí)；同時(shí)也會(huì)讓你在與UI設(shè)計(jì)師和交互設(shè)計(jì)師等進(jìn)行溝通時(shí)，如魚得水，如虎添翼，容易得到較高的認(rèn)可與信任！

3. 了解設(shè)計(jì)理論知識(shí)

每個(gè)行業(yè)都有相應(yīng)的行業(yè)理論知識(shí)，UI設(shè)計(jì)和交互設(shè)計(jì)都有相應(yīng)的設(shè)計(jì)理論知識(shí)，這些知識(shí)是作為產(chǎn)品設(shè)計(jì)人員的你&我應(yīng)該了解的。

不僅能幫助我們?cè)谒伎籍a(chǎn)品時(shí)有的放矢，更能幫助我們同設(shè)計(jì)同事達(dá)成一致，更好、更快的推進(jìn)產(chǎn)品進(jìn)程。

那么，都有哪些作為產(chǎn)品設(shè)計(jì)人員需要了解的設(shè)計(jì)理論知識(shí)呢？

筆者總結(jié)如下：

1. 平面設(shè)計(jì)理論知識(shí)：logo（標(biāo)志）設(shè)計(jì)、配色設(shè)計(jì)、字體設(shè)計(jì)、圖文布局設(shè)計(jì)等；
2. 界面設(shè)計(jì)理論知識(shí)：web端設(shè)計(jì)、移動(dòng)端設(shè)計(jì)等；
3. 交互設(shè)計(jì)理論知識(shí)：web端交互、移動(dòng)端交互等。

現(xiàn)在信息通達(dá)，資源豐富，有很多的書籍和網(wǎng)站可以學(xué)習(xí)和了解以上設(shè)計(jì)理論知識(shí)，在此列舉一些筆者讀過的相關(guān)書籍和常用的設(shè)計(jì)網(wǎng)站資源：

1. 平面/界面設(shè)計(jì)書籍：《標(biāo)志設(shè)計(jì)》、《色彩設(shè)計(jì)》、《字體設(shè)計(jì)》、《Grid systems 平面設(shè)計(jì)中的網(wǎng)格設(shè)計(jì)》、《品牌至上》、《西文字體》、《寫給大家看的設(shè)計(jì)書》、《寫給大家看的設(shè)計(jì)書》等
2. 交互設(shè)計(jì)書籍：《觸動(dòng)人心：設(shè)計(jì)優(yōu)秀的iphone應(yīng)用》、《點(diǎn)石成金：訪客至上的網(wǎng)頁(yè)設(shè)計(jì)秘笈》、《方寸指尖：移動(dòng)設(shè)計(jì)實(shí)戰(zhàn)手冊(cè)》、《在你身邊，為你設(shè)計(jì)》、《用戶體驗(yàn)要素》、《設(shè)計(jì)心理學(xué)》、《瞬間之美》、《錦繡藍(lán)圖》、《About Face3 交互設(shè)計(jì)精髓》、《UCD火花集》、《交互設(shè)計(jì)沉思錄》、《情感化設(shè)計(jì)》、《簡(jiǎn)約至上》、《贏在用戶》等
3. 設(shè)計(jì)網(wǎng)站資源：Dribbble、Behance、站酷、UI中國(guó)、花瓣、Iconfont、千圖網(wǎng)、昵圖網(wǎng)、海洛創(chuàng)意等

通過了解這些知識(shí)，在實(shí)際工作中，能給我們產(chǎn)品工作者帶來哪些幫助呢，筆者總結(jié)如下：

1）建立一套相對(duì)豐富的、成體系的設(shè)計(jì)理論知識(shí)

能夠幫助自己在做產(chǎn)品設(shè)計(jì)的時(shí)候，從無到有的整個(gè)進(jìn)程中，都能夠做好設(shè)計(jì)層面的把控；從界面到交互，都有自己基于理論知識(shí)的理解與思考。

這樣保證設(shè)計(jì)的產(chǎn)品是有理論支撐的，首先能夠讓自己信服。

2）增加信任感

產(chǎn)品設(shè)計(jì)人員交付的原型或者是在與不同階段的設(shè)計(jì)同事進(jìn)行溝通時(shí)，都能夠站在專業(yè)的角度，與之平等交流。

比如：產(chǎn)品人員交付的原型、界面間的鏈接邏輯、功能間的跳轉(zhuǎn)等交互、界面的基本布局等。

為什么會(huì)這樣設(shè)計(jì)，大到整個(gè)產(chǎn)品，小到一個(gè)控件，都能夠道出相應(yīng)的緣由和設(shè)計(jì)依據(jù)。有足夠的理論知識(shí)支撐，將會(huì)更加讓人信服，而不會(huì)給人一種臆想般的自嗨感。

3）與平面設(shè)計(jì)同事（有的公司沒有單獨(dú)的平面設(shè)計(jì)崗位，由UI設(shè)計(jì)兼任）交流時(shí)，主要是關(guān)于產(chǎn)品logo設(shè)計(jì)，產(chǎn)品相關(guān)宣傳冊(cè)設(shè)計(jì)，宣傳海報(bào)設(shè)計(jì)等

如果你了解平面設(shè)計(jì)的一些理論知識(shí)，那么你在和對(duì)方交流時(shí)，就不會(huì)信息不對(duì)等，顯得不專業(yè)。

比如：交流logo設(shè)計(jì)時(shí)，可以提出一些設(shè)計(jì)參考。

參考的依據(jù)可以是：

色彩搭配和諧，貼合產(chǎn)品定位和行業(yè)屬性，是需要圖形logo，圖文結(jié)合型，還是文字logo；交流宣傳冊(cè)設(shè)計(jì)時(shí)，可以提出對(duì)封面（首頁(yè)）設(shè)計(jì)，版式，主題色選取，內(nèi)容頁(yè)排版風(fēng)格，圖文搭配比例等的思考；宣傳海報(bào)的設(shè)計(jì)，清楚不同場(chǎng)合的尺寸要求，風(fēng)格和版式等有較為明確的需求。

當(dāng)然能夠引導(dǎo)設(shè)計(jì)師發(fā)揮能力，創(chuàng)作出超出預(yù)期的作品，也是需要基于設(shè)計(jì)理論探討出來的。

4）與UI設(shè)計(jì)同事交流時(shí)，主要是關(guān)于產(chǎn)品界面配色，界面布局等

如果你能夠了解web端和移動(dòng)端以及其它硬件終端的UI設(shè)計(jì)理論知識(shí)，那么你和設(shè)計(jì)的溝通效率，執(zhí)行效果都將會(huì)提高很多。

比如：對(duì)于web端的UI設(shè)計(jì)，你能夠?qū)eb頁(yè)面的配色、不同字體大小、不同網(wǎng)站布局風(fēng)格、網(wǎng)格系統(tǒng)理論、格式塔原理等都有所了解；并結(jié)合自己對(duì)產(chǎn)品的理解，有一定的設(shè)計(jì)思路。

對(duì)于移動(dòng)端的UI設(shè)計(jì)，不同端的字體設(shè)計(jì)單位、模塊間的間距規(guī)律、按鈕大小、行間距、元素間距等、閃屏頁(yè)、廣告banner、網(wǎng)格系統(tǒng)、格式塔原理等設(shè)計(jì)知識(shí)有所了解。

5）與交互設(shè)計(jì)同事交流時(shí)，主要是關(guān)于產(chǎn)品界面間的交互邏輯，控件間的交互邏輯等

如果你能夠了解web端和移動(dòng)端的UI設(shè)計(jì)理論知識(shí)，那么你和設(shè)計(jì)的溝通效率，執(zhí)行效果都將會(huì)提高很多。

比如：對(duì)于web端的交互設(shè)計(jì)，是基于鼠標(biāo)的點(diǎn)擊、滾動(dòng)等操作。

頁(yè)面的滾動(dòng)方式、模塊的滾動(dòng)方式、按鈕的默認(rèn)、懸浮、點(diǎn)擊的不同狀態(tài)、控件點(diǎn)擊后的反饋形式（彈窗、Toast、定位、新頁(yè)面等）的設(shè)計(jì)，產(chǎn)品設(shè)計(jì)人員需要有一定的了解；對(duì)于移動(dòng)端的交互設(shè)計(jì)，是基于用戶手指的滑動(dòng)、點(diǎn)擊、長(zhǎng)按等操作。

頁(yè)面的滑動(dòng)，模塊的切換方式，按鈕的不同狀態(tài)（默認(rèn)、點(diǎn)擊、長(zhǎng)按、禁用等），控件點(diǎn)擊后的反饋形式（彈窗、Toast、定位、新頁(yè)面等）的設(shè)計(jì)，產(chǎn)品設(shè)計(jì)人員需要有一定的了解。

4. 熟悉設(shè)計(jì)的交付件

同產(chǎn)品設(shè)計(jì)崗位一樣，各個(gè)設(shè)計(jì)崗位也有對(duì)應(yīng)的需要產(chǎn)出的設(shè)計(jì)交付件。筆者準(zhǔn)備闡述的不僅僅是結(jié)果性的交付件，也包括與設(shè)計(jì)合作過程中，一些過程性的交付件。

對(duì)此，筆者總結(jié)如下：

1）結(jié)果性交付件

UI設(shè)計(jì)視覺稿。

UI設(shè)計(jì)師根據(jù)產(chǎn)品設(shè)計(jì)人員提供的原型圖，進(jìn)一步美化設(shè)計(jì)的文件，包括配色、布局、控件、彈窗、banner以及不同內(nèi)容字號(hào)的設(shè)計(jì)等內(nèi)容。

作為產(chǎn)品設(shè)計(jì)人員，你需要熟悉這些元素，并能夠同自己在設(shè)計(jì)的原型文件時(shí)進(jìn)行的表現(xiàn)層的思考結(jié)合，分析出UI設(shè)計(jì)師產(chǎn)出的視覺稿交付件是否達(dá)到預(yù)期，是否有超出預(yù)期的地方。

這些判斷能力都是必要的（UI設(shè)計(jì)師需要配合輸出視覺設(shè)計(jì)規(guī)范，產(chǎn)品設(shè)計(jì)人員可以就此文件與設(shè)計(jì)人員進(jìn)行深入探討）。

2）結(jié)果性交付件

交互設(shè)計(jì)稿。

UE設(shè)計(jì)師（用戶體驗(yàn)/交互設(shè)計(jì)師）會(huì)根據(jù)產(chǎn)品設(shè)計(jì)人員提供的原型圖和需求文檔進(jìn)行交互設(shè)計(jì)（也有可能產(chǎn)品人員兼任交互設(shè)計(jì)的情況）。

包括頁(yè)面間跳轉(zhuǎn)、跳轉(zhuǎn)方式、跳轉(zhuǎn)等待期間的動(dòng)效設(shè)計(jì)；跳轉(zhuǎn)失敗的提醒設(shè)計(jì)、頁(yè)面滾動(dòng)或滑動(dòng)形式、彈窗動(dòng)效；頁(yè)面加載動(dòng)效、控件點(diǎn)擊動(dòng)效等。

這一系列的動(dòng)效設(shè)計(jì)，除了看其表象（呈現(xiàn)樣式），還需要深入了解實(shí)現(xiàn)方式和具體參數(shù)。

比如：一張圖點(diǎn)擊后，放大查看的動(dòng)效，雖然都是點(diǎn)擊后放大的樣式；但是實(shí)際上，UE在設(shè)計(jì)的時(shí)候，花的心思往往是你不易察覺的。

同樣是點(diǎn)擊放大查看效果，不同的動(dòng)效節(jié)奏和運(yùn)動(dòng)曲線，造成的細(xì)節(jié)體驗(yàn)區(qū)別會(huì)是很明顯的。

你需要同交互探討動(dòng)效組成部分，每個(gè)部分的意義，運(yùn)動(dòng)曲線是怎樣設(shè)計(jì)的，緩進(jìn)緩出各自所用時(shí)間等；甚至自己能夠在結(jié)合理論知識(shí)的基礎(chǔ)上，通過動(dòng)效網(wǎng)站，動(dòng)效設(shè)計(jì)軟件進(jìn)行效果模擬，同UE深入交流。

3）過程性交付件

圖標(biāo)資源。

不管是web端還是移動(dòng)端，圖標(biāo)資源都是必須產(chǎn)出的。

從圖標(biāo)樣式是否符合產(chǎn)品主題、風(fēng)格是否統(tǒng)一、圖標(biāo)形式是面型還是線型，以及不同終端圖標(biāo)的輸出格式（移動(dòng)端一般需要五種不同倍數(shù)的圖標(biāo)用于適配）。作為產(chǎn)品人員，對(duì)這些的要求和評(píng)估都需要足夠熟悉。

4）過程性交付件

點(diǎn)9圖。

點(diǎn)9圖是一種移動(dòng)端設(shè)計(jì)中比較特殊的產(chǎn)出文件（研發(fā)人員也有點(diǎn)9圖制作工具），一般用在需要保證元素縱向或橫向拉伸不變形的情況下，比如：非規(guī)整的聊天框，隨著字?jǐn)?shù)的增多會(huì)拉長(zhǎng)或拉寬，如果不做成點(diǎn)9圖，那么就會(huì)造成變形、邊緣模糊等。

所以掌握點(diǎn)9圖知識(shí)，知道怎么制作點(diǎn)9圖，或者自己會(huì)制作點(diǎn)9圖，也是不錯(cuò)的技能。

5. 掌握各端設(shè)計(jì)規(guī)范

各端都有屬于對(duì)應(yīng)的設(shè)計(jì)規(guī)范，該設(shè)計(jì)規(guī)范交付件一般會(huì)由UI設(shè)計(jì)師產(chǎn)出，產(chǎn)品設(shè)計(jì)人員能夠熟悉這些規(guī)范，對(duì)協(xié)作和評(píng)估規(guī)范嚴(yán)謹(jǐn)性是大有裨益的。

根據(jù)不同終端屬性，可以分為web端UI設(shè)計(jì)規(guī)范和移動(dòng)端UI設(shè)計(jì)規(guī)范等，而設(shè)計(jì)規(guī)范一般需要包含：

1）色彩設(shè)計(jì)規(guī)范

所使用的色彩種類，主色與輔色的搭配；

2）文字用色規(guī)范

所使用文字的顏色，不同的應(yīng)用場(chǎng)景應(yīng)該搭配相應(yīng)的顏色、一級(jí)標(biāo)題、二級(jí)標(biāo)題、內(nèi)容、提示、備注等；

3）文字字號(hào)規(guī)范

所使用文字的字號(hào)（大?。?，不同的應(yīng)用場(chǎng)景應(yīng)該搭配相應(yīng)的字號(hào)、一級(jí)標(biāo)題、二級(jí)標(biāo)題、內(nèi)容、提示、備注等；

4）ICON（圖標(biāo)）規(guī)范

所使用的icon設(shè)計(jì)規(guī)范、不同的應(yīng)用場(chǎng)景、ICON的不同用色、是面型還是線型，都需要相對(duì)統(tǒng)一、成體系；

5）控件設(shè)計(jì)規(guī)范

包括輸入框、按鈕、滑桿、頁(yè)卡、開關(guān)等控件，同一類型的控件，需要統(tǒng)一設(shè)計(jì)規(guī)范，形成一套體系；

6）間距設(shè)計(jì)規(guī)范

不同頁(yè)面，同類型間距的尺寸需要統(tǒng)一，符合規(guī)律；

7）交互設(shè)計(jì)規(guī)范

包括滾動(dòng)，滑動(dòng)（上下/左右等），點(diǎn)擊反饋，彈窗動(dòng)效等的交互設(shè)計(jì)，同一場(chǎng)景的交互樣式，需要保持統(tǒng)一。

二、技術(shù)知識(shí)點(diǎn)

1. 概要

時(shí)至今日，作為產(chǎn)品工作者，如果還在疑問產(chǎn)品需要不要懂技術(shù)？

那么筆者可以肯定的答復(fù)你：需要！

為什么？

產(chǎn)品的idea或者用戶的需求能夠?qū)崿F(xiàn)，都依賴于技術(shù)的實(shí)現(xiàn)。沒有技術(shù)，idea就是空中樓閣，更談不上后期的運(yùn)營(yíng)等等；從技術(shù)的重要性，我們也能體會(huì)到，懂技術(shù)是多么重要且必要的一件事情。

產(chǎn)品在工作過程中，要將idea、需求等落地到技術(shù)實(shí)現(xiàn)，就必定要同不同終端的技術(shù)人員協(xié)作，這其中包括：前端研發(fā)人員、后端研發(fā)人員、數(shù)據(jù)庫(kù)設(shè)計(jì)人員、算法工程師、數(shù)據(jù)工程師、運(yùn)維人員、架構(gòu)師等。

需要協(xié)作的技術(shù)人員越多，你需要了解、學(xué)習(xí)、掌握的相關(guān)技術(shù)知識(shí)也就越多，筆者結(jié)合工作中與以上這些技術(shù)工程師們合作的經(jīng)驗(yàn)與感悟，分享一些作為產(chǎn)品工作者，應(yīng)該掌握的技術(shù)知識(shí)。

2. 筆者的理解

1）了解相關(guān)技術(shù)知識(shí)

2）總結(jié)技術(shù)交流思路

3）“越俎代庖”不可取

以上做到，不僅能使你在產(chǎn)品設(shè)計(jì)時(shí)，思維發(fā)散的同時(shí)，兼具技術(shù)實(shí)現(xiàn)視角考慮問題；在面對(duì)領(lǐng)導(dǎo)或客戶對(duì)于技術(shù)實(shí)現(xiàn)或工期預(yù)估的疑問時(shí)，能夠結(jié)合團(tuán)隊(duì)技術(shù)實(shí)力，給出具有可行性、可靠性的方案.

同時(shí)也會(huì)讓你在與各端研發(fā)工程師進(jìn)行溝通時(shí)，不僅能從產(chǎn)品設(shè)計(jì)角度把控方案，更能從技術(shù)實(shí)現(xiàn)方式、方案等方面進(jìn)行深入探討；包括技術(shù)方案的可行性，對(duì)有實(shí)現(xiàn)難度的地方能夠評(píng)估是否可突破和采取備選方案等！

3. 了解相關(guān)技術(shù)知識(shí)

各端技術(shù)都有自己的開發(fā)語(yǔ)言、框架、工具等，這些開發(fā)語(yǔ)言、框架、工具就像是工程師手中的刀與劍，助他們攻城略地。

工作中，筆者接觸到的各端工程師及其相關(guān)技術(shù)知識(shí)有：

• web前端技術(shù)知識(shí)：開發(fā)語(yǔ)言（Html、Css、Js、Ajax、js等），技術(shù)框架（jQuery、Bootstrap、Vue、nodeJs等），開發(fā)工具（IDEA、Webstorm、Sublime、記事本等等）；
• 客戶端技術(shù)知識(shí)：開發(fā)語(yǔ)言（C#、C++等），技術(shù)框架（WPF），開發(fā)工具（Visual Studio）；
• Android端技術(shù)知識(shí)：開發(fā)語(yǔ)言（java），開發(fā)工具（Android Studio）；
• Ios端技術(shù)知識(shí)：開發(fā)語(yǔ)言（Objective-C、Swift），開發(fā)工具（Xcode）；
• 后端技術(shù)知識(shí)：開發(fā)語(yǔ)言（PHP、Java、Shell、go、sql等），數(shù)據(jù)庫(kù)（Mysql、Sqllite、Postgres、Redis等），技術(shù)框架（Mybatis、Springboot等），開發(fā)工具（IDEA、eclipse、Maven、gradle等）；
• 大數(shù)據(jù)技術(shù)知識(shí)：Hadoop、Hive、ZooKeeper、HBase、Kafka、Scala、Azkaban、Python、Docker等；
• 其他技術(shù)知識(shí)：接口調(diào)試（postman）、CI/CD（jenkins、gitLab）、虛擬機(jī)（VmWare）、Markdown、GitHub（代碼托管服務(wù)平臺(tái)）、碼云（云端軟件研發(fā)協(xié)作平臺(tái)）、Linux、git/svn。

以上列舉的這些技術(shù)相關(guān)知識(shí)（并未完全列出），并不是要求產(chǎn)品人員做到能夠像研發(fā)人員那樣，通過編譯器進(jìn)行實(shí)際性的編碼工作。而是希望能夠?qū)@些知識(shí)有所了解，知道是用來做什么的、解決什么問題；最好是能夠看懂簡(jiǎn)單的代碼，熟悉一些語(yǔ)言和工具。

比如：

1）有些web前端代碼，通過F12調(diào)試工具，可以自行進(jìn)行簡(jiǎn)單的代碼調(diào)試和代碼查看、理解，甚至分析出現(xiàn)的問題，即使看不懂，也可以反饋給研發(fā)人員定位分析；

2）有些后端代碼設(shè)計(jì)邏輯，你能夠做到通過查看研發(fā)人員編譯器里的源碼，同研發(fā)人員一起分析在產(chǎn)品設(shè)計(jì)層面的思路，落地到研發(fā)實(shí)現(xiàn)環(huán)節(jié)出現(xiàn)不一致的地方，定位問題，進(jìn)行修正；

能夠通過編寫常用的sql語(yǔ)句進(jìn)行數(shù)據(jù)查詢與分析（復(fù)雜的也能夠通過渠道快速解決），比如：一些簡(jiǎn)單的數(shù)據(jù)統(tǒng)計(jì)，用戶總?cè)藬?shù)，日活躍/月活躍人數(shù)等。

雖然現(xiàn)在可以通過第三發(fā)數(shù)據(jù)統(tǒng)計(jì)平臺(tái)、自建統(tǒng)計(jì)系統(tǒng)等方式實(shí)現(xiàn)各類數(shù)據(jù)的統(tǒng)計(jì)與分析。但是從數(shù)據(jù)庫(kù)層面直接獲取數(shù)據(jù)信息的能力是一項(xiàng)不錯(cuò)的能力，尤其是產(chǎn)品初期這些現(xiàn)成的可視化分析平臺(tái)都沒有接入或建成的時(shí)候。

3）了解一些語(yǔ)言之間的差異性，在做技術(shù)選型、技術(shù)評(píng)估的時(shí)候，能夠知其然也知其所以然；

比如在決定是選擇Mysql數(shù)據(jù)庫(kù)還是Sqllite數(shù)據(jù)庫(kù)的時(shí)候，就能夠同研發(fā)人員一起結(jié)合實(shí)際情況進(jìn)行評(píng)估。

Sqllite數(shù)據(jù)庫(kù)對(duì)于小數(shù)據(jù)量的數(shù)據(jù)處理效率較高，但因?yàn)槭菃尉€程處理方式，數(shù)據(jù)量較大時(shí)處理效率降低明顯，遠(yuǎn)不如Mysql數(shù)據(jù)庫(kù)的多線程處理效率。

4）了解大數(shù)據(jù)量、高并發(fā)場(chǎng)景下數(shù)據(jù)處理技術(shù)；

比如消息處理，Kafka就是一種高吞吐量的分布式發(fā)布訂閱消息系統(tǒng)，其在大數(shù)據(jù)研發(fā)應(yīng)用上的目的是通過Hadoop的并行加載機(jī)制來統(tǒng)一線上和離線的消息處理，也是為了通過集群來提供實(shí)時(shí)的消息。

5）了解git和svn的差異，git是分布式的版本控制系統(tǒng)，是按元數(shù)據(jù)方式進(jìn)行存儲(chǔ)，現(xiàn)在很多互聯(lián)網(wǎng)公司的研發(fā)團(tuán)隊(duì)都是采用git進(jìn)行版本控制。

svn是集中式的版本控制系統(tǒng)，是按文件方式存儲(chǔ)，分支也與git不同，現(xiàn)在也有不少企業(yè)使用svn做版本控制，也包括團(tuán)隊(duì)內(nèi)部文檔版本集中管理。

當(dāng)然，需要了解的技術(shù)知識(shí)遠(yuǎn)遠(yuǎn)不止筆者上面提到的這些，以上僅僅只是舉例說明而已。

那么，我們能夠通過哪些渠道去獲取相關(guān)的技術(shù)知識(shí)呢？

現(xiàn)在信息通達(dá)，資源豐富，有很多渠道可以學(xué)習(xí)和了解以上各端技術(shù)相關(guān)知識(shí)，在此列舉一些筆者常用的技術(shù)網(wǎng)站資源（讀過的書籍就不列舉了，各位可針對(duì)不同的語(yǔ)言查詢相關(guān)書籍學(xué)習(xí)）：

1. 學(xué)習(xí)類網(wǎng)站：w3cschool、菜鳥教程、慕課網(wǎng)等；
2. 工具/資料類網(wǎng)站：掘金、StackOverFlow、知乎、博客園、CSDN、V2EX、開源中國(guó)等。

通過這些網(wǎng)站，你可以快速、系統(tǒng)化的了解一門語(yǔ)言及其相關(guān)應(yīng)用的基本知識(shí)和最新發(fā)展動(dòng)向。

在實(shí)際工作中，遇到一些在與研發(fā)人員交流溝通過程中新的知識(shí)點(diǎn)或者技術(shù)問題，可以默默記下來，通過這些網(wǎng)站查找相關(guān)技術(shù)帖子，獲取相關(guān)知識(shí)；既能增加自身的技術(shù)知識(shí)儲(chǔ)備，也能不斷拓寬和加深與技術(shù)交流的內(nèi)容廣度和深度（全面和細(xì)節(jié)）。

透過這些技術(shù)帖子，了解技術(shù)前沿知識(shí)，擴(kuò)充技術(shù)視野的同時(shí)，跟進(jìn)研發(fā)人員技術(shù)觸角。

三、總結(jié)技術(shù)交流思路

產(chǎn)品崗位需要接觸很多不同終端的研發(fā)人員，與之交流，這些交流可能是發(fā)生在不同的場(chǎng)景下：比如技術(shù)選型、技術(shù)方案探討、技術(shù)實(shí)現(xiàn)與產(chǎn)品設(shè)計(jì)有出入時(shí)、技術(shù)復(fù)盤、技術(shù)分享等情況下。

這些交流思路看似零散，實(shí)則有其相關(guān)性，每個(gè)人的理解可以能不一樣，總結(jié)的思路或許也有所出入。

此處筆者僅分享個(gè)人的理解，總結(jié)如下：

1. 牢記“交流定式”

同下圍棋一樣，再?gòu)?fù)雜多變的棋局也有它的一些套路，圍棋里稱為“定式”。筆者將之沿用到與技術(shù)交流的過程中，也有一些作為產(chǎn)品人員，在交流之前就能考慮到的一些“交流定式”。

這些“定式”包括針對(duì)類似問題的解決思路，以及對(duì)于出現(xiàn)的問題能夠做的相關(guān)思考部分。

比如：

當(dāng)出現(xiàn)技術(shù)實(shí)現(xiàn)邏輯問題時(shí)，我們可以向技術(shù)反饋該問題，并提出問題是否出在代碼實(shí)現(xiàn)的邏輯有誤的想法，幫助技術(shù)快速定位問題；

當(dāng)輸入內(nèi)容校驗(yàn)有誤時(shí)，我們可以推測(cè)出現(xiàn)問題的原因可能是校驗(yàn)規(guī)則有誤或不完善，甚至是正則判斷待優(yōu)化等引起，可以提供給技術(shù)人員相關(guān)思路；

當(dāng)每次加載頁(yè)面資源都需要等待逐一加載完成時(shí)，可推測(cè)技術(shù)實(shí)現(xiàn)沒有利用緩存機(jī)制或異步加載機(jī)制；

登錄訪問失敗時(shí)，如果不是網(wǎng)絡(luò)問題，可推測(cè)是否接口掛掉或是后臺(tái)服務(wù)器出了問題；

頁(yè)面加載信息資源，沒有數(shù)據(jù)返回，可推測(cè)是該數(shù)據(jù)請(qǐng)求接口出了問題等。

2. 找準(zhǔn)“高手助陣”

學(xué)會(huì)借勢(shì)是工作中不可或缺的能力，此處僅分享與研發(fā)人員交流時(shí)如何借勢(shì)，借勢(shì)即假借高手的“勢(shì)”來幫助自己解決問題。

有些時(shí)候，我們?cè)谂c研發(fā)人員交流過程中，難免碰到“硬茬子”，不全是指研發(fā)人員，更多時(shí)候是指問題棘手的情況，自己所理解的那點(diǎn)技術(shù)知識(shí)完全cover不了對(duì)方；這個(gè)時(shí)候?yàn)榱舜蚱平┚?，你得學(xué)會(huì)找到能夠解決該問題的人，可能是項(xiàng)目經(jīng)理，技術(shù)Leader等。

但是到底誰能解決，就看你平時(shí)對(duì)他們技術(shù)能力和涉及領(lǐng)域的了解程度和關(guān)系處得怎么樣了，這些在這種關(guān)鍵時(shí)候都是派上大用途的！

3. 跳出“死鎖狀況”

工作中不是所有問題都能在第一時(shí)間給出解決方案的，很多時(shí)候都需要經(jīng)過之后的深思熟慮，多番探討后才有結(jié)果。

與研發(fā)人員溝通不外如是，不管是在正式會(huì)議，還是在針對(duì)性解決問題的時(shí)候；遇到討論后，短時(shí)間給不了解決方案的情況，一定要能夠及時(shí)跳出來，脫離“死鎖狀況”，釋放資源，將該問題納入后續(xù)待解決的“池子”。

四、“越俎代庖”不可取

切記：千萬別越俎代庖！

別認(rèn)為自己對(duì)相關(guān)技術(shù)知識(shí)有所了解，就將重心傾斜到技術(shù)向。這樣做不僅會(huì)讓共事的研發(fā)反感，認(rèn)為你在他專業(yè)領(lǐng)域插手太多，指指點(diǎn)點(diǎn)，也會(huì)讓你在做產(chǎn)品思考時(shí)，不自覺的被團(tuán)隊(duì)技術(shù)能力所限制。

所以，把握好分寸更為關(guān)鍵、重要。畢竟了解技術(shù)知識(shí)是為了幫助我們更好的做好產(chǎn)品，和研發(fā)更好的共事服務(wù)的。這些都需要在實(shí)際工作中，大家靈活應(yīng)對(duì)。

五、總結(jié)

以上就是筆者關(guān)于——“你不應(yīng)該錯(cuò)過的設(shè)計(jì)&技術(shù)知識(shí)點(diǎn)”的分享內(nèi)容，希望對(duì)各位有所幫助。

總而言之，就是希望各位能夠多邁出一步，去了解對(duì)方行業(yè)相關(guān)知識(shí)，提高工作效率的同事，提升協(xié)作雙方的滿意度。

作者：nickChen，微信公眾號(hào)：薪火雜記

本文由 @nickChen 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Pexels，基于CC0協(xié)議