嗨，欢迎来到我的UI设计直播的另一部分
希望与很多开发人员交谈，我们将讨论
我的新课程现在是为开发人员设计的，今天我要介绍
设计系统我想介绍设计评论，我想谈一点
关于编码的设计师，所以第一件事就是为什么我叫我的新设计师
当然，您是专为开发人员设计的，我相信没有很多
帮助开发人员进行设计的资源，因为很多设计课程
真正专注于让您踏上这条路的最后20％
并没有真正专注于让您从0％提高到80％，但即使如此，
就像您知道设计师是否读了一本关于代码的书一样，对它进行抽象
非常抽象，他们不会真正了解发生了什么，
我尝试在课程中没有很多动作要点，我认为这是
对于合并而言，重要的是弥合两者之间的差距，因为设计人员可以进行编码
作为设计人员，实际上我们正在尝试创建一个人
团队，以便他们可以构建自己的应用程序，他们确切地知道该怎么做
专注于自己的优势而不是劣势，他们可以做到
他们很满意，我认为这是让您满意的关键词
设计，因为有很多开发人员来找我，他们就像我，你知道我
知道如何设计，但是我不满意，我总是需要
要求反馈，但我不知道我该使用哪种资源
应该得到，在那里下载UI模板是一回事
但实际上是从头开始设计系统是另一回事
从头开始设计一个新页面，甚至很多
设计师实际上对叙利亚了解的这类东西有麻烦
例如谁在我们这里待了一年多，我会说他仍然有一个
从头开始的很多麻烦，他也不了解什么
是否需要保持一致并拥有一个设计系统来创建
设计自己的设计系统，这是另一项挑战，请相信它
是否有很多创业公司正在寻找设计师
之所以能够做到这一点，是因为设计系统变得非常流行
在过去的过程中，我会说三到四年，最重要的是
许多公司都在寻找同时编码的设计师，
进行设计的开发人员，因为如果您在一家初创公司内部，则可以说您是两个人
或三个人，您不一定总是拥有开发人员或开发人员
设计师甚至更少，因为设计师与
如果任何初创公司的开发人员的年龄介于1到10或1到20之间，
你看苹果或这些大公司中的任何一个
需求与开发人员的比率，因此杀死谁的代码的设计师甚至更多
比设计并看到应用程序启动App Store的开发人员稀有
来自设计师的珍稀比来自开发商的珍稀，所以我相信
如果您是开发人员，那么这是您真正提高游戏水平的机会
的设计，特别是作为有权发布任何应用程序的人
任何时候只要有堆栈就可以发布应用程序，就像您知道如何使用
Xcode，您知道如何使用vs代码，并且您知道是否只有一点点
会让你如此危险的设计相信我
与编码这条路很长的设计师相对，我们都知道，因为
编码很困难，现在很难实现
要指出的是，就以下方面而言，开发人员没有太多资源
设计，因此我将把本次会议的重点放在我的观点上
相信应该是正在学习的开发人员的最终资源
设计，所以我要说的第一件事是，您知道他们去的大多数开发人员
重构UI，对于想要学习的开发人员来说，它是一个很好的工具
就像您知道如何重构应用程序以及一些操作要点
史蒂夫（Steve）讲得很好，我不知道我能不能说出他的名字
正确糖非常受欢迎的推文嗯，他有动漫惊人的资源，他
他是否有一本关于重构UI的书，还拥有顺风顺水的CSS，
赢得UI，我相信它将极大地帮助开发人员，但是我
从我的角度来看，这件事我一直很感兴趣
教开发人员，我这样做已经有一段时间了，因为如果您
考虑一下，我在I / O上有关设计代码的很多设计课程也
同时也专注于设计，因此不仅仅是针对设计师的开发开发
而且也是为开发人员设计的，即使如此，我做的UI课程也是
真正专注于设计方面，UI方面，动画方面
在开发课程中不会发现很多，我对一个理论也很了解
因为首先我不是那种人，我不是很好
非常深入地解释您了解闭包之类的东西，但是
你知道我试图让你设计和建造最短的东西
长时间使用不会浪费的技术才是关键，但是如果您
想像过去五年来我一直在教你
11个设计有些陈旧，但就像我说的，我正在创建一个新的课程草图
在很多设计师面前，何时进行素描或制作figma，然后进行扫描
在我经常使用原型制作的时候，因为我相信
设计人员而不是您是否知道自己是否在做CSS，就知道
如果您正在使用移动应用程序，那么在使用Xcode或
它是否应该卡在您的设计工具上，我认为这是我们的关键
不应卡在设计工具中的静态设计中，并期望我们
开发人员去做所有的工作，并向他们解释正确，因为其中之一
最大的浪费，实际上是在浪费时间
解释和来回，并期望开发人员喜欢某种设计
从头开始的一切，当我说设计时，我的意思是喜欢翻译
使用Xcode设计代码并对其进行动画处理，因为通常
设计师，我们在设计工具方面非常有限，我们无法真正进入
超级微交互，我们正在等待开发人员
这样做，我们正在等待这些会议，如果有他们可以参加
可以将我们的想法或概念转化为实际的生产应用
很少很少发生不幸的事情，这是因为首先是设计师
不要编写代码，第二位开发人员不要设计，所以希望我可以
提供我的看法我不是在这里替换重构UI，我认为它们是
做得很棒我想带您了解很多事情
这些年来我学到的知识，我想告诉你
从事20年设计工作的人
很多开发人员，以及一直在为设计师讲授代码的人
过去的六年，所以我相信这是我的独特见解，我想走路
你经历了很多事情，所以我想说的另一件事是
最后，我将做一些设计
评论我会给你一些行动要点，希望我们能做到这一点
变成常规事物，取决于您是否喜欢
很好，我们可以尝试另一件事，但我认为可以真正帮助您解决的一件事是
让开发人员给我他们的设计，我将能够对其进行一些研究
从客观的角度来看，缺少的是什么问题
根据版式的颜色，根据结构的视觉层次，并给出
他们的反馈，也希望这将帮助他们到来时
必须与设计团队打交道许多开发人员都参与了这些设计设计
如果他们不这样做，那么我认为那是很遗憾的，因为
很多开发人员应该参与设计审查，并且您知道
看看可以预期什么问题，并且
从客观的角度来理解而不是说嘿
颜色糟透了没有设计师想听到正确的声音，就像我们想听到的声音一样
我不觉得这令人困惑吗，或者我可以说，例如，您知道
我们这样做是因为我认为这很容易在代码中完成，这会让您高兴
作为设计师，所以其中一些对团队来说非常有用
设计人员和开发人员之间的动态关系，因此我们将在最后做
会议的一部分，所以首先我想从设计系统开始
如果您在以下位置搜索设计系统，则有一些有关设计系统的资源
Google以及我之所以开始设计系统的原因是因为这是
在设计师和开发人员之间共享的东西是
首先，很多现代公司和创业公司
对雇用新人非常感兴趣，其次是
设计师和开发者之间的桥梁，这是常见的
人们将要在公司内部使用的设计语言，包括
利益相关者，经理和首席执行官，他们将来到这里，他们将对此进行研究
因此，熟悉这一点很重要，您尤其要知道
进入您所知道的设计，尤其是辅助功能颜色组件图标
布局排版这些是您应该注意的一些主要内容
您应该在设计团队甚至开发团队中创建自己的设计
如果您不是设计师，那么您也应该这样做，那就是
在构建和设计应用程序时全面一致
幸运的是，这是一种越来越受欢迎的东西，所以您越来越
越来越多的资源，所以这是我要做的第一件事
开发人员，您知道您可以看到有许多由创建的设计系统
例如非常受欢迎的Atlassian公司，例如Salesforce
如果我能找到它叫做闪电设计系统，那就有很多
好东西，所以这是我要研究的第一件事，如果您知道自己想
了解有关设计的更多信息，但要特别了解与设计紧密相关的设计
编码方面以及整个团队，而不仅仅是设计师
例如，如果您在这里看，这有点像我们要使用的应用
建立在一起，我们不会一起设计所有东西，但我只是
想给你一些类似的UI模式，你可以研究一下
希望您练习而不只是给您一堆理论和一堆
资源并告诉您您所知道的，这就是您应该做的正确的事
您与我一起设计一些东西，我们将一起设计一些东西，直到
您对您的设计感到满意，并且可以使其变得灵活，您可以
改变事物，这就像开发人员的主要见证者之一
是当他们被提供设计系统时他们不知道如何
改变它，他们不知道如何理解它，他们不了解
他们不了解的基础，哦，是的，您实际上可以移动它
到底部，也许这更有意义，让我们说哦，现在是时候了
而是在十分钟前，因为信息架构不同
现在，现在我的用户界面有所不同了
所以开发人员应该知道这一点，这对您来说非常重要
能够在不影响一致性的情况下更改设计的体系结构
好吧，这有点像我
想要专注于本课程的是如何以一种
例如，看起来不会难看，但也要保持一致，而不会使设计师
不畏惧自己，不畏惧自己，从本质上说
还要找到一个系统，从头开始，我认为那是终极的
目标，如果您不能从头开始，那完全很好，非常罕见
我们的设计师是开发人员，他们将从头开始设计
需要很多时间很多研究很多年的理解，但是
如果您到达那里那很棒，那么您就不需要到达那里，但是您不需要
到达那里，你知道这是他的旅程，就像我设计教学一样
设计师如何编码我不希望他们以后成为出色的编码员
当然，就我所知，他们中的大多数人都用两个吸管
通过示例UI或您知道快速的UI 400天艰辛的寿司为什么会辛苦
斯威夫特，我很高兴听到这些资源，因为我认为这是
继续旅程很重要，所以我的目标不是让您太努力
我认为设计师不可能在几个月内成为出色的编码员
就像开发人员不会花几个月的时间一样，这肯定会花费数年
成为一名了不起的设计师，但如果他们能够接受设计并说出
好吧，我认为这个信息架构是错误的，让我们看看
我们可以将其更改为合理，所以假设我给我这个设计
好的，作为设计师，您的目标应该像我该如何为我的个人更改
应用程序正常，例如，您可以说哦，也许我需要第二列，所以我
要重复这个，现在我有一张更大的卡片，如果我的头衔是
如果我有不同的图标，该怎么办？
我可以将它们移到顶部到底部吗？
也许更有意义，也许我将其移至底部，所以我不
知道我没有隐藏我的大形象，所以所有这些东西都会被吸收
考虑一堆规则，例如远离社会距离的事物
但绝对是设计距离，例如，您知道原因之一
我使用自动版式的原因是为了便于开发人员了解一些
这些事情是因为我们已经设定了距离，所以我们有10
像素或一个像素或16像素，具体取决于您所使用的网格以及
知道并基于其中一些距离，例如从顶部到20
从右边是20我们正在使用对称规则在使用您知道的字体
规则（例如，如果您要为iOS设计），则您的书名将为34
知道，正如您在这里看到的那样，我正在使用34，如果您正在为车身设计
文字是服务器17，您知道其中一些内容，或者如果您有信用卡，
而不是像大多数设计师一样，他们会犯错
会没事的，所以您知道这将是一种工具提示，但是在iOS上
使用屏幕的整个宽度更有意义
而且您已经在iOS上看到很多东西，这是iOS上的一种设计语言，所以是的
您知道了解这些规则并将其放置很重要
在实践中，即使在网络上看起来也会像
像这样的权利，它更像是一个工具提示弹出窗口，例如有时用于iPad
您将在这里看到箭头，该箭头顺便使用了一个联合，您知道
关于figma的一件很酷的事情是，他们有这个小东西
元球功能，但这只是一个联合加角半径，因此您可以看到
你知道我可以设置我想要的拐角半径，因此
看起来更像水，或者看起来不像水，所以我们还将研究
其中一些技巧，您作为设计师或开发人员都知道，所以我很喜欢
分享其中的一些技巧，因为首先它们使您的工作
如此简单，任何人都可以正确地学习它，就像我的目标是
开发人员应尽快设计并使其客观地达到
尽可能使您可以专注于自己擅长的编码
对，我不想看到设计师像嘿，我正在改变我的职业，我要
从现在开始成为一名设计师，那不是我想要在这里做的，我只是想要你
真正擅长以最快的速度创建客观上好的设计
有可能，这样您就可以返回编码了，就像我的AB正在寻找
很棒的权利，这是我想在此之后给您的感觉
当然，今天我要向您展示的一个例子是，您知道我们会
在这里创建这个Blob，因为这是很重要的，因为您知道
在设计上有一点精力
当然每个设计都可能是这样，这很好
看起来像这样的设计很棒如果您只是看这个
卡在这里看起来不错，但问题是人们常常在他们得到
从此开始您就知道，尤其是如果您不添加很多香料的话
你会知道这有点像烹饪吗，你必须添加香料
最终看起来像所有其他应用程序中的99％，这没有错
如果您能到达那里，那真是太棒了，如果您对此感到满意
太棒了，但作为设计师，我们也知道谁在做艺术
好，当我说我们在平面设计方面的时间时，我的意思是您知道我开始了
当时的社区叫做Shadow Nez，我们有50,000名艺术家提交
艺术品和获得反馈，所以我有点像这样的背景
平面设计我来自2000年，所以您知道人们是网页设计师
创造了一切，我们创造了疯狂的东西，例如Flash动画，我不知道我是否
仍然拥有该域名，但我希望您能看到它
也许不，哦，它没有像它没有
证书，我可以浏览哦，天哪，这太可悲了
我无法显示它，但是我曾经做过很多闪光，并且III理解那种
就像有一天发生的疯狂事情一样，您知道我们作为设计师，我们做到了
做了ActionScript，我们进行了网页设计，动画也像声音设计一样
补间动画，我不知道是否记得补间动画
瞬间啊，过去的美好时光，但你知道，你知道我只是想专注
好吧，所以我们有一个叫blob II的插件，就像把它变成中间I
开个玩笑，但最终它实际上是有用的，因此您可以使用
复杂，您将要创建一个斑点
多个您不喜欢的斑点，您可以再制造一个，让我们开始吧
第三，第三，我想你也可以用它来做对比
例10会使中心有更多的波浪状，所以您会看到
从这里到中心将会有更多的波浪，所以是的，你知道
这是我的斑点，现在我要使用中风，我们将使用
线性渐变，我们将使用一堆颜色
探索调色板使用什么，但可以说我们有这个
或者您知道例如，我们将与其中一些一起玩
选项，我不知道我们可以解决这个问题，我们可以将其降低一半
让我们说一个更大的行程吧，所以我们现在就拥有这个
要使用另一个叫弯针的手，这里有很多选择
您想要许多迭代，也许您想要10多少像什么样的
您想为每个副本更改的定位更改，以便
例如，您可以将其设置为我不知道5 5 5不旋转，或者实际上我只是想要
回到中心，所以我将其设置为0我不会更改
定位，但我会更改比例尺，例如可以设置-10好的我
只是想查看评论有时我们很好，所以我不
正确隐藏您的代码，您知道不透明性和颜色的变化，但是
是的，您知道，让我们从这种繁荣开始吧，就是这样，您已经有了一些
可以用于应用程序繁荣的一些美丽背景
很难的是，我只是像做了几个步骤，就是两个插件
LOB的一键式更改迭代一键式，所以这是一个示例
我想教你这门课程是如何最小程度地危险
正确的步骤，您知道可以，而且我也不想您复制我的
设计，您可以复制我的设计，但我要您
尝试改变我的设计而不是复制它，所以我的意思是
就像是在说而不是在说嘿，而不是在说
比例，我也要使用位置
就像您使用相同的技术一样，但是您知道
有很大的不同，我也想告诉你如何改变颜色
就像您知道的那样，而不是使用与您使用的颜色完全相同的颜色
可以使用另一个动臂，而不是改变位置X
可以更改旋转度，您知道这有点像苹果
在安装结束时观看进度，您知道直到完成
在一天结束时感觉很对，II会说尝试
练习您的判断力和品味，我知道很多
有品位的开发人员可能没有出色的设计技巧，但
他们很有品味他们知道如果东西看起来像狗屎一样对
这很重要，因为如果您不知道设计是错误的还是错误的，或者
用户体验不好，那么您如何设计好的东西却知道必须测试
数以千计的应用程序，您必须列出自己喜欢的应用程序，为什么知道
发展批判性思维，例如说嘿，由于这些原因，我讨厌这个应用程序
不仅从编码角度或性能角度，而且从
UX和UI的角度，这有点像我也想了解的
好吧，让我们再来看一下设计系统
对我们将要从排版开始的课程进行一点辩论，您知道
设计系统，但排版也有点像从组件中查看
观点，我们将从网络开始，因为我相信如今的网络
很多人认为这并不重要，但是非常非常重要
原因是因为如果您开始进行应用程序设计，只需从
移动设备，您可能会忘记网络，而您不会在乎网络，但是如果
您首先在网络上设计，之后肯定会在意移动设备
从网络实践开始，您进入如何在
较大的屏幕右侧，您可以将其调整为适合您的网站
适用于iPad，可以适用于Apple TV，适用于
较小的屏幕（例如Apple Watch），但如果您仅关注iOS和Android
您可能会变得懒惰，并说我不在乎网络，所以
而and我想指出的另一件事是，即使您从
网络您的目标应该是尽可能保持一致，以分享尽可能多的
尽可能多的相同基础和技术，但我不是
说，例如，您知道这张卡片看起来会完全一样
在Android和iOS上不会，因为Android的设计有很大不同
语言是一种与iOS完全不同的设计语言
看起来非常不同，并且在如何
阴影可在Android上使用，因此该卡必须适用于Android和
就像为什么要使用iOS一样，所以对我们来说，您可以摆脱背景模糊，但是
Android，您没有这样的东西，因此了解所有
这些小东西，有人问得好，首先设计手机
这是一个非常好的问题，就像我说的，如果您只关注移动
很有道理，我已经看到很多设计师成功地开始了
首先移动，然后您知道是否想过后便会切换到网络
例如关于Instagram的信息，但总而言之，感觉就像是
移动优先应用程序，就像您访问Instagram com一样，感觉不一样
首先是网络设计的，这对他们的品牌来说很好，但他们也
首先上网，但是我说的危险是人们
谁首先开始使用移动设备他们往往并不真正在乎网络
有点像我注意到的模式，这就是为什么我在说你
知道如果您只是从网络开始，然后跨所有步伐前进
正确的平台，并且不难使此屏幕适应iOS屏幕或
到Android屏幕，但这确实不难，反之亦然，
做到这一点很重要，所以我的意思是，我们不要忽视任何一个，
让我们了解两个平台之间的共性，例如
让我给您一些我认为在设计时很重要的东西
对于这两个平台，例如，正文应为大多数iOS上的17
开发人员知道，如果您阅读了iOS指南的标题，那么所有
网络标题将比iOS大很多，但所有小文本和
正文几乎完全相同，这意味着小文本应该
不低于13或12，但如今更像13
我看到的是数字更像是13字幕Tex 15中的数字
大致中等的文字，因此是正文文字17，如果您喜欢稍大的文字
就像介绍性文字，没有太多这样的文字
稍大一点，但您也应该从手机上修改字体
因为即使小文本会相同，大文本也会有所不同
因为您无法在手机屏幕上显示60，所以我向您展示它的状态
会看起来像在移动屏幕上，为什么它没有意义，所以我要
在这里创建我的手机屏幕我将其设置为iPhone 11 Pro
是我的头衔，所以您会像开发人员一样喜欢UI设计，
适合三个词，没有意义，如果有，就没有意义
也许我不知道您的徽标条纹或Apple还行，这可能会使
但即使如此，它太大了也很有意义，因为您拥有更大的
屏幕，但对于较小的屏幕没有意义，因此标题是
在iOS和Android上与在网络上有所不同哦，没有SpaceX发射
我会失去很多人的生活但我相信这需要
很多时间，就像他们喜欢现在启动还是只是我
没想到，但是希望我们会很快结束，我们已经
30分钟大关，所以您知道我可以煮很多东西，所以
您必须预料到最大标题将被称为
iOS是34螺栓，然后您可以在
比较网络上的经文，我认为这是一个机器人，哦，天哪，我认为这是
只是某人现在正在使我的流崩溃
向前，是的，我们有h1 h2 h3 h4，所以您有点喜欢比较比率，所以34
到28 62-52 42 24所以34 28 24 20如此大致相同的比率，您可以看到
是的，有人认识你，你可以用图片来描绘他们的发射
想看到那个，但我也正在播放一个视频，我组织得不好，但是
希望它对您有用，但您可以看到其余的文本是
同样，现在让我回到iOS屏幕上15 4有点像小
文字很好，不是小文字，而是中等标题，因此正文17为34
标题，然后如果您想输入一小段文字，那就可能是
像这样的地方，你有帽子，或者你没有的东西
真的希望人们能突出阅读，所以您可以把它当作
例如，这是一张特色卡，他关心的是特色卡，例如
人们真的很在意《 figma手册》的标题哦，是什么，这是什么
好的，这是一个指南和一些信息，然后也许他们会
正确阅读精选文章，这就是为什么您拥有此信息架构是
动态字体大小很重要，这就是为什么我们尽可能尊重相同的字体
字体作为iOS或Android上可用的字体，我们必须确保
这些字体可以容纳任何东西，这就是为什么如果我建议
开发人员如何设计figma我会说哦，一直使用自动布局
因为假设您使用的是自动版式，那么您会感觉很好
也许用户将具有辅助功能选项
超大文本好吧，看起来像这样，这不好
的例子，因为我不能使这张卡适应性强，但是一个很好的例子会
在这里还可以，因此，假设某人拥有超大文本，它将看起来
像这样的权利，如果这是他们的选择，只要它看起来不像
bug，它很好，所以动态文本在iOS I和I中非常重要
怀疑它也适用于Android我不像我一样是Android专家
在iOS中，但绝对动态文本首先是未来
平台正在做的事情网络正在开始做的事情
在移动性方面落后于移动设备，因为移动设备所有人
使用它，如今的受众群体要比网络受众大得多，因此他们不得不
投入巨大并强调可访问性还有什么，所以我们要
研究内容，我们如何使用文本，您知道像一个例子，所以您
知道你必须知道如何混合和匹配文本，所以你有
标题标题文本标题文本标题文本标题在右侧，因此
我们将研究可以用来混合和混合的不同模式
匹配事物，以便您正确地强调事物中的正确事物
强调顺序，所以很明显，我们希望它具有某种颜色，因为
这是一个链接，它是黑色的，因为它对可读性很好，这很好
显示进度，您也可以使用圆圈表示进度
就像在iOS上的音乐应用中一样，知道像这样的图标是很好的
内容可能是化身，因此此处的用户界面可以适应多种方式，
告诉你，你可以看到这里，我适应了这里，所以
有我正在使用图标的数字，但完全相同
不同，这是一个不同的目的，所以这有点像一门课程
这是课程的一部分，我也关注评论，所以我
也使用相同的布局进行评论，所以让我向您展示
是不是在这里好吗，在这里让我在这里看到相同的布局，但是转换成
正确的评论，这有点像我所说的设计转换
而不是说嘿，我要完全复制您拥有的相同内容
有关优质架构的信息对我的产品没有意义，但
我仍然要复制它，我们要转换它，我们要制造它
可延展的，我们将使其一致并使其具有多种用途
跨应用程序的不同需求，因此这是一个示例，就像这些卡片
使用不同的背景，就像iOS一样，使用背景模糊
或在Mac上或Mac上，我们在使用全卡，在这里我们使用暗卡
模式卡，非常适合对比，但是我在这里用这种方式将其分开
在课程和手册之间，手册更像是指南
toriel的，它将主要是免费的，但对于那些想要的人
有更多拥有高级帐户的人可以访问视频
将PDF文件归档为源文件，中间还有很多资源，但是您
知道它将主要是免费的，这意味着我将向您展示技术
文本代码，但如果您想观看视频并获取源文件
然后使用高级帐户模板，您将能够获得
在那里，让我们看看我在一小时内还能涵盖哪些内容
特别是对于图标，因此设置徽标和图标非常重要
因为它可以让您非常轻松地在内容之间切换
其中的原因导致我们的组件及其原因
他们的组成部分是，如果我去这里
我不知道是否将它设置为组件，但我看到了很多
他们是的，让我这样，因为我正在进行这种自动布局的事情
我可以轻松切换更改内容，然后可以，因为II表示
这些组件是我的设计系统，现在我可以将其更改为后效应
到figma，顺便说一句，您可以使用箭头键设置对齐方式
超级有用，所以这就是为什么您要设置组件要容易得多的原因
更改内容以确保整体一致，您还可以设置
就像我们说这个内容在任何地方都可以轻松使用，
之所以我一开始并不总是这样做是因为很多组件
需要进行更改，并且它们在我如何更改
一旦将这整个东西设置为一个组件，它就会真正
失去那种灵活性，所以让我们说如果我将其更改为
组件，我做一个副本，然后将其移动到其他地方，这是一个实例
母版，如果说我是否要将其移至文字底部
不能再这样做了，因为它是一个组件，所以这就是为什么我不使用
像大型结构一样的组件，但是我肯定会用它们来显示图标
因为我知道图标不会改变很多，所以我无法预期
图标将是正方形而不是圆形的圆圈是一个很好的选择
好看的风格，可以在任何地方轻松使用，是的，
绝对喜欢研究创建这些组件以创建基于
这样，以便您以后进行搜索，以便可以访问figma中的资产，
在这里您会找到确定的，所以我创建了我的设计系统，以下是所有
我需要的图标，如果要创建一个
这样的新屏幕，我想更改其他内容
从这里拖放，然后按一下向上箭头键，然后将其替换为
刚刚更改了我的内容，我就像在左右左右移动内容一样
我知道您想使布局尽可能容易地适应我，我这样做
希望您像在编写代码时那样思考它
您想要确保您所知道的一切正确的是
flexible的组件是可定制的，并且易于在各个组件之间重复使用
因此，这也是本设计课程的目标
一切都超级好用，超级容易定制，您可以
本质上就是我创建的内容，我将在这里共享所有源文件
对于课程，您基本上可以对其进行改造，并使其成为您自己的
只要您喜欢因以下原因而尊重某个设计系统
那让我们看看我是否可以涵盖更多内容，所以我们还有15分钟的时间
组件绝对是我们要研究的按钮
按钮的状态使用渐变使用非渐变使用阴影不使用
不同的控件（例如细分的控件）较小
按钮较大的按钮进行搜索，因此您可以在此处找到大按钮
特别是卡片，我认为卡片非常有趣，因为我已经展示了很多
以前是因为您可以使它如此与众不同，如果您看一些
在这里学习II有点放在这里，以便您可以了解它
从这张卡到这张卡再到这张到这张
你知道我试图以一种对我有意义的方式对其进行转换
例如，我真的很喜欢这里的设计，因为它让我想起了
书，它仍然让我想起一本书和新的版本，但在
同时我认为很好，这部分占用了太多空间
这里占用了太多空间，我可以通过将图标移到
左边，将图标移到底部，因为我有
此处的进度我不需要在此处重复顶部的进度
你也知道这就像我重新设计这些的思考过程
卡片插入这些卡片，我想使内容更加灵活和隐藏
如果您看这张卡，这里的内容较少，我们看不到
封面，但如果文字太大，则会隐藏大部分
涵盖背景以及我对此的思考方式是，您知道是否
您的屏幕很小，应该会看到它，因此在手机上
大部分会看到这种丢弃物，但是如果您在大屏幕的台式机上，我可以
负担得起使用带有内容的卡片，以便显示更多信息
更有趣，您可以做的另一件事就是像显示
首先是英雄卡，所以这些就像英雄卡一样，这是基于什么
我需要我的网站，因为我大约有20门课程26
现在，所以我不像您Demi或Skillshare，他们有成千上万
当然我不专注于数量，我们专注于质量，所以
因此，最大的课程通常是最新的课程和人
对即将推出的最新课程感到非常兴奋，因为它们
分享他们知道的新技术，他们是，他们更现代，
和所有这些东西，所以我有能力将这些卡做得更大
最后两个核心，然后对于其他课程，我可以
缩小它们，您也可以在这里看到它，就像我的
这样做的目的是使它更有趣，所以如果您只是展示
这些卡没那么有趣，但如果将它们与这些卡混合使用
让它变得更有趣，是的，我想基本上就是现在
将进入设计评审，并随时与您分享指向您的链接
我将从一个向我发送私人消息的人开始
关于对他的网站进行评论，他的名字是天使，基本上他有
采取了我迅速的努力，我相信他也采取了我的反应路线
如果我没记错的话，他肯定会看到一些灵感
但是你知道我们要去看他的网站，这是我所看到的
在许多开发人员网站中，相同的好东西但也较弱的东西
不是说开发人员无法设计，而是因为您没有相同的类型
就所有这些规则而言，他们并不了解所有
这些规则，您知道他们不花时间阅读I / OS准则
或Android准则或访问大量运球网站，
我们设计师所做的所有事情，都会将我们实践为您所知或
批判性思维发展了设计的品味，所以让我们来看看
这个，嗨，你知道天使，如果你在观众席上没事的话，我要
从我认为最重要的问题开始，解决问题很重要
问题正确，首先，您可以看到缺少对齐
就对齐方式而言，一致性在此左侧
一个在右边，这个在中间，为什么会有一个
问题是因为我的眼睛移动得太多，所以我必须阅读
在这里，然后我必须在这里阅读，然后它跳回到这里，然后跳
回到这里，我的眼睛很困惑，这对用户来说并不是很诱人
想要探索更多，因为即使一天结束，即使一天结束，
即使你看起来像这样，你的英雄看起来也很棒，你希望人们
向下滚动，您希望人们继续向下滚动并了解更多信息
您的应用程序，哦，如果您不希望其滚动更多，那么您
有一个问题，让我给你看一个例子苹果公司做得很好
知道例如iPhone 11 pro像我一样知道的第一件事
相机，而您想了解更多的精美动画，您就会知道
漂亮的动画，他们增加了很多个性，这不是不
感觉就像一个引导者，您知道网站它不像
您已经在很多地方看到过，而唯一性就是人们所期待的
这就是为什么人们在看到新事物时如此投入的原因
iPhone是Apple的新登陆页面，他们总是想更多地上学哦
就像您知道的视差效果一样，文字不多，但是
对齐方式是一致的，因此您可以看到此处的文本与
此处的文字与此处的文字与图像对齐，因此全部
对齐对齐在UI设计中非常重要，在这里我们并没有真正看到
对齐正在进行中，所以我们在这里有这个，但我会与此对齐
图片的文字与图片的对齐方式相同，因此给
有秩序感，对你第二次很好
菜单上的东西不是真正的菜单，就像这是什么不是
只是您需要阅读更多有关菜单目的的信息
否则您可能就没有菜单了，只是在输入您的名字
然后您现在输入您的Twitter帐户，您必须问一个问题
人们现在对我的Twitter帐户感兴趣，但不了解您
您可能根本不会，所以Twitter帐户通常是位于
页面底部，所以如果您没有菜单，我将删除菜单
正确，我会继续使用并一直向下滚动，仅此而已
可能有徽标，但在这种情况下，您知道自己的名字是um，
你知道如果你是一个开发人员的很好的例子，我听说过很多很棒的东西
我已经看到很多Mac应用程序都采用这种方法，因为我认为这是
如果您可以真正不需要开发人员来此级别进行设计，那就太好了
设计师，这真的很棒
所以你有一个徽标，你有菜单登录在典型的大多数Mac应用程序会
将有类似这样的UI模式，您输入标题文本
您的电子邮件注册了非常典型的内容，然后您只显示
您只是通过线性方式展示该产品的功能
线性很棒，您应该尝试一下
而且您知道向下滚动时会像技术性的东西一样显示
技术方面的内容将会越来越多，因此一开始
就像嘿，这是我的产品，它看起来像什么
像这些公司，您知道我们在使用我们的产品，然后
您将获得更多技术性的东西，因为
这一点，如果人们不上钩，他们已经上钩了，那为什么呢？
他们为什么要滚动，所以这就是为什么您知道要使用房地产作为
如果有的话，尽可能在顶部放置徽标以放置菜单
您知道这是否是您的投资组合的博客
我会去博客，我会去联系我，但我肯定会去，但是博客绝对是其中之一
受欢迎的我可以嬉戏并说暗模式，因为很多人
像黑暗模式一样，我可以谈论案例研究，例如
在谈论我可能正在谈论的项目时，您会知道我从事的UI套件或
github repos可以在类似的东西上工作，所以我将使用菜单
在这里，然后你看这里，我们有一些间距问题，例如
这个和这个之间的间隔太相似了，但是这里也有这个形式
让我感到困惑，因为我应该有一个行动要点，那就是电子邮件，
我不确定这是什么，只需登录即可，是的，我会
绝对喜欢首先针对电子邮件进行不同的设计
重要的是要与对齐方式保持一致，因此大小
两者应该相似，并且顶部还有额外的通道填充
顶部和左侧之间应该保持一致，因此，如果从16开始
左边的井也应该是右上方的16，现在大约是30
左边的前16个，我还能说什么呢，你知道我看到了这个动画
这对我来说表明您在这里像您自己一样太嬉戏了
基本上就像吓跑一些认为动画可以
太多，在这种情况下，动画太多
您做了很多太多的旋转动画太慢了
通常应该在1 0.5秒到1秒以上，如果您查看
动画大约需要1秒1.5秒，但动画本身也需要
应该是过渡性的意思，假设您在这里有一个盒子
它会把盒子长成这个，就应该是你的动画
它应该是平滑的，应该是过渡的，并且要使它变得更多
比尖叫在人脸上微妙，我喜欢这里发生的事情
认为这是一个很好的努力，但与此同时您必须加大力度
使其更能描述您在做什么，例如
您的应用程序或某些项目的屏幕截图非常棒，
您知道通过视频演示一个很棒的视频我想这可能是我的
最喜欢的部分对我来说很干净，所以您有一些图片，一些标题和
尽善尽美地显示在屏幕底部
只是不一定要在这里有卡而已
我只是将颜色非常微妙，也许是黑色，或者您知道黑色但不透明或
白色，不透明度为10％，然后由天使制成，再由小然后
您的Twitter个人资料或类似内容，您可以通过以下方式使其变得有趣
拥有手推车之类的东西，但是我也喜欢其中的一些东西
您正在尝试这样做，就像滚动时的进度一样，
将其中一些详细信息放入应用程序并使其更加独特很重要
吸引人们参与，当人们登陆此页面时，他们应该像
恩，我喜欢你怎么知道这可能是不同的
你知道人们对新事物的反应真的很好
不幸的是，我认为这是某人唯一的投资组合
希望在下一次有关UI的会议中分享有关创建评论的信息
设计，如果不是这样，我们可以有更多人可以从这些评论中受益
如果喜欢的话，请让我知道是否喜欢
如果您认为这对像我这样的方式很有用，我正在尝试
想想我批评的方式，这些又没有什么私人的
这些批评，希望我给你足够的行动要点，我们必须
乐于助人，是的，您知道下次喜欢随时向我发送指向您的链接
是的，但是我没有链接，您可以告诉我您的链接吗
有人要求检查他们的投资组合的投资组合
要等五秒钟，所以我不会让别人感到厌烦，但是希望这是
下次有用时，请在聊天之前共享聊天中的链接，您知道
这样一来，我可以单击它转到链接，然后查看
在您的设计中，并为您提供提示和指示动作要点和类似内容
喜欢标记的人请分享您的链接，我很乐意给您反馈
希望这段视频很愉快，下次再见，非常感谢。
SpaceX再见，祝发射愉快