九套高质量的设计系统

经验分享评论8.5K1字数 582阅读1分56秒阅读模式

1.Material Design
这套来自 Google的设计系统是
目前最主流的设计系统之ー,成
熟的设计语言,原则、样式、布
局、组件、动效甚至开发代码都
已经被标准化设计了,可以直接
调用。
2.Apple HIG
来自苹果的人机交互界面指南也
是相当系统的设计系统,涵盖了
移动端、桌面端和可穿戴设备等
各种媒介的演进设计系统,覆盖
了iOS、 macos、tvOS以及
watchs四个系统,值得借鉴
学习。
3.Fluent
微软的设计系统 Fluent更加先
锋,在灵活性上ー点不弱于
Material Design,严谨性上不
弱于 Apple HIG,所以如果你的
设计涉及到VR和AR等更为前沿
的领域,可以尝试 Fluent。
4.Atlassian
这个常常被称为ADG的设计系统
主要用在 Sketch当中,每个Ul
组件都是精挑细选之后确定的,
整体设计风格非常友善,经过长
达6年的迭代而逐渐成熟,可用
性和易用性极强。
5.Polaris
Shopify的这套设计系统被命名
为「北极星」,它有着清晰明确
的设计规则,指引着设计师达成
统一一致的设计目标。它的内部
逻辑相当清晰,这也确保了设计
的效率和实用性。
6.IBM设计语言
这是IBM所设计的一套设计语言
(实际上他们正在设计一套新的
设计语言),它包含完整的动
画、图标、色彩、可复用的代码
等你所需要的全部组件
7.Ant Design
Antdesign是出自阿里巴巴之
手的开源设计系统,整套设计系
统严谨规范,在全球范围内得到
了广泛的认可,最关键的是作为
一家国内出产的设计系统,文档
不存在阅读障碍。
8.Nac hos
Nachos是一款出自 Trello团队
的设计系统,整套设计系统除了
足够完善和标准以外,还采用了
轻松幽默的文案来引导用户,令
人愉悦。
9.Photon
这是火狐的设计团队所提供的
套开源的设计系统,主要是服务
于火狐本身和相关设计团队。整
套设计系统清晰、简洁,通过必
要的解释来辅助设计决策。 文章源自随心吧-https://suixinba.com/1220/

 
  • 九套高质量的设计系统
经验分享

常用背景技巧

1.使用纯色 使用纯色是十分有效的打造简单背景的方式。浅色的组合可以让作品更柔和、平静。而深色的背景可以使浅色的内容更加突出。需要注意的是不要选择太多颜色。试着选择两种以内的颜色来打造最佳的效果,以免...
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖动滑块以完成验证