国内外大厂的 UI 设计规范 - ui8free

Get all the files from UI8

国内外大厂的 UI 设计规范

资源下载

  1. WeUI 微信小程序组件
  2. 蚂蚁金服 (Ant Design) Mobile + Web 组件
  3. Salesforce 组件 (国外)
  4. Shopify 组件 (国外)
  5. Dashboard 60 (UI8 文件夹内搜索)
  6. Web SaaS Dashboard UI Kit (UI8 文件夹内搜索)
  7. Symbols & Styleguides by @JanLosert

下载地址:加入小密圈后获取下载地址

查阅设计规范相关的页面/文章

  1. 微信小程序设计指南 · 小程序
  2. Ant Design Pro
  3. Design Guidelines — The way products are built.
  4. Airbnb 的视觉设计语言
  5. 米喜设计规范
  6. 核桃 app 设计界面及设计规范
  7. 知乎 V3.14.0 移动 UI 设计规
  8. 更多参考规范请自行搜索…

需要注意的点

  1. 文件命名、图层命名,相关文章网上很多,长期坚持养成习惯,模块_类别_功能_状态
  2. 各种控件和状态考虑全面,做成 Symbol 组件,方便利用。后期做好更新迭代。
  3. 考虑控件后期的可扩展性,考虑后期可能增加了某些功能或条件。
  4. 定义控件的交互模式,最好能模似出实际操作。
  5. 考虑内容边界,一些特殊的输入和输出情况。
  6. 后期有了规范不要先急于出视觉效果图,先考虑清楚设计或改进的缘由。
  7. 栅格化和间距的制定,需要了解相关技术文档,并和前端做好沟通。
  8. 情感化设计,尝试一些活泼的界面动效。
分享