超全面!5个高质量的设计规范和Sketch 源文件免费下载 - 优设-UISDC

超全面!5个高质量的设计规范和Sketch 源文件免费下载

2017/11/20 35649评论区

编者按:近两年为了给公司产品制定合理的设计规范,参考了许多国内外优秀的设计规范,趁着这次机会做一个整理,而且这些设计规范基本上都是附带 Sketch 源文件的,非常值得大家下载学习、参考和使用。

一. Material Design

Material Design 官方相关源文件下载

Material Design 色板 Sketch 源文件下载

由 Google 设计团队推出的 Material Design 一经发布就红遍了全球设计界,多个富有突破性的设计理念,将理性与感性相结合的完美标准,使得越来越多的人基于 Material Design 制作了自己产品的设计规范。

除了谷歌官方的 Sketch 组件库外,还有一个基于 Material Design 色板的 Sketch 源文件下载,用起来非常方便。

想要深入学习 Material Design 的朋友们,看这几篇Material design学习资料就够了。

二. iOS Human Interface Guidelines

iOS 官方组件库下载地址

Facebook iOS GUI 下载地址

iOS 的设计规范其实并没有 Material Design 那么具体和细节,但作为一个 iOS 平台的设计人员还是需要把它们的设计理念烂熟于胸。

对于 iOS 平台的 Sketch 组件库,我只推荐两个,一个是 Facebook 推出的 iOS 10 组件库,另外一个是由 Apple 官方推出的组件库,同样都有 Sketch 源文件。

说到 iOS 设计规范,设计师们可千万别错过这篇好文→ 《优设独家!可能是最全面的 iOS 11 学习指南》

三. Lightning Design System

Lightning Design System 官方文档

Sketch 源文件下载地址

Lightning Design System 是由 Salesforce 团队推出的一个设计规范,它们的规范文档也是相当完整而且可参考性很强,推荐大家研究,同时它们也有 Sketch 组件库可供下载。

四. Ant Design

Ant Design 相关资源下载

这是由蚂蚁金服体验技术部设计开发的一种设计语言,其中涵盖了大量跟 UE 相关的设计理念、交互模式、视觉规范等等,具有极强的参考价值,非常适合英语不好的小朋友理解 UE 的一些理念(比如我)。

除此之外,他们还基于 Ant Design 推出了 Sketch 组件库、Axure 元件库等等,强烈推荐好好研究学习。

五. Element

Element 相关资源下载

这是由饿了么 UED 设计开发的基于 Vue 的前端组件库,虽然在很多交互模式和组件样式以及设计理念上都参考了 Ant Design,但是也做了一些自己的修改和调整。

他们同样也推出了 Axure 元件库文件以及 Sketch 组件库,有兴趣的朋友可以参考研究一下。

六. Polaris

Polaris 相关资源下载

由国外 Shopify 团队推出的 Polaris 设计规范也有比较不错的参考价值,而且内容非常丰富完整,感兴趣的朋友可以查看官方文档好好研究一下,他们同样提供 Sketch 组件库。

七. WeUI

WeUI 相关资源下载

由微信团队推出的可以用于微信小程序设计的 Sketch 组件库,用起来也很方便,有微信端设计需求的朋友可以参考。

由微信团队推出的可以用于微信小程序设计的 Sketch 组件库,用起来也很方便,有微信端设计需求的朋友可以参考。

对微信小程序还不太了解的朋友们可以看看这篇→ 《收藏起来!可能是最全面的微信小程序开发设计指南(附实战案例)》

写在最后:

将设计规范做成 Sketch 组件库甚至 Axure 元件库其实任务量很大,但如果这项工作做好了能够大大提高产品、设计、开发团队的协作效率。最后,感谢这些团队对设计领域做出的贡献!

优设人气专题

中文字体下载优设独家专访在线抠图神器灵感大全

免费图库配色神器读书计划PPT 神器鲁班设计

iOS 11 学习指南人工智能PS 教程AI 教程C4D 教程

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/5-design-specification-sketch-file

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 设计流程 配色 web前端开发 用户体验设计 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里