微软界面设计规范UI设计参考
微软的界面设计规范，讲真，还是挺有参考价值的。是你做后台管理系统、桌面端软件的时候，用它那套思路来规范布局、颜色、图标，清晰。风格上偏简洁偏商务，但也不死板，配色、留白、字体层级都讲得比较细，套上你就知道，界面立马高级不少。
微软的设计里，控件样式统一性做得还不错，不管是按钮、输入框还是提示框，规范都有详细。你像<button>按钮的高亮状态，鼠标悬停的反馈，甚至是图标和文字的间距都有定义。多新手设计的时候容易忽略的地方，它都有考虑到。
响应式布局这块，也有提到一些建议，虽然主要面向桌面端，但像窗口缩放、组件自适应位置这些点，挺有借鉴意义的。是你做 Electron 或者 WinForm 前端的时候，照着这个调会省不少事。
如果你对跨平台风格对齐感兴趣，可以顺带看看其他平台的规范： iOS 用户界面设计规范 和 Android 人机界面设计规范，对比一下各家的细节，能提升你不少设计眼光。
另外，还有篇关于 B/S 结构前台设计规范 的文章，里面讲的 Web 界面约定也蛮清楚的，和微软这套结合来看会更完整。
建议你看规范的时候别走马观花，配合自己的项目情况来拆解，比如你在做多窗口系统或复杂数据展示的时候，它的分区布局建议就实用。
文件大小：10.66KB
评论区