设计沉思录 | 以公寓管家PMS为例，探讨B端产品该如何设计
01 关于B端和C端设计差异
B端和C端的产品具有明显的差异性，这导致了在设计思路上有很大的不同。
风格定义
（2）视觉定义
1）颜色定义
颜色选用上，选用体现B端PMS管理工具类产品特点的蓝色系为主色，其他色彩为辅助颜色。
颜色定义
2）字体
中文选用苹方字体，字体饱满及辨识度和通用性高。数字采用58专属字体，Don58，字体瘦长更利于较长数字展示。
苹方字体
3）图标
导航与内容图标采用线性图标，描边2PX宽度，增加更多细节。
图标
4）布局、适配、栅格
布局：采用左右布局的方案， 将导航栏固定在左侧，提高导航可见性，方便页面切换。
布局
适配：由于B端场景多样化，根据主流屏幕分辨率做不同适配，提高屏幕利用率，提升用户使用体验， 公寓管家采用左右布局，因此在适配方案上使用将左侧导航栏固定，对右侧工作区域进行动态缩放。
屏幕适配
栅格：布局上的栅格会使页面更加工整简洁，以1440X900为设计基准，使用栅格系统在主要内容显示区进行12栅格划分，遵循8n的变化规律，使得设计元素有规律可循，减少决策时间提高效率，模块区分更清晰。
页面栅格
（3）组件
在设计B端产品中往往也是大多数情况下会接到比较紧急的需求情况，所以在设计过程中组件化会能更好的提高效率和产能。随着功能的不断完善，组件也在不断更新中。
部分控件
3. 设计后
当我们设计完成告一段落后， 设计稿交给开发实现过程中， 要随时跟开发沟通，上线后及时验收，保证对设计稿的高度还原，同时也应针对一些重要模块页面进行数据埋点，统计数据，为以后的设计优化，做好有力的数据支撑，提升产品的用户体验。
03 对于B端产品我的一点思考
作为一个设计师，在设计公寓管家过程中，不仅要做好设计，还要提升自己对业务的理解和配合开发的能力，更要有对整体把控和交互的能力，用更加全面的视角，规划整体设计。
1. 提升协作能力
B端产品由于其复杂的逻辑，需要整个团队包含产品、设计、技术、测试协同办公、共同协作，每个人都应该从整体出发，从用户的使用习惯出发，挖掘需求。
2. 深耕业务
在B端业务是一切的基石是根本，不谈业务的产品设计是没有灵魂的。只有了解业务，知晓业务各个环节、了解业务的场景，才能给用户带来更好的体验。
3. 小而美的设计
我们在设计中，常常会喜欢复杂的交互，更加丰富的色彩。但B端产品更注重的是信息承载和提高效率，我们怎样让用户在短时间内做出准确的判断，提升效率，需要小而美，小而精的设计。力求准确，降低学习成本。
04 写在最后
以上是我的一些反思，作为一名B端设计师，我也在不断地总结和成长，希望我的反思对你有所启发。我相信无论多复杂的业务和逻辑，只要我们全心全意、满足客户诉求都可以达成我们的目标。我也希望我这篇文章能够起到抛砖引玉的效果，欢迎共同探讨。
作者：佟佳昕；视觉设计师
@58用户体验设计中心（微信公众号@58UXD），作者@佟佳昕
版权声明
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！
