餐饮案例

完美个性的设计方案,全心全意为餐饮设计定格美好生活瞬间!

设计导航:设计体系 / 设计规范 / 组件库

wxtd 2022-09-12 餐饮案例 103 views 0

设计系统相关案例、文章、工具、演讲集合,资源非常全面!

Fig ** 该网站发表了许多与设计系统相关的文章,包括设计、开发方法等。

产品设计师 Jun 设计开发的网站收集了与设计系统相关的教程、文章、书籍和案例。

Jina Anne 许多嘉宾分享了设计系统的各个方面。

UXPin 主办的设计系统主题峰会有 IBM Carbon、Salesforce Lightning 以及许多著名设计系统背后的故事。

用于记录设计系统,包括创建在线系统 styleguide、管理组件代码、存放设计资源等等。

由原子设计和设计体系构建的核心指导理论组成 Brad Frost 提出。

作者 Alla Khol ** tova,介绍了设计体系的基本构成和创建方法。

UX 设计师 C7210 发表的系列文章包括设计系统,Sketch Library 功能等内容。

来自 Airbnb Design 官方博客介绍了设计系统的价值、创意等。

本文主要介绍了设计系统的发展过程(Design Guideline - DPL - Design System)、设计系统类型及适用场景。

设计师孙浩的知乎专栏翻译了一些与国外设计系统相关的文章,介绍了创建设计系统的技巧和方法。

阅文 YUX 本文分享了构建产品组件库的思路和方法,非常有用!

作者 Rojcyk 介绍他加入 Kiwi.com 移动终端设计团队后如何使用? Fig ** 来构建设计体系的。

Apple 除提供官方人机交互指南外,还提供官方人机交互指南 Apple 平台相关 UI 除资源外,还包括一系列设计原则、设计建议等。

Google 的 Material Design 设计系统包括设计指南、设计和开发组件等。

Microsoft 的 Fluent 设计系统包括在 Windows 10 创建设计标准和应用体验 UI 代码示例。

Office 官方前端框架提供使用 React 构建的组件,以及用 Adobe XD 控件、布局模板等。

SAP 公司提供的一套 Web 应用程序的用户界面设计指南 UI 元素使用指南真的很详细。

Salesforce 公司的 Lightning 设计系统,包含了用于创建符合 Salesforce Lightning 用户界面的原则、设计语言和最佳实践资源。

IBM 以 IBM Design Language 包括开源代码、设计工具和资源、人机界面指南等。

Atlassian 依据 Atlassian Design Guidelines 构建的一套 UI 组件库。

Sipgate 建立在模型库中 2015 2000年,但一年后,团队发现由于产品团队之间缺乏沟通,添加了太多的组件。最近,他们正在开发一个新的模型库,以实现在多个产品网站上统一设计语言的目标。

TED 有几个设计系统 UX 由设计师和前端开发人员组成的小团队负责。基于他们 patterns 对这些模式的理解共识 patterns 以简单的方式整理出来。

由 Eurostar 一个专门的小组负责系统中的组件是真正的「原子化设计(Atomic Design)」组织包括 Atoms 原子、Molecules 分子、Organi ** s 有机体、Templates 模板、Pages 页面。

雅虎公司生产的一组轻量级、响应性纯 CSS 适用于任何模块 Web 项目。

Intuit 设计系统包含各种组件和设计原则说明,但一些资源 Intuit 只有内部员工才能访问和下载。

Github 在线设计系统 Primer,包括各种设计和代码资源、工具和设计指南。

基于确定和自然设计价值观的模块化解决方案,服务于企业级产品的设计体系,让设计师和开发者专注于更好的用户体验。

飞冰是一套基础 React 淘宝前端团队发起的中后台应用解决方案 UED 与后端开发学生共同打造,旨在「提高中后台系统的开发效率」。

Alibaba Fusion Design 是一套旨在全面提高设计开发效率的工作模式。 协助企业建立设计系统,提供系统工具,协助设计师和前端使用设计系统,提供一站式设计项目协助平台,开辟互联网产品从设计到开发的工作流。

基于内部组件库,滴滴出行精简提炼的移动组件库 Vue.js 实现。

WeUI 它是一套与微信本土视觉体验一致的基本风格库。微信官方设计团队为微信网页和微信小程序量身定制,使用户感知更加统一。

Flutter 是 Google 帮助开发者 iOS 和 Android 两个平台开发高质量的原生平台 UI 的移动 SDK。Flutter 与现有代码兼容,免费开源,广泛应用于全球开发者。

WeWork 为其内部数字产品创建设计系统,以满足其业务需求。它的创建过程对我们很有参考意义。

基于开发者、设计师和产品经理的准备 Vue 2.0 桌面端组件库。

Adobe 的设计系统 Spectrum。

Teambition 的设计系统 Clarity Design。

一套基于 Vue.js 的高质量 UI 组件库。

UX Power Tools 同时包含 Web 与移动终端设计系统,Sketch 组件全面完整,包括共享风格、支持内容自适应等。 Style Guide。但是,收费,可以 Gumroad 上购买。

Frames 和 Plaster 分别是针对 Web 以及移动终端的设计系统 2 一个设计系统最大的特点是提供了大量的模板页面,并支持内容自适应。但也收费。

iOS Blueprint 是专注 iOS 行业知名度相当高的设计体系。除了基本的 Library 此外,还提供了一些通用模板。这也是收费的,但在 Gumroad 上购买。

累了,不写。

主要针对 Web 设计系统的应用,组件库不是很完整,Sketch 没有共享风格,比较粗糙。

Zent 是有赞的 PC 基于端组件库 React 实现提供了一套完整的基础 UI 这些组件和一些常用的业务组件已经受到了好评 PC 在业务中使用。Vant 是一个赞美的移动端 Vue 组件库,Vant Weapp 是 Vant 基于相同视觉规范的小程序版本提供一致性 API 接口。

有响应性 UI 组件框架支持网站在多个设备上的扩展。

Lexicon 是 Liferay 一种设计语言 ,包括用户界面组件、模式和用例。Clay 是以 Lexicon 一套基础实践 Web 应用组件库 Clay,包含大量代码示例。

英国内阁办公室 GDS 一套设计系统,UI 样式看起来有点乱,但其中一些组件的使用方法也可以看一看。

基于 Material Design 的 React UI 框架。

企业级通用管理系统快速开发框架,注册登录后可在线体验。

一套用于开发 Material Design 网页的前端框架。

轻量级,Mobile first 前端框架, 基于开源社区流行前端框架编写。

新浪 UED 为新浪产品编制的人机交互指南包括 PC、iOS、Android、HTML5 以及新浪等各种平台的设计原则 VI 系统介绍相当全面,推荐阅读和学习(但有些内容没有更新,现在可能不适用)。

基于 Vue.js 移动端组件库, CSS 和 JS 组件等。

由 layui 通用型后台管理模板系统自建前端架构制成。

Akveo 移动终端和设计 PC 提供端组件库 Sketch 和 Fig ** 组件库资源,Fig ** 组件库和 Sketch 需要购买和使用暗模式组件库。

全栈开发工程师 Julien Rioux 设计开发的 UI 组件库。

JavaScript UI 组件的最终 ** ,包含用于 jQuery、Angular、React 和 Vue 用于快速构建响应式仓库 Web 应用。

附件:以下是网页设计资源相关网站推荐

网站设计指南集,包括组件库示例、关于设计指南的文章、书籍、工具等。

Envato 的 envato ** rket 网站设计模板集合。

以上内容仅用作个人学习笔记。感谢这些设计团队和所有分享想法和经验的人~

赞(

餐饮案例推荐

发表评论

发表评论:

扫描微信

扫一扫添加微信