产品经理新手必看（产品经理入门必备v1.0）

本文正文共计6000余字，预计阅读时间16分钟，所以建议先右上角收藏！

越来越多的各行各业的小伙伴加入了产品经理这个行业，让这个职位甚至行业都有了峥嵘气象，但是有句话叫“产品经理懂技术，就像流氓会武术”，所以决定给所有要入门产品经理以及非技术出身的CEO献个丑。

文中所涉及的相关软件开发的技术，用词与描述均以产品经理的角度出发，有技术背景的无需再看。

本文暂分为技术篇和设计篇，会不停更新，如有差错请指正！

技术篇

1.1 岗位分类

起初是把这部分内容放到后面的，但是在写开发语言的时候免不得提到不同岗位名称，所以特地提上来，目前市面上常见的开发岗位如下：

• 后端工程师

他们的工作内容是无法直接到达用户的，是所有程序稳健运行的基础保障，是前端工程师的弹药库。

常有提到前后端分不分离的话题，目前主流是采用前后端分离的模式开发，也就是后端只负责输出给前端数据，再由前端实现外观样式给用户。但也有部分是前端只负责页面，剩下交给直接后端（利用JSP/ASP）渲染页面通过网络传输到浏览器进行呈现。最少必备语言Java。

• 前端工程师

直接接触用户的工程师，所有页面上的交互都由他们实现。最少必备语言JavaScript、HTML。

我整理了市面上大部分产品所采用的程序语言：

• Java

– 发音/'dʒa:və/，是使用最广泛的语言，主要用于web应用开发，用Java开发的程序可以实现一次编写到处运行（运行在各系统上），Java程序员应该是目前最好招的岗位。

– 目前最新版本Java 10，最广泛使用的是Java 8。

– 开发环境不限系统，主要使用的开发工具为Eclipse与JetBrains IntelliJ IDEA(强推这款)。

– 由于是用于web应用开发，那么必须要知道鼎鼎大名的Spring Framework，不需要管它到底是干嘛的，只需要记得它是目前Java web开发最好用的框架，常见选择Spring Boot 2.0（最新稳定版为2.0.4），如果招聘的时候对方回答你不知道，那抱歉拜拜。

关于Java，只需要知道这么多。

• C#

– ‘#’发音/ʃa:rp/，是微软推出的，以微软的.NET框架类库作为基础，希望取代Java的语言，所以基本上跟Java一样的特性，由于基于微软的生态，在此就不再多说了。另外记得，C#程序员不好招，所以千万别选它做产品的主要开发语言。

关于C#，去请了解Java吧。

• JavaScript

– 发音/'dʒævə'skript/，通常缩写为JS的就是它，常常伴随出现的有ECMAScript，ECMAScript只是一种语言标准，JavaScript在它的基础上做了实现，非技术人员可以不理会。JavaScript应用广泛，可以在桌面、浏览器、服务器上运行。

– 目前JavaScript还是主要用于网页上的交互实现，即前端工程师必备技能。

关于JavaScript，请搭配HTML了解。

• HTML

– HyperText Markup Language（超文本标记语言），用来写网页。用你的浏览器随手打开一个页面，右键查看网页源代码，出现带有''这个标记就是它，如下

– 目前基本使用HTML5版本，由于加入了很多特性，已经可以搭配CSS和JavaScript实现丰富的页面效果。

– 说到HTML不得不提CSS（Cascading Style Sheets），严格来说它不能算是一种程序语言，因为它不能单独运行，而是用于搭配HTML描述页面上元素的样式的，类似Photoshop上的各种效果器或者照片编辑软件的各种滤镜。

– HTML同样是前端工程师必备技能。

关于HTML，请搭配JavaScript了解。

• Swift/Objective-C

– 这两个都是苹果推出的用于开发苹果系统（OS X、iOS、watchOS、tvOS）相关应用的语言。其中Objective-C基于C语言。

– 移动端最火的那几年曾经特别好招，这两种通常我们不计较使用哪个语言，都叫iOS开发。

关于Swift/Objective-C，属于移动端开发必备之一。

• Android

– 发音/ˈænˌdrɔɪd/，是由Google推出的一个基于Linux的移动操作系统，我们说Android开发，通常是用Android SDK（Android软件开发包）中使用Java作为编程语言来开发应用程序。所以Android与Java息息相关也导致谷歌与甲骨文官司不断，最近谷歌推Kotlin（用于开发Android应用的新语言）也是出于此考虑。

– 移动端最火的那几年曾经特别好招，同样，都叫Android开发。

关于Android，同属移动端开发必备之一。

• Python

– 发音/ˈpaɪθɑːn/，解释性语言（不同于Java，即不需要编译器编译），可以在所有操作系统上运行。

– 由于它的特性，虽然可以用于web开发，但大部分还是用它来做数据科学、机器学习等。

– 入门简单，最近大数据和人工智能行业特别火，水涨船高，然而真正的高手不多。

关于Python，一般做web应用的公司不需要用到，但是现在大数据这么火，不招个Python玩大数据杀熟吗？

• PHP

– Hypertext Preprocessor（超文本预处理器），用于web开发，入门简单、应用广、开发快，现在常见用于个人博客、企业官网的搭建。

– 有一定市场地位，但是真正做企业级web应用或者大型web架构，还是要Java，不建议用作正经web应用开发语言。

– 对，我歧视PHP。

关于PHP，只需了解即可。

• SQL

– 只需知道这是用于数据库操作的语言，有兴趣的可以稍微懂一点查询语句，如果是数据分析师，必备技能。

– 后端程序员必备技能。

关于SQL，只需了解即可。

tiobe变成语言最新排行

1.3 数据库

用于存储数据的系统，常见的几种数据库如下：

• MySQL

– 最流行的数据库之一。社区版免费，大部分我们使用的是此版本。被甲骨文公司收购后，商业版收费。属于关系型数据库。

– MariaDB出自MySQL的开源数据库，为防止甲骨文完全收费而出。

• Oracle 数据库

– 完全收费的数据库，也是甲骨文的。主要被大型（有钱）的企业所使用。相对于MySQL较重。属于关系型数据库。

• Microsoft SQL Server

– 出自微软的关系型数据库。

• MongoDB

– 免费。面向文档的非关系型数据库。性能好且非常灵活易用。

• Redis

– 最流行的键值（key-value）对存储数据库，常用来搭配MySQL等做缓存数据库，主要用于加快数据交互速度，因此秒杀活动、抢购活动等需要用到。

• Neo4J

– 收费超贵的图数据库，人工智能或者大数据相关业务用到，一般web应用开发的企业无需了解。

1.4 开发管理

• 代码管理

– 代码管理目前主流是用git，部分企业还在用svn。git是一种分布式版本控制软件。

– Github（号称全球最大同性交友社区），公开免费、私有收费。但是最近华住的某个程序员上传了代码暴露了数据库连接然后你懂的。所以切记不要把公司项目的代码上传到公开的库。

– Gitlab，特点企业版免费，缺点速度真的真的真的很慢。

– OSC，国内最大代码托管软件，同样对企业用户收费。

– coding，国内流行的代码托管软件，企业版超贵，小公司考虑成本建议开个coding黄金会员，可以建100个项目。

– 切记，严格的代码管理是可以加快开发进度的。

• 代码规范

– 知道有这么回事即可。教大家一招：装作从开发岗位路过，瞄一眼对方的屏幕，说“你这段代码不行，要优化！好好去读一读《阿里巴巴代码规范》”，然后默默走开深藏功与名。

• 项目管理/团队协作

– 小公司一般产品经理兼了项目经理，所以还需要对开发进度、代码缺陷等进行把控管理。

– 普通青年项目管理工具用禅道，二逼青年用redmine。文艺青年用tapd（腾讯云的），结合了teambition用过就知道好。

– 切记，一定一定一定要做项目管理，很多创业公司会不以为然，不要因为船小好掉头忽略此事！

• 文档工具

– 石墨/有道，属于文档协作工具，哪个适合你用哪个。

– Typora，强推这个markdown文本编辑工具，说起这个，国内markdown兴起我感觉还要归功于简书（最早是作为markdown写作工具推的）。

1.5 面向对象

Object OrIEnted，软件开发方式，Java就是一种面向对象设计的程序语言。面向对象有助于程序在结构化设计上更简明易懂，也更符合程序设计逻辑。

在面向对象世界里，一切都是对象。举个例子，人类是一个物种，男人和女人属于人类，有个男人叫小明，小明就是具体的一个对象。我们说人类会吃饭、走路，那么小明就会吃饭走路，我们说男人不会怀孕，那么小明就不会怀孕。

1.6 程序接口

Application Programming Interface（API），接口可以简单理解为，对象与对象、事物与事物、系统与系统沟通交互的衔接的方式。常见web应用开发，接口表示前后端的交互，即后端与前端之间进行数据的传输。举个例子，用户在页面/App上点击登录，前端程序通过接口将这个数据传递到服务器，这样一个过程就是接口具体的实现。

目前主流web应用的接口规范为RESTful API，不需要理解它是个什么，只需要记住，所有前后端交互的接口都必须要有固定的格式和标准！同样，每个产品必须要定义严格的接口文档，方便后期扩展、迭代。如果你们的前后端程序员苦恼对接接口，那么请让他们使用Swagger。

接口设计的好坏，是检验程序员的标准之一。

1.7 操作系统

这里操作系统只讲服务器操作系统。

• Windows Server

– 最新版本2016

– 界面酷似个人桌面操作系统Windows 10

– 难用

• Linux

– 由Linus开发的开源操作系统，有部分是商用，大部分是免费开源的发行版

– 应用最广的服务版应该是CentOS，目前版本7

– 可以选择是否安装可视化界面，一般都不会安装(因为没什么卵用)。

1.8 云端服务

大部分服务没必要自己搭建，已经有成熟的可以购买。

• 短信服务

这个应该是最常用的一个，阿里云、极光、腾讯云大部分就可购买。

• SSL证书

即把http变成https，使用https将让你的数据传输更安全，并且微信小程序开发必须要用https。

• 云服务器

不建议购买服务器托管，可直接购买云服务器。

• CDN

内容分发，支持图片、音乐、视频，大大提高了页面加载速度。常见可购买腾讯云或七牛云的cdn。

• App类如IM、分享、推送

首选极光。

• 数据分析

运营数据来源与支持。网站类接入百度、谷歌统计，移动类首选腾讯移动分析。

• 内容检测

对内容进行敏感性检测，过滤不良信息。首选网易云易盾。

• 视频直播

接入直播方案，首选网易云信。

• 测试

腾讯云wetest

• 语音识别、合成

微信开发有自带一个官方的。其他选择科大讯飞。

1.9 微信开发

微信目前有微信公众平台（公众号、小程序）、微信开放平台、微信商户支付平台。

• 微信公众平台

用于支持公众号的开发（公众号内h5页面），每个公众号/小程序都有一个AppID和AppSecret，每个用户对应每个公众号/小程序有一个OpenId(同一家公司的不同公众号都是不同的)。

• 微信开放平台

用于将不同的公众号、小程序和网页绑定在一期，使每个用户对应生成一个UnionId，凡绑定到开放平台下的应用，都只会有唯一的一个UnionId，也就是可以利用UnionId将几个公众号或者小程序的用户打通。

• 微信商户支付平台

使用微信支付必须在平台开通账号，然后对应绑定公众号/小程序。

1.10 科学上网

科学上网即翻越某个墙，无论哪个岗位，都建议使用Google搜索，看文档尽量看官方原文档。目前用的最多的应该是Shadowsocks，建议购买收费服务，这里不打广告有需要的留言回复。

1.11 浏览器

由于IE尴尬的兼容性，浏览器首选谷歌Chrome，其次火狐Firefox。国内QQ浏览器做的也不错用的是谷歌内核。另外大部分人可能使用或被迫使用率360浏览器，这里要区分下，360安全浏览器是IE内核，360极速浏览器是Chrome内核，千万别拿着IE或者360安全浏览器去测试网页，会被技术打的！

设计篇

2.1 设计风格

设计风格千千万，只讲几个常用的。

• 极简类

以黑白灰为主的性冷淡风，围绕内容本身展现，减少无用元素。

• 赛博朋克、镭射、荧光类

人工智能、虚拟化，通过拉伸扭曲来体现未来感、电子感，今年很多如抖音的广告都采用此风格。

• 扁平化

界面看上去更加平面，iOS 7将其发扬光大。

• 拟物化

通过空间层次或场景效果体现物体的3D感，目前最好的拟物化设计当属锤子的Smartisan OS

• 三维渲染

用C4D渲染出来的三维表现形式，加强了空间感，常见于各类云服务商的banner设计。

• 插画风

多以可爱、手绘的元素出现，增加了趣味性。

2.2 设计语言

• Material Design

出自谷歌，为使谷歌生态的所有UI设计统一，谷歌为我们提供了设计组件、开发组件可以直接调用。

• Apple

苹果的设计语言，随着iOS的升级不停更新，官方称“a large, high-resolution, rounded, edge-to-edge Super Retina display ”

以上为正经的2个设计语言，那么国内其实也有一些大厂出的，由于不够全面只能算是伪设计语言。

• Ant Design

蚂蚁金服出品。提供了非常好的常用UI组件，并且与react开发紧密结合。

• ElementUI

饿了么出品。主要适用于PC端的UI组件库，并且与Vue开发紧密结合。

2.3 字体规范

字体字号不能乱用！千万不要对着UI设计师喊字太小了、字太大了、换个字体，你懂你设计啊！所以还是要偷偷学一点，对，产品经理就是可以为所欲为啊！

• PC端

– 中文字号常用12px、14px

– 中文常见字体微软雅黑、方正兰亭、苹方

• 移动端

– 常用华文黑体或者冬青黑体

– 导航主标题字号常用40px

– 正文根据内容主次区分32px、26px、20px不等，内容标题记得要加粗

2.4 设计工具

• pinterest找图、behance找灵感

• Photoshop不必多说

• Sketch，快速出高保真原型神器，有强大的插件与UI资源库可以使用

• Xiaopiu，最近使用这个做原型设计，简直快到爆炸，什么墨刀什么Axure全部丢掉了

• Principle，轻量级交互工具，偶尔做个交互演示

以下为我的工具库…经常看到大家争论原型设计用哪个工具，觉得很幼稚。在此提醒大家一句，工具只是工具，而你大爷还是你大爷。

懂的人自然会关注

,