大厂Sketch组件库源文件

董喜
2023-12-01

大厂Sketch组件库源文件
Apple UI Design Resources:https://developer.apple.com/design/resources/
Google Material Design:https://material.io/resources
Ant Design:https://ant.design/docs/resources
Salesforce Lightning Design System:https://www.lightningdesignsystem.com/resources/downloads/
阿里teambition-Clarity Design:https://design.teambition.com/overview
饿了么 Element:https://element.eleme.cn/#/zh-CN/resource
微信主站+微信小程序WeUI:https://developers.weixin.qq.com/miniprogram/design/#%E5%9B%BE%E6%A0%87
滴滴Mand Mobile:https://didi.github.io/mand-mobile/#/zh-CN/design/other/resource
京东Taro UI:https://taro-ui.jd.com/#/docs/resource
有赞 Zan Design:https://design.youzan.com/resource/resource.html
B端学习资源汇总(部分网站需要科学上网):

超实用B端及可视化产品设计师平台:https://tob.design/#/home/
B端设计规范:https://www.pslkzs.com/ui/index.html
B端LED发光字体下载(字体不可商用): https://pan.baidu.com/s/1IX31ca4rO9VnEjymfdn4lw 密码: jjwm

国外炫酷网站设计和技术都一流:http://www.espn.com/espn/feature/story/_/id/19045647/we-fans-doc

日本科技感网站,纯炫技,可视化学习很不错资料:http://www.newstech.jp/

国外非常好看的B端高质量设计模板,里面有很多在线演示的示例:http://eliteadmin.themedesig/

基于BootStarp高质量模板:https://wrapbootstrap.com/

国外B端学习整套B端高质量模板:Angle - Bootstrap Admin Template

B端模板:http://themicon.co/theme/angle/v3.2/backend-jquery/app/dashboard.html

国外高质量B端模板,点击livepreview有具体示例:https://coreui.io/?affChecked=1

一整套前端框架,值得UI设计师学习的规范:https://semantic-ui.com/

很多在线出售的模板,代码都写好了,学习借鉴的好去处:https://themeforest.net/category/site-templates/admin-templates

三维数据可视化,这个公司产品让我很惊艳 :https://www.hightopo.com/demos/index.html

NASA用一个小车探索月球,未来数据可视化像玩游戏 :https://opensourcerover.jpl.nasa.gov/

效果很骚的数据可视化,超级带感的炫酷地球:http://launchit.shanemielke.com/

设计规范不会做,看看外国人全套商业规范:https://framesforsketch.com/

阿里巴巴数据可视化案例,点击[预览]有做好的成品:https://www.aliyun.com/activity/intelligent/datav-showcase?spm=a2c0j.140

上传本地数据,生成炫酷可视化效果: https://kepler.gl/

国内外地图数据下载,有json还有svg的格式:http://img.hcharts.cn/mapdata/

国外FUI网站、里面有相关采访、制作思路、界面设计等等:https://www.pushing-pixels.org/fui/

体验设计手册,涵盖所有B端设计流程中用到的用研、产品、交互、视觉、协作知识:https://www.yuque.com/meifangmia/zwcdgs

B端产品必备常识:https://www.yuque.com/lianjiaxiansheng/ggtpzd/wf41…

灰大设计内容板块 :https://www.pslkzs.com/ui/ui.php

Antv蚂蚁数据可视化:https://antv.vision/zh

——————分割线———————

后台网站

https://themehunt.com/

https://echarts.apache.org/zh/index.html

https://themeforest.net/category/site-templates/ad…

——————分割线———————

后台页面参考网站

https://huaban.com/boards/291013/

https://preview.pro.ant.design/dashboard/analysis

https://ant.design/docs/react/introduce-cn

https://ant.design/index-cn

http://www.10oa.com/v8/function.htm

——————分割线———————

栅格计算工具:
灰大栅格计算工具:https://www.pslkzs.com/nav/column.php
grid.guide:http://grid.guide/
网页栅格系统到底应该怎么用:https://mp.weixin.qq.com/s/VJNHJ_WDttc0PwB0LQZ6fA

——————分割线———————

适用B端图表、表格、地图、文本数据插件:

PS拉框助手:https://www.pslkzs.com/index.html

Adobe XD拉框助手:https://www.pslkzs.com/xd/index.php

Sketch拉框助手:https://www.pslkzs.com/sketch/index.php

PS内容填充助手:https://www.pslkzs.com/text/index.php

XD内容填充助手:https://www.pslkzs.com/xdText/index.php

Figma内容填充助手:https://www.pslkzs.com/figmaText/index.php

Sketch内容填充助手:https://www.pslkzs.com/sketchText/index.php

附:Figma标注切图插件:https://www.mockplus.cn/download/figma-intergratio…

 类似资料: