SaaS 是运行模式的定义，是和业务类型定义不同的纬度，ERP产品中即有 SaaS的也有本地的，就像一个人即可以是大学生也可以是女性，两者没有重叠关系。

为了方便理解，可以将SaaS定义为面向企业的，基于云服务运行的B端软件服务。

HRM 也叫人力资源管理系统，用于管理企业内部人力相关的各类需求，如招聘、解约、组织架构、人才入档等。

CMS 也叫产品后台，对关联的前端产品（APP、网站、软件等）进行管理，包括编辑新闻内容、发布公告、处理用户、统计数据等。 比如创建一个包含资讯、广告位的企业官网，这些资讯和广告信息就需要通过 CMS 对它们进行编辑和管理，而不是依赖程序员用代码进行调整。

CRM 是企业专门用来管理客户的工具，尤其对于零售服务行业来说，能更好的维系和客户之间的关系是提升销售额和复购率的重中之中。 在日常生活里，我们在商店里办的会员卡，还是填写的用户资料，就是记录到 CRM 系统中，后台可以查看和统计客户数据，消费额度，账户余额等等。多数情况下，我们手机收到的品牌促销推广，就是由 CRM 系统操作的。

ERP 是对企业所拥有、调动的资源进行统一管理的平台，包括商品的供应链，销售审计，库存管理，成本核算等等，是今天实业领域必备的系统。

OA 系统是通过程序的形式使办公流程自动化的解决方案，是一个企业除了生产控制之外的一切信息处理与管理的集合。

在设计软件中可以通过 “右对齐” 的设置来实现，不过这种做法就必须要手动定义栅格宽度了，大家可以根据下面的案例自己在软件中尝试。

2C 或 2B，也就是我们所说C端和B端

无论是 PS 还是 Figma、Sketch。如果出现色彩不一致的情况，就是色彩配置文件没有保持一致。

即导航在左侧的做法，包含两种模式，一种是单列导航，一种是双列导航。双列导航可以兼容更多的导航层级（3级以上），能更好的突出下级导航选项。

区分两者最简单的方法，就是看有没有表头，有表头是表格，没表头的就是列表。

值得注意的是，如果我们的项目使用侧边导航，那导航栏大多情况下是不需要参与响应的，你们可以看看自己电脑桌面端安装的同类布局得软件，拖动软件窗口左侧栏目的宽度基本都不会变化，是因为它们参与响应带来的收益远低于不参与的做法。 所以，B端项目中的栅格往往不是全屏覆盖的，而是减去左侧的导航区域。在设计软件中可以通过 “右对齐” 的设置来实现，不过这种做法就必须要手动定义栅格宽度了，大家可以根据下面的案例自己在软件中尝试。

1280*720

在一些简单的、常用的控件或组件设计中，参数往往是非常固定的，所以有经验的设计师可以直接设置它们的尺寸，再做后续排版。 而尺寸的设置中会尽量以4的倍数进行设置，虽然背后有一套复杂的原因和逻辑，但它对设计师的最大的帮助，就是在尺寸设置中可以按一个较大的数值进行递增或递减，以找到合适的数值。 如上面的按钮，如果我们一开始没有明确的想法要做多大的尺寸，那么就可以通过4的倍数去“试”出来而不是用 “1” 做递增或抵减，比如从24开始做到36包含4个尺寸，我们可以通过直观的对比来选择出合适的对象。

网页视图区域大小受到多个方面的影响，主要是浏览器界面、浏览器窗口、设备分辨率等。 浏览器界面即浏览器本身的 UI 元素，如标签、收藏、操作、菜单栏等，不同软件和不同设置都会影响视图区域的大小。

SaaS 是运行模式的定义，是和业务类型定义不同的纬度，ERP产品中即有 SaaS的也有本地的，就像一个人即可以是大学生也可以是女性，两者没有重叠关系。 同理，SaaS可以是任何软件，没有专门面向 SaaS 的设计方法，不要把它当成一种特殊的软件界面类型看待。

比如要再内容区域制定4列的卡片，那么我们不会直接定义四个卡片的宽度，而是根据内容区域的宽和卡片的间距，来算出卡片最终的宽度。

想要获得最安全的设计效果，那么就建议使用 1280*720 或 1440*900 的分辨率。并且因为系统和浏览器界面本身会占用一部分显示高度，所以还要减去 80-100 像素高，最终的单屏分辨率约为：

这个调整过程是需要设计师去制定规则的，而不是只输出一个设计稿剩下的让开发自己脑补完成。对于 B 端界面来说，这种规则的制定非常的复杂，就算做好了，开发成本也很高不会被完整实现出来。 大多数 B 端项目的响应式都是使用低配模式，简单的实现内容空间的尺寸变化，但并不支持布局的调整或切换不同的样式。

而用户使用的系统以及自己安装的字体各不相同，所以网页的开发过程会调用系统默认的字体（指定的也是），在不同设备、系统中就注定会用不同的字体渲染。比如苹果使用苹方、Windows 使用雅黑、安卓平板使用思源黑。 但 B 端网页显示的系统中 Windows 使用率最高，所以主要推荐使用微软雅黑来进行设计，能和多数用户的显示效果保持一致。 在英文、数字字体的应用中同理，虽然理论上可以在前端开发中嵌入其它字体，但这需要用户第一次打开网页时额外下载字体文件，对于追求效率的B端项目来说是完全没有必要的。 所以如果要应用特殊的英文、数字字体，就可以使用 Arial 或 Helvetical 这些最常见的系统自带字体，而不要追求设计效果使用其它字体，最后无法被还原出来。

B2C 全称是 Business-to-Consumer 即企业到客户的服务，B2B 全称是 Business-to-Business 即企业对企业的服务