重庆总部电话：88888888
重庆总部电话：88888888
20年
互联网应用服务商
重庆总部电话：88888888
20年
互联网应用服务商
请输入搜索关键词
探索行业前沿，共享知识宝库
我要投稿
作者：随心系，仅供交流学习
案例
什么是设计规范？
设计规范是针对某个产品所制定出来的一整套产品标准，是设计工作的指导规则，一般包括流程标准，技术标准，设计规则等等。
通过这套标准，能减少错误发生率并提高设计质量和输出标准化的一致体验。设计规范主要为某个产品制定统一的用户体验、公司设计理论、品牌、视觉等方面的规范，为公司产品提供基石和指导。
色彩规则 / Color Token
Design系统级色彩体系同样源于「自然」的设计价值观。设计师通过对自然场景的抽象捕捉，进一步又通过大量的观察，捕捉不同色彩在自然光下的变化规律，借助美术中素描的思路，
则是平衡了可读性、美感以及可用性得出的，可以满足中后台设计中对于颜色的需求。
字体规则 / Typography
字体是体系化界面设计中最基本的构成之一，选择合适的字体字号有助于定义内容的信息层级，以及达到内容的可读性，我们基于电脑显示器阅读距离（50 cm）以及最佳阅读角度（0.3）对 Design 的主字体进行了一次升级，从原先的 12 上升至 14，以保证在多数常用显示器上的用户阅读效率最佳。
按钮 / Button
指导用户采取你希望他们采取的行动，帮助用户避免犯错。
按钮分为：主按钮、功能按钮、文字按钮、图标按钮、按钮加图标（eg:上传图片、返回等）、提示按钮等等。
布局 / Layout
空间布局是体系化视觉设计的起点，和传统的平面设计的不同之处在于，UI 界面的布局空间要基于「动态、体系化」的角度出发展开。在中后台视觉体系中定义布局系统.，从这三方面出发考虑：
统一的画板尺寸(为了尽可能减少沟通与理解的成本，有必要在组织内部统一设计板的尺寸)
适配方案(使用中台系统的用户的主流分辨率主要为 1920、1440和 1366，个别系统还存在 1280 的显示设备)
栅格(采用 24 栅格体系，让系统页面设计更加规范，提升美观度)
侧边导航优势:
很多菜单时使用，建议菜单多于6 项时使用;
可以承载多个层级，但建议 1-3 个层级;
企业级产品推荐使用侧栏导航，其可见性更好易于扫读，各菜单重要性受菜单排列顺序影响较小。
组件
一套可指导、可延续、可扩展、可统一的、可区分的视觉指引手册，离不开组件化交互。
在B端组件非常重要，确保页面得风格一致性，统一性，完整性.....
布局
按钮
导航菜单
面包屑+下拉菜单
tab标签页
输入框
时间选择器
单选框
复选框
选择器
文本域
表格列表（带操作）
分页器
弹窗样式
登录页
列表案例
注：设计作品仅供学习交流，设计灵感，不可作为商用，版权归原作者所有！
往期推荐
【B端】工作台/首页/终端灵感分享
【B端】终端快捷入口/首页导航
【B端】后台系统工作台/首页/数据统计
【B端】国外｜不同风格登录页面灵感分享
注：作品仅供学习交流，不可作为商用，版权归原作者所有！
亚星管理平台菁思福科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
亚星管理平台菁思福科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。亚星管理平台菁思福科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信亚星官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
2025-04-08
企业自建平台的必要性和可行性分析
2025-04-08
UI 设计中，如何设计出简洁易用的导航栏？
2025-04-08
这UI设计，高级感有了！
2025-04-08
环保行业网站的设计核心The core of an environmental protection website.
2025-04-08
盘点2025年B端网页设计的流行趋势 为企业挑选符合业务发展的B端产品
2025-04-08
微信小程序网上商城制作实战指南！开启网络营销新篇章
2025-04-08
3分钟避开企业建站80%的坑！这份避雷指南价值百万
2025-04-08
90%企业亚星官网正在慢性自杀！2025年高端网站建设的5个救命法则
2025-04-08
2025-04-08
2025-04-08
2025-04-08
2025-04-08
2025-04-08
2025-04-08
