适用于UX / UI设计师初学者的终极入门指南
适用于初学者的笔记
适用于UX / UI设计师初学者的终极入门指南
约翰尼·维诺（Johny Vino）在过去的5年中，我一直在收集这些链接。
我得出结论是制作此列表，以便如果有人问我这些问题，我可以复制粘贴此链接
您正在使用什么软件？如何成为专业设计师？如何从图形设计器切换到UX设计器？如何开始我的设计生涯？
七个主要部分
1.吸收基础知识[超级重要]
2.总体设计流程和原则
3.加入社区并做出贡献
4.激发灵感并启发他人
5.最新消息刷新
6.了解传达您的概念的工具。
7.奖励：免费赠品时代[贡献，不仅下载]
№1.吸收基础知识[超级重要]
刚开始时，包括我在内的大多数设计师都认为，制作不可能的动画会使我们成为Pro设计师。但这不是确定。
“学习间距，排版等基础知识，可以使您成为Pro设计师。”
因此，当您作为初学者进行设计时，请不要忽略学习基础知识。
书签链接：
人机界面指南。—网格，版式，分辨率 https://developer.apple.com/design/human-interface-guidelines/
材质设计 -运动准则 https://material.io/design
图标基础知识 -了解像素完美 https://medium.muz.li/optical-effects-9fca82b4cd9a
UI基础 https://medium.com/hh-design/crash-course-ui-design-25d13ff60962
UX的NN组 -基于研究的UX基础知识。 https://www.nngroup.com/
UX定律-有关间距的基本定律。 https://lawsofux.com/
日常用品设计 https://www.amazon.com/Design-Everyday-Things-Donald-Norman/dp/1452654123
№2.总体设计流程和原则
相信您精通所有基础知识。第一步是关于您的。现在，您可以考虑与设计团队一起工作，与开发人员和业务负责人一起工作。
“当我们开始与设计师，开发人员和业务人员的多学科团队进行协作和交流时，设计师的角色就可以完成。”
书签链接：
（i）与开发商合作
设备指标—材料设计 https://material.io/resources/devices/
Android Asset Studio https://romannurik.github.io/AndroidAssetStudio/
iPhone分辨率终极指南 https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions
（ii）处理阶段
Google Design调查方法 https://design.google/library/survey-methods-connecting-global-audience/
设计冲刺 https://designsprintkit.withgoogle.com/
UX项目清单 https://uxchecklist.github.io/
IDEO —设计套件 http://www.designkit.org/methods
设计过程 https://www.netguru.co/design-process
设计原则 https://principles.design/
设计系统 https://github.com/alexpate/awesome-design-systems
每个设计师都需要了解的100件事 https://www.amazon.com/Things-Designer-People-Voices-Matter/dp/0321767535
（iii）演示阶段[您必须学习此技能]
苹果演示 https://developer.apple.com/videos/design/
谈论设计高分辨率 https://www.youtube.com/channel/UCzBkNPSxw15qrW_Y8p-oCUw
文案写作 https://www.heynishi.com/
（iv）了解语音接口[因为它是2019年]
Alexa设计 https://developer.amazon.com/en-US/docs/alexa/alexa-design/intro.html
AI UX：设计优质AI产品的7条原则 https://uxstudioteam.com/ux-blog/ai-ux/
№3.加入社区并做出贡献
全球各地的设计界都非常支持。不要成为被动成员，而是要努力为其他设计师提供支持
“将您独特的风格带给社区，而不仅仅是跟随别人的风格。”
书签链接：
剧本 -进行有意义的设计对话。 https://askplaybook.com/
盘球 —专注于UI，运动。 https://dribbble.com/
行为 -品牌推广。 https://www.behance.net/
产品搜寻 -每天都很棒的工具。 https://www.producthunt.com/
№4.激发灵感并启发他人
灵感不仅意味着凝视他们的视觉，仔细研究他们如何解决特定的问题，还剖析了使他们脱颖而出的原因。
书签链接：
Mobbin-真正的应用程序UI模式。 https://mobbin.design/
Uisources —真正的应用程序交互。 https://www.uisources.com/app/calm
Awwwards-用于网站设计。 https://www.awwwards.com/
Reallygoodemails —电子邮件模板设计 https://reallygoodemails.com/
Bestfolios —案例研究和投资组合 https://www.bestfolios.com/portfolios
№5.最新消息刷新
“未来已经来临–分布不均。—威廉·吉布森
在解决设计难题时，仅滚动浏览新闻将毫无疑问地帮助您交叉点。
书签链接：
（i）设计公司博客
Airbnb设计—设计系统和社区建设 https://airbnb.design/
Google设计 -酷技术应用 https://design.google/
Uber设计 -Motion和UI https://brand.uber.com/
Microsoft设计—如果您对兼容设计感兴趣 https://www.microsoft.com/design/
Invision设计 -易于理解的文章 https://www.invisionapp.com/inside-design/
（ii）日常设计新闻
FastCompany —一流的文章 https://www.fastcompany.com/co-design
侧边栏 —非常挑剔的文章 https://sidebar.io/
Muzli-最适合视觉 https://muz.li/
Techcrunch-风险投资，资金，金钱 https://techcrunch.com/
DesignBetter.Co —顶级设计领导者的访谈 https://www.designbetter.co/
№6.知道传达您的概念的工具。
设计师必须先学习设计工具，这是一种传统的幻想。那绝对不准确。工具每年都会变化，但是设计基础永远不会改变。设计工具只是帮助您形象化您的想法，它们并不是成为优秀设计师的主要因素。
高级设计师≠Pro在使用设计工具时。
高级设计师=专业人士，负责发现问题并提出解决方案。
书签链接：
（i）设计
Adobe XD —超快速设计软件可在Windows上运行 https://www.adobe.com/uk/products/xd.html
草图 -设计师著名的工具。 https://www.sketch.com/
Figma —合作 https://www.figma.com/login
（ii）供用户测试
视觉 https://www.invisionapp.com/
（iii）原型制作
Adobe —用于快速自动动画，语音交互 https://www.adobe.com/products/xd.html
Framer x —令人难以置信的拖放动画组件+ Reactjs https://framer.com/
Invision Studio-最佳的触摸交互。 https://www.invisionapp.com/studio
原理 -复杂的相互作用。 https://principleformac.com/
风筝 -将动画转换为快速代码 https://kiteapp.co/
ProtioPie —使用传感器输入，Arduino输入作为原型 https://www.protopie.io/
一起素描 -学习一些很棒的东西 https://www.youtube.com/channel/UCZHkx_OyRXHb1D3XTqOidRw/featured
（iv）动画
效果 -入职动画。 https://www.adobe.com/products/aftereffects.html
Cinema 4D —产品设计演示视频 https://www.maxon.net/de/404/
№7。奖金：免费赠品
当涉及免费赠品时，它容易被许多平庸的免费资源所迷惑，请谨慎对待下载和使用的资源。例如，如果您要下载图标，请确保您从可信任的平台（例如Google）获得图标，以便每个人都能理解包含图标的含义。
“贡献和支持不只是下载😁”
书签链接：
（i）图标和插图
物料设计图标 -下载并分析它们如何制作完美的图标 https://material.io/resources/icons/?style=baseline
名词项目 —只是很好的图标 https://thenounproject.com/
取消绘制 -在启动项目时将其用作虚拟对象。 https://undraw.co/illustrations
品牌图标-SVG中的所有大公司徽标，您都不需要Google搜索。 https://icofont.com/icons
（ii）免费字体
Apple字体 —非常适合Apple设备只需使用SF FONT https://developer.apple.com/fonts/
Google字体 -适用于所有语言的字体 https://fonts.google.com/
DaFon t-如此多的创意字体 https://www.dafont.com/
（iii）颜色
BrandColors-当您作为设计师开始时，只需使用这些颜色并了解它们如何保持色调即可 https://brandcolors.net/
色彩搜寻 -时尚色彩 https://colorhunt.co/palettes/popular
Webgradients —给个火花 https://webgradients.com/
（iv）影片
像素视频 https://www.pexels.com/videos/
Pixabay https://pixabay.com/videos/
（v）音乐
赋格曲— Icon8音乐 https://icons8.com/music/
（vi）图片
不飞溅 —清洁照片 https://unsplash.com/
Remove.bg-在制作社交媒体资料图片时使用此 https://www.remove.bg/zh
TinyPNG-帮助您在构建网站时压缩图像 https://tinypng.com/
（vii）头脑风暴线框
草图 —团队头脑风暴部分的打印表 https://sketchsheets.com/
草图化：免费线框图 https://www.sketchize.com/
Sneakpeekit草图 https://sneakpeekit.com/
（viii）样机
Facebook设计 —下载设备 https://facebook.design/devices
Cleanmock-自动将屏幕放入模型 https://cleanmock.com/
（ix）免费源文件下载
PSD回购 https://psdrepo.com/tag/free-psd-app-design/
Figma免费赠品 http://www.figmafreebi.es/
Invision Studio https://invisionstudio.com/
（x）UI套件
苹果设计资源 https://developer.apple.com/design/resources/
Android Pie Kit Sketch — DeveloperTown https://www.developertown.com/android-pie-kit-sketch/
材料设计2.0套件— DeveloperTown https://www.developertown.com/material-design-2-kit/
适用于iPhone X和iPhone 8的iOS 11 GUI https://iosdesignkit.io/ios-11-gui/
哇，在最终列出这个清单之后，看起来设计师的工作很辛苦，有很多活动部件，哈哈。然而，每个设计师都崇拜他们的专业。
