素材网址合集 - Visual Design-视觉设计类 - 《设计劝退所》

视觉能力标准
设计原则
设计风格
设计趋势
周刊
设计软件类
Ui资源
文章

视觉能力标准

https://shimo.im/sheets/y83Hy6xkrVTw3Q9g/MODOC
视觉设计基础
https://www.usability.gov/what-and-why/visual-design.html
uiux学习提升https://uxcel.com/
ui设计体系https://www.yuque.com/zhuzi-sneji/zs0t82

设计原则

http://learndesignprinciples.com/
尼尔森十大交互设计原则 https://www.uisdc.com/nelson-10-ux-design-principles
设计法则https://www.uisdc.com/tag/%E8%AE%BE%E8%AE%A1%E6%B3%95%E5%88%99%E4%B8%93%E9%A2%98
设计原则集合https://principles.design/
交互原则介绍https://lawsofux.com/

设计部执行流程
https://v3.processon.com/view/link/601ba889762131187376e8b9
https://v3.processon.com/view/link/601ba8a976213121d405a204

腾讯设计交付工具https://xshow.tencent.com/
字节走查工具-公司内部产品，解决开发还原度低、设计走查低效的问题，实现高质量的项目还原效果，保障更极致的用户体验：https://copixel.bytedance.com
网格系统https://www.uisdc.com/grid-system
阴影的使用https://card.weibo.com/article/m/show/id/2309404524460555501624?wb_client=1
web组件的命名库https://9elements.com/bem-cheat-sheet/#standard-blocks
资深 UI 设计师搞定按钮和选框的14个秘诀https://www.uisdc.com/selection-controls-ui-component
按钮的自我修养 https://www.uisdc.com/button-design-user-interface

制作时间线 https://timelines.gitkraken.com/
页面模块 https://fusion.design/pc/block/722
表格设计注意事项 https://mp.weixin.qq.com/s/uJBCPAKXTb5F4-Qs3XkqKA
框架资源及表格示例.zip

设计案例
http://www.adinnet.cn/Template/BlogList.aspx?TID=2&TpID=7
UI设计中的字体大小：原理与资源
https://learnui.design/blog/font-size-principles-resources.html
UI设计模式及其应用方式
https://www.designorate.com/ui-design-patterns/
3种设计布局：古腾堡图，Z型和F型
http://vanseodesign.com/web-design/3-design-layouts/

设计软件类

Mac软件下载

合集https://wangchujiang.com/awesome-mac/index.zh.html#%E7%A7%91%E5%AD%A6%E4%B8%8A%E7%BD%91
http://wangchujiang.com/awesome-mac/index.zh.html

正版/介绍
App Shopper：http://appshopper.com/
MacUpdate：https://www.macupdate.com/
类似于iOS上Cydia一样的第三方软件商店：http://hack-store.com
少数派：http://sspai.com/tag/Mac
Mac玩儿法：http://www.waerfa.com Visual Design-视觉设计类 - 图1
腾讯柠檬精选：https://lemon.qq.com/lab/
Mac软件精选：https://macpai.cn/

https://www.inpandora.com
https://www.macwk.com
https://www.xxmac.com/mac

盗版软件下载网站黑名单
上面有大量的开源软件或者免费软件，拒绝盗版从我做起，下面被删除的网站提供大量破解软件下载，欢迎大家监督它们。
玩转苹果：[http://www.ifunmac.com](http://www.ifunmac.com)
AppKed：[http://www.macbed.com](http://www.macbed.com)
appaddict：[https://www.appaddict.org/](https://www.appaddict.org/)
Mac精品软件：[http://xclient.info/](http://xclient.info/)
MacPeers：[https://www.macpeers.com](https://www.macpeers.com)
Mac毒：[https://www.macdo.cn](https://www.macdo.cn)
Macx：[https://www.macx.cn/](https://www.macx.cn/)
Mac软件下载站：[http://www.pshezi.com](http://www.pshezi.com)
MacPeers：[http://www.macpeers.com](http://www.macpeers.com)
Mac志：[http://www.isofts.org](http://www.isofts.org)
Mac软件分享：[http://www.waitsun.com](http://www.waitsun.com)
MacSky苹果软件园：[http://www.macsky.net/](http://www.macsky.net/)
Softasm：[https://softasm.com/](https://softasm.com/)
Mac破解软件：[https://www.macappstore.net/](https://www.macappstore.net/)
卡卡源：[http://www.kkroot.com/](http://www.kkroot.com/)
苹果软件园：[http://www.maczapp.com](http://www.maczapp.com)
马可菠萝：[http://www.macbl.com/](http://www.macbl.com/)
极致分享：[https://alltoshare.com/](https://alltoshare.com/)
麦克社：[http://www.macshe.com/](http://www.macshe.com/)
未来软件园：[http://www.orsoon.com/](http://www.orsoon.com/)
腾牛网：[http://www.qqtn.com/mac/r_17_1.html](http://www.qqtn.com/mac/r_17_1.html)
未来软件园：[http://www.orsoon.com/mac/](http://www.orsoon.com/mac/)
威锋网：[https://bbs.feng.com/forum.php?mod=forumdisplay&fid=19&page=](https://bbs.feng.com/forum.php?mod=forumdisplay&fid=19&page=)

Macwk：https://macwk.com/
玩儿法 https://www.waerfa.com/
Mac毒https://www.macdu.org/
http://www.sheui.com/Tags/Mac-1.html
把网站作为桌面应用https://sindresorhus.com/plash
Mac软件-马可波罗https://www.macbl.com/
win&mac-脑袋瓜子https://www.naodai.org/
https://macwk.com/soft/all/p1 https://wangchujiang.com/awesome-mac/index.zh.html
https://www.z2er.com/
https://www.macx.cn/
https://www.macdo.cn/
xclient.info - (提供众多精品软件，免费下载,少数只提供正版试用)
macdu.org - (提供众多软件，基本都是免费下载，前一个网站只提供正版试用的可以在这用积分下载)
Icheese.org - (界面简洁美观，资源相对而言没前者丰富，但相对较精，软件都是免费下载，激活方法写的都非常详细，适合新手，少数需要积分下载)
waitsun.com -(界面美观性没有前几个网站好，但资源相对来说也很全面，同时也提供免费下载)
https://www.macbl.com/
https://mac.orsoon.com/
https://www.macupdate.com/
http://www.lapulace.com/
http://www.sdifen.com/
https://mp.weixin.qq.com/s/tfrLcjtQN_64Luqzh1e6UQ
http://www.orsoon.com/
https://kkroot.com/
https://www.macdown.com/
https://macstore.info/
https://www.91h.cc/
https://www.52mac.com/
http://soft.macx.cn/index.html
https://www.xxmac.com/
花间社https://www.huajclub.com/

Macbook入门及科研/笔记软件推荐

1.Macbook，MacBook Air ，MacBook Pro都有什么区别？http://t.cn/A6htRKYM
2.用于科研的 macOS 应用软件盘点：http://t.cn/A6htRKYK
3.MacBook 有哪些好用的软件？http://t.cn/AisesqzM
4.超实用MAC软件分享：http://t.cn/A6htRKYa
5.用苹果电脑科研你需要知道怎么使用Latex：http://t.cn/A6htRKYi
6.买了Macbook要好好学习？！4个时间规划/管理/记录软件推荐：http://t.cn/A6htRKYx
7.MAC笔记软件简介：http://t.cn/A6htRKY6
8.MacBook科研必备软件推荐：http://t.cn/A6htRKYo
9.MacBook Pro适合深度学习吗？http://t.cn/EVHm4gV[/cp]

1.Sketch资源

https://sketchrepo.com/
https://sketchapphub.com/
Sketchrepo：免费高品质的Sketch资源
sketch源文件https://sketchrepo.com/

Sketch 常用插件整理

2.XD 软件

插件及教程https://xd.94xy.com/

3.Figma资源库

精选的Figma最新模板集合：UI套件，UX工具，设计系统，图标，插图等。https://setproduct.com/blog/figma-summer-top-15

网站：
官网：https://www.figma.com/
figma中文网https://figmacn.com/
http://www.uifig.com/
ifigmahttps://www.ifigma.design/
figmachinahttps://figmachina.com/
figmalandhttps://figmaland.com/

资源篇
https://figma.cool/包含插件、uikit

https://www.figmacrush.com/
Figma 免费资源库，包括 UI Kit、Icon、Mockups 等

https://www.figmafreebies.com/
100%免费的 Figma 资源库

https://www.figmafinder.com/
免费的 Figma 资源和 UI Kit

https://www.figmaresources.com/
设计师在 Figma 社区中分享的免费资源

教程篇https://www.figma.com/resources/learn-design
https://www.figmacn.com/tutorial
https://www.figmacn.com/resource
工具篇https://www.figmacn.com/tool
技巧篇https://www.figmacn.com/tricks
文章篇https://www.figmacn.com/article
交付篇
https://zhuanlan.zhihu.com/p/106870038
Figma Handoff：https://figmacn.com/handoff
https://www.figmacn.com/handoff-landing

https://setproduct.com/
https://ui-kit.co/
https://www.ifigma.design/
https://www.figmacrush.com/
https://www.figmafreebies.com/
https://www.figmafinder.com/
https://www.figmaresources.com/
https://www.figma.com/resources/
https://setproduct.com/
http://www.figmafreebi.es/

教程：
https://www.ifigma.design/index.php
https://www.figmacn.com/tutorial/official
https://www.figmacn.com/tutorial
小技巧https://mp.weixin.qq.com/s/0yeiK40MJOYUEF1-lIi0_Q
https://medium.com/design-with-figma?source=follow_footer—————————————follow_footer-

插件：
精选https://figma.tovi.fun/
插件库https://www.notion.so/Figma-e1e772baee504ea6bae63e878514f40c
https://www.notion.so/Figma-e1e772baee504ea6bae63e878514f40c#897b6778c5a24850abcfc49ce135d348
https://www.uisdc.com/best-figma-plugins-for-2020
https://shimo.im/sheets/wgrJXxCPp6yChDwr
汉化插件https://figma.cool/
中文 Figma 插件https://cn.figma.cool/
https://chrome.google.com/webstore/detail/figmacn/japkpjkpfdakpkbcehooampdjfgefndj
中文字体选择器https://www.figma.com/community/plugin/851126455550003999/Chinese-Font-Picker
真实数据引用https://figma.bothrs.com/
https://www.figma.com/blog/introducing-figma-plugins/

figma设计工具中一款名叫HTML to figma的插件
此插件能把别人的网页直接通过输入网址切成图层，意味着，做竞品分析的时候就可以直接分析别人网页颜色，字体，布局，配色等！
插件地址：https://www.figma.com/community/plugin/747985167520967365/HTML-To-Figma

假设你公司所有人都没网你手画标注导出PNG给前端或者借助Measure Tools来自动生成画布内标注https://www.figma.com/community/plugin/822781486072277843/Measure-Tools

️ Chinese User Data Generator
中文用户数据生成器，随机生成姓名、年龄、性别、手机号码、E-mail、职业、地址、省份、城市
https://www.figma.com/community/plugin/864052338727969891/Chinese-User-Data-Generator

Unlocker
图层解锁器，显示所有已锁定图层属性，解锁并快速导航到该图层位置。
https://www.figma.com/community/plugin/862912103841000337/Unlocker

✏️ Same Text Generator
一键生成多个相同文本。
https://www.figma.com/community/plugin/863748474013054025/Same-Text-Generator

其他：
figma大神网站https://juuun.io/
Figma 界面中英词条集https://cn.figma.cool/words
Figma学习https://www.yuque.com/xibao-4kkra/rfmink/c644726b-87c5-4450-9a95-fe80bf0417c3

4.Frame

官网https://www.framer.com/
中文网https://framercn.com/资源、教程、工具、文章
sketch2codehttp://t.cn/RsLI5mp

5.Drama-动效

https://www.drama.app/

6.Protopie-动效

https://blog.protopie.io/meet-protopie-4-0-accelerate-your-workflow-with-components-e2c97f17bf3e

7.C4d

C4Dhttp://www.c4dcn.com/

设计工具

pixso-矢量设计工具（类似figma）https://pixso.design
Acorn - 一个像 PS，全面的功能集的图像编辑器。
Affinity Designer - 矢量图像设计工具，可以是 Adobe Illustrator 的替代。
Affinity Photo - 光栅图像设计工具，可以替代 Adobe PS 图象处理软件。
Alchemy - 开源的绘图工具软件，用于素描、会话以及一种新的绘图方式。
Art Text 3 - 生成各种特效字体。
Blender - 全功能可扩展的跨平台 3D 内容套件。
Figma - 一款基于 Web 的实时协作的云设计软件。
FontForge - 字体编辑工具。
GIMP - 图像编辑软件，号称 Linux 下的 PhotoShop，同时有 Mac 版本。
Gravit Designer - 混合矢量/位图布局应用，比起 Sketch 还差一点。
inklet - 将 Mac 上的触摸板变成绘图板。
Inkscape - 一款开源矢量图形编辑软件，与 Illustrator、Freehand、CorelDraw、Xara X 等其他软件相似。
Krita - 一个开源的位图形编辑软件，包含一个绘画程式和照片编辑器。
Monodraw - macOS 平台上强大的 ASCII 设计流程编辑器。
MagicaVoxel - 轻量级的8位像素编辑和交互路径追踪渲染器。
MakeHuman - 功能强大且免费的3D人体建模器。
Nik Collection - 专业照片后期制作工具，Google 收购后免费
Pixelmator - 强大的图像编辑器，可能PS图像处理软件的选择。
Paintbrush - 位图图像编辑器。
Pencil2D - 制作2D手绘动画的简单直观的工具。
Principle - 使用它很容易设计动画和交互式用户界面。
Pixel Perfect - 比较 UI 模型和开发结果非常容易。
Sculptris - 所见所得的 3D 建模。
Sketch- 混合矢量/位图布局应用，特别适用于用户界面，Web 和移动设计。
- Sketch Toolbox - 一个超级简单的 Sketch 插件管理器。
- Measure - 设计稿标注、测量工具。
- User Flows - 直接从画板生成流程图。
Sketch Cache Cleaner - 清理 Sketch 历史文件，释放磁盘空间。
SketchBook - 出众的绘图软件。
ScreenToLayers - 轻松导出桌面分层文件 PSD 文件
Sparkle - 可视化网页设计工具。
Tayasui Sketches - 专业的绘图软件。
Vectr - 免费图形编辑器。这是一个简单而强大的 Web 和桌面跨平台工具，把你的设计变成现实。
Blender三维制作软件-https://www.blender.org/download/releases/2-83/
https://www.vectornator.io/Mac插画设计软件
https://supernova.io/设计转为产品代码
https://relate.app/一边设计一边生成代码
One% CSS Grid：一款基于百分比的CSS响应式框架
Simple Grid：轻量级的响应式 CSS 网格系统
Iconify：一个作品网站平台
iConify：Mac平台的苹果应用图标自动化生成工具
Viewport Resizer：一个测试响应式设计的小书签
Divshot：在线的可视化网页设计工具
Bootply：一款很棒的 Bootstrap UI 编辑工具
Jetstrap：Bootstrap框架的可视化制作工具
Layoutit：在线搭建Bootstrap响应式布局的工具
Bonsai：一套轻量级的JavaScript绘图库
Bootsnipp：针对Web设计师和开发者的前端元素库
SimplyTestable：一款自动的前端网页测试工具
Onlytasks：支持双向同步的Evernote效率工具
rwdgrid：基于960grid的响应式网格系统
Iconbench：在线ICON素材图标制作工具
Photo Raster：在线免费图片编辑美化工具
Manymo：在线安卓系统模拟器工具
Sellbox：可以通过Dropbox账户售卖你的数字文档
RightFont：超好用的字体管理工具
Wobzip：提供在线解压缩文件的网站
Archive.Today：一个网页快照捕捉工具
Minigrid：简约漂亮的网页布局栅格系统
Background Burner：简单的在线抠图工具
CloudConvert：在线免费的万能文件格式转换器
Lovely Charts：功能强大的在线图表制作工具
Cacoo：在线简单易用的网络画图工具
Incogna：相似图片搜索引擎
Picitup：在线相似图片搜索引擎
PinCap：图片资源收集管理工具
TinEye：以图搜图的反向图片搜索引擎
Giphy：专搜GIF动态图的搜索引擎
LibreStock：一站搜寻二十个常用的图库网站
Assistor PS：一个功能强大的PS辅助工具
PaintCode：矢量图设计工具
Macaw：富有超前性和前瞻性的Web设计工具
Jimdo：在线网页自助建站平台
Ceilfire：一个创建HTML5游戏并分享的平台
Weebly：快速搭建免费网站、博客和网店
Google Web Designer：可视化HTML5网页和广告设计开发工具
Wix：基于html5的免费网站生成应用
VXPLO：专业的HTML5编辑工具
易企秀：H5页面移动微场景应用制作工具
兔展：微信场景应用的在线制作工具
Liveapp：移动场景应用平台
MAKA：简单、强大的H5创作工具
初页：微信H5海报创作工具
白板：设计图多人实时讨论工具
Ulead Cool 360：一个全景图片生成器
Red pen：设计图实时讨论工具
Coolsite360：无需编程的响应式网站设计工具
Epub360：专业级H5交互设计工具
皮影客：三分钟做部动画片
Webflow：傻瓜式网页设计制作平台
Quartz Composer：图形化的编程工具
After Effects：一款图形视频处理软件
Hype 3：帮助不会编程的用户轻松创建 HTML 5
Dorado：一款方便灵活的标注工具
WhatFontIs：在线图片字体识别工具
在线认字体：看图识字的求字体网
MarkMan马克鳗：高效的设计稿标注、测量工具
Skala Preview：iOS UI 设计师必备
Briefs：专业APP设计工具
Placeit：在线预览APP界面设计效果图的模板工具
UI Parde：在线UI设计工具
CSS Content Filter：易于定制、便于集成的CSS内容过滤工具
TinyCon：用于管理Favicon和弹出框
Gitup：为Git所准备的图形化客户端
Unsplash：用于网页中的图片占位符
Now UI Kit：用于网页设计、平板和手机的界面
Timber：一款前端框架工具
Grid.Guide：计算栅格宽度的工具
Apostrophe：一款设计驱动下的内容管理系统
Bonsai：一款为自由设计师所准备的工具
GridLayout：一款轻量级的栅格系统
Rucksack：一款有趣的CSS工具
Flarum：一套简约易用的开源论坛系统
Lightning Design Systems：专注于构建体验优秀的企业级APP
Frontify：维护品牌风格和样式的在线工具
TinyPng：在线PNG图片压缩工具
Kendo UI : jQuery HTML5 UI组件框架
AdobeEdgeWebFonts：Adobe免费Web字体
Sizecalc：字体大小计算器
Inkpad：iPad 矢量插图应用

作图工具

Draw.io - 上百种图形，支持多种格式导出。
https://excalidraw.com/-制作虚拟草图
OmniGraffle - Omni 成员，native 应用。
ProcessOn - 流程图、思维导图、原型图… 中文友好，免费保存 5 个文件。
APNGb - 编辑 png 图片格式的软件。
Assetizr - 图片编辑应用，轻松更改图片尺寸，压缩图片，重命名图片。
AppIconBuilder(图标构建) - App图标多平台一键导出。
Couleurs - 简单的屏幕取色应用程序。
Frank DeLoupe - 支持 Retina 的屏幕拾色器。
Image2icon - 将你的图片转换成图标。
ImageAlpha - 压缩 PNG 图片，去掉无效的透明。
ImageOptim - 压缩图片，删除 EXIF 信息。
iPic - 上传图片至七牛、阿里云等图床，支持 Markdown 链接。
IconKit - App图标自动生成器。
Iconjar - 图标管理软件，带组织和搜索功能。
JPEGmini - 将图像尺寸降低高达 80％，而不会影响质量。
Preset Brewery - 将Lightroom预设转换为Adobe Camera Raw的工具。
PicGo - 支持常用 cdn 的图床工具。
Resize Master - 更快速和容易批量调整图像和加水印。
RightFont - 字体管理工具。
svgus - SVG 图片管理器。
Solarized - 干净清爽的颜色主题，支持 iTerm、Intellij IDEA、Vim 等。
Sip - 收集，整理和分享你的颜色拾色器。
Spectrum - 一款可以轻松直观地创建漂亮配色方案的应用程序。
TinyPNG4Mac - 图片压缩专用开源工具。
Tropy - 照片档案管理工具。
uPic - macOS 原生应用，功能强大且简洁的图床客户端。
马克鳗 - 高效的设计稿标注、测量工具。

008期：人工智能设计神器
- 视频链接：https://www.bilibili.com/video/BV1Af4y1R7Ff
- AI效率神器
  - Big Jpg | 图片无损放大：https://bigjpg.com/
  - Remove BG | 人工智能抠图：http://www.remove.bg/
  - Unscreen | AI抠视频：https://www.unscreen.com/
  - Colourise SG | 黑白照片上色：https://colourise.sg/
  - Colorize Photos | 黑白照片上色：https://demos.algorithmia.com/colorize-photos
  - New Old Stock | 免费黑白图库：https://nos.twnsnd.co/
- AI风格迁移神器
  - Ostagram | 风格迁移神器鼻祖：http://www.ostagram.me/
  - Deep Dream Generator | 一个很快的风格迁移神器：https://deepdreamgenerator.com/
  - 【很强大】艺术图像置换工具https://www.ostagram.me/lenta?locale=en
  - https://card.weibo.com/article/m/show/id/2309404023899510672839?wb_client=1
  - Prisma | app：自行去应用商店下载即可
  - 更多app推荐：Artisto，Alter，Vinci，可立拍
  - EbSynth | 动态风格迁移生成器：https://ebsynth.com/
  - 推荐的插画大神
    - Rlon Wang：http://www.rlonart.com/
    - Kenta Torii：www.instagram.com/kentatorii/
    - Feifei Ruan：www.feifeiruan.com
- AI无中生有神器（生成对抗网络）
  - A.I. GAHAKU | 油画头像生成器：https://ai-art.tokyo/
  - This Person does not exist | 不存在的人：http://thispersondoesnotexist.com/
  - This Artwork does not exist | 不存在的艺术品：https://thisartworkdoesnotexist.com/
  - This Cat does not exist | 不存在的猫：https://thiscatdoesnotexist.com/
  - This Horse does not exist | 不存在的马：https://thishorsedoesnotexist.com/
  - GauGan | 风景生成器：http://nvidia-research-mingyuliu.com/gaugan/

Photo Wake-Up可以直接唤醒照片里的人物，让他跑出来……2018年的项目了，但好像还没工具化~
项目地址：http://t.cn/E48SwV5
PIFuHD上传一张图片，就可以自动生成一个白膜，生成的人物模型绑定一下之前推荐的绑骨神器 mixamo ，就可以活蹦乱跳了，而且现在已经可以试玩了~~~
项目地址：http://t.cn/A6Zj4Nr2
使用教程：http://t.cn/A6yzSB2n
简单的图形变成3D模型，那工具太多了，比如上传一张svg格式的图片到 Vectary
3D+AR风格-Vectary：www.vectary.com