consumer business
C端---主战场移动端
面向的用户群体庞大,多数以内容与体验为驱动。竞品较多,所以在具有优秀的交互逻辑上,有自己的风格很重要。
1、从产品角度看逻辑相对B端来说简单一些,但是产品要有很强的同理心。
2、从设计的角度看美观的同时,还要具有趣味性。
B端---主战场pc端
主要面向客户或内部使用,群体小,竞品少且很多不对外,以效率解决问题为驱动,实用大于美观。
对产品经理的逻辑思维要求较高。(对信息的整合、对业务的理解)
认知成本高
B端分类---支撑前台系统 管理资源
支撑前台:淘宝商家版,饿了么商家版,对订单和用户进行管理,支持 C 端产品的业务进展。
工具类:微信公众号平台(对文章和读者的数据统计和管理)、财务报销、考勤系统、ERP供应链管理、CRM客户管理等
企业级服务产品,虚拟主机系统(VMware),云主机管理系统(深信服、xensystem、腾讯云)以及各种云SaaS。
政务类:网上办事、数据统计、土地管理工程管理等。
所谓隔行如隔山不单指不同岗位间的差距,同属设计行业服务不同产品设计也会如此,不同行业对信息处理的方式不同,业务流程业务走向也不同,如医疗行业与政务系统都有自己专属的工作流与业务流。所以设计师不单要完成界面与流程优化,还要主动与产品沟通熟悉业务,并对产品进行深层次的思考。
在开始设计之前要对行业本身作为基础了解,我们要解决什么问题,实现什么目标,产出什么结果
尺寸设定
目前 PC 端用户屏幕分辨率占比排名前三的是 1920*1080、1366*768、1440*900
大部分系统顶部栏高度 48+8n,侧边栏宽度 200+8n,侧边栏宽度 200px,侧边栏收缩状态宽度 56px,右侧的侧浮窗宽度 400px。
插件网站
Ant Design的设计组件,实现框架 React、Angular
Element的设计组件,实现框架 Vue 2.0、 Angular
iView的设计组件,实现框架 Vue
飞冰的设计组件,实现框架 React
Layui的设计组件
G2可视化图形组件
Echarts可视化图形组件
d3.js可视化图形组件
GridGuide在线栅格化计算工具
文章和作品推荐
《如何更好地使用栅格系统》Christie Tang
《栅格系统及其在后台设计中的应用》UXBoy
《原子化设计-后台产品组件库建设》MrLei
《如何写后台系统UI设计规范 》八戒Maria
《B端产品设计》千夜Ryan_Vision
《B端网页设计规范全方位汇总》BruceXLS
《如何利用走查表驱动设计改版》可乐Cola
Michal Parulski 的后台可视化设计作品
zoeyshen 的后台可视化设计作品
三鱼先生的数据可视化设计作品