人机界面设计指南

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

苹果人机界面指南:
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

人机界面设计指南_第1张图片

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

 

你可能感兴趣的:(人机界面设计指南)