人机界面设计指南

按照设计指南，设计出来的应用基本不差。

苹果人机界面指南：
https://developer.apple.com/design/human-interface-guidelines/

 

https://github.com/Cloudox/iOS-Human-Interface-Guidelines

 

安卓界面设计指南：
https://developer.android.google.cn/guide

google material design

https://www.material.io/

https://flutterchina.club/flutter-for-android/

 

微信小程序设计指南：
https://developers.weixin.qq.com/miniprogram/design/

https://weui.io/

 

Web设计指南：
https://www.smashingmagazine.com/2017/11/comprehensive-guide-web-design/

 

HTML5控件教程：

https://www.w3school.com.cn/html5/html_5_video.asp

 

ant design：

https://ant.design/docs/spec/data-format-cn

eleme 一套开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

https://element.eleme.cn/#/zh-CN

 

IBM Design Language

https://www.ibm.com/design/language/

 

Fluent Design System

https://www.microsoft.com/design/fluent/#/

https://developer.microsoft.com/en-us/fluentui#/controls/android

 

扁平化设计

设计语言主要有Material Design、Modern UI等。

 

ios原生组件，android原生组件。了解和试用这些原生组件，对于做出好产品很重要。

 

APP首页常用排版

https://www.jianshu.com/p/62f93b391f56

 

交互原型素材分享平台：

http://www.axureux.com/home/default.html

产品原型设计与团队实时协作平台

https://www.xiaopiu.com/

 

高效的产品设计协作平台

https://lanhuapp.com/?dsm

在线产品原型设计与协作平台

https://modao.cc/

 

图标搜索：

https://www.iconfont.cn/

 

axure非官方中文网

https://www.axure.com.cn/

 

要做一个好产品经理，从设计指南开始！

Axure（通用原型，15票）+蓝湖（产品设计研发三者协同）+Sketch（排版）+PS（图片）+墨刀（高质量原型，4票）

前面是脑图（百度脑图）和功能列表。

 

icon:

https://v3.bootcss.com/css/#tables

https://fontawesome.dashgame.com/

https://ant.design/components/grid-cn/

 

-------------------------------

产品：
1.用户、需求。（销售、竞品(问销售)、市场，用户、运营）
2.设计规范（国内三个和Apple）
3.组件，交互规范，前端工程师（element和WeUI，Ant Design）
4.接口概述(功能，内部可以不了解）, 微信和地图

我是一个老码农，老号程序员，架构师。2014~2017年我只会做一个好的技术（架构和项目管理），2017~2020年我可以做一个好的产品（设计语言+未来【移动、小程序、企业微型和钉钉，消息驱动】）

 

程序员-》架构（框架、架构、分层）
设计-》首席设计师-》设计规范（颜色、字体、图标、组件）
产品-》首席产品官-》战略规划委员会

 

如果保证公司出品的产品，都感觉不错，且有一定的一致性？

设计语言或设计规范：

国内比较好的有：AntDesign, Element，WeUI

国际上做得好的有：Apple,  google material Design, Microsoft  Fluent Design System