经验分享 未读
iOS / iPhone屏幕尺寸和分辨率一篇博客搞定iOS及iPhone的屏幕尺寸等信息参数
手机型号
屏幕尺寸
屏幕密度
开发尺寸
设计分辨率
倍率
4/4S
3.5英寸
326ppi
320*480pt
640*960px
@2x
5/5S/5c/se
4英寸
326ppi
32 ...
经验分享 未读
SwiftUI 学习笔记 45:项目 9-3 绘画今天,我们将通过查看特殊效果和动画来将你的绘画技巧发挥到极致。正当我们处于绘画的前沿时,可以公平地说,这些技能不太可能在日常编码中使用,但是正如Ralph Waldo Emerson曾经说过的那样,“我们的目标是超越目标以达到目标。”
当你处理今天的主题时,你将学习如何对形状进行动画处理,这是Swi ...
经验分享 未读
AppStore应用上架时上传的屏幕快照尺寸有哪些?在上架iOS的AppStore和安卓各大应用市场时需要上传很多尺寸的图。我们只需要准备两个比例的图片利用symbol就可以创建多个尺寸的图片了。
首先先看一下所有的尺寸要求:
iOS
Android
375 * 812
360 * 640
414 * 896
375 * 750
...
经验分享 未读
SwiftUI 学习笔记 44:项目 9-2 绘画今天,我们将通过增加一些创意来继续研究SwiftUI的绘图系统-我想你会惊讶地发现,仅通过将大多数已知知识与几种新技术结合起来,就可以使一件有趣的事情变得如此容易。
今天,你还将遇到drawingGroup()修饰符,该修饰符使我们可以将视图渲染结合到一起,并由Apple的高性能图形API Meta ...
经验分享 未读
SwiftUI 学习笔记 43:项目 9-1 绘画今天开始另一个新技术项目,我们将专注于绘图。这可能是SwiftUI的一个领域,你可能会认为你不需要太多,但事实并非如此:SwiftUI使高性能绘图变得如此容易,每个人都可以访问,你将找到可以使用自己的技能的地方在你构建的几乎所有应用中。
绘画有益的另一件事-在项目的第二部分和第三部分中将更加明显-有 ...
经验分享 未读
SwiftUI 学习笔记 42:项目 8-4 宇航员随着复杂性的增加,犯错的几率也随之增加,Swift在这里是相当不容忍的-就像你现在无疑会看到的那样,即使第20行出现一个小错误也可能导致第5行出现随机错误,这可能是令人沮丧。
好吧,希望今天的报价对你有所启发。我之所以今天特别选择它,是因为最好留给读者阅读,但就是这样:不要惊慌!这些类型的问题很常见 ...
经验分享 未读
SwiftUI 学习笔记 41:项目 8-3 宇航员在今天的话题中,我鼓励你停下来并继续进行设计。我敢肯定,有些人会跳过这一想赶快走到尽头的事情,但我希望你不要。正如宇航员约翰·格伦(John Glenn)所说:“我认为,比其他任何人都更有力量的宇航员的素质都是好奇心–他们必须到达一个从未有过的地方。”
使用ScrollView和GeometryRe ...
经验分享 未读
SwiftUI 学习笔记 40:项目 8-2 宇航员一路走来,你将遇到一个重要的Swift功能,称为generics。我绝对在初学者Swift之外也定义了此功能,但是正如你将看到的,泛型使我们仅需一点点思考就可以创建高度可重用的代码。
可重用的代码很重要,因为它可以帮助我们以更少的工作来获得更大,更好的结果。但是,正如拉尔夫·约翰逊(Ralph Jo ...
经验分享 未读
SwiftUI 学习笔记 39:项目 8-1 宇航员如果今天的报价来自第一个登上月球的人尼尔·阿姆斯特朗,那将是合适的。早在2000年,他就说:“科学是关于什么;工程是关于可能的事情。” 我不了解你,但是我发现这给了我很大的启发:每次创建一个新的Xcode项目时,我们都有一块空白的板块可以使用,而这正是我们想要的。
今天,我们正在学习构建Moonsh ...
经验分享 未读
Sketch教程:将占用图层替换为组件当我们使用Sketch设计交互稿后,我们可以直接将交互稿中我们用来占位绘制的矩形替换成组件。
创建符号后,可以插入设计中任何现有图层的位置。为此,请右键单击图层,选择“ 替换为”,然后选择“符号”。你选择的符号将调整大小以适合图层的大小。
经验分享 未读
Sketch教程:快速查找组件组件化设计之后我们会有非常多的组件,它们调用起来十分困难,因为寻找他们要耗费大量的时间。
有两种方法可以在Sketch中访问和插入符号。
你可以通过单击“图层列表”顶部的“ 组件”,通过“画布”左侧的“ 组件面板”插入符号(也可以使用Ctrl+1和Ctrl+2分别在“组件面板”和“层列表”之间切换) ...
经验分享 未读
Sketch教程:如何显示和隐藏使用组件时的可更换选项在组件化设计的时候,我们会有一个组件嵌套另一个组件。一旦组件过多,在替换时就会发生很难查找的问题。这个方法让我们仅将需要修改的内容进行显示,方便查找。
选择你的组件母版,并使用检查器中“管理替代”面板中每个可用替代旁边的复选框,以选择在设计中的任何位置选择该组件的实例时可用的替代。
经验分享 未读
Sketch教程:如何在替换控件时保持控件尺寸不变有的时候我们在制作的嵌套组件时会调整子组件的尺寸。得益于Sketch是一款矢量设计软件,这个操作可以更加完美的执行。但是在替换控件时如何保持控件尺寸不变呢?
你可以使用“检查器”中“符号”面板中的“组件弹出框”来交换符号。从列表中选择一个符号,或搜索所需的符号,然后单击以将其与当前选定的符号交换。 ...
经验分享 未读
SwiftUI 学习笔记 38:项目 7-3 总结那是完成的另一个项目,并且涵盖了大量的Swift和SwiftUI知识。还有更多项目需要涉及,但正如F1赛车手塞巴斯蒂安·维特尔(Sebastian Vettel)所说,“有时你需要按下暂停键,让所有内容沉入其中。”
今天是你暂停一下并让SwiftUI陷入困境的机会。完成审阅,应对挑战,如果需要,可以 ...
经验分享 未读
SwiftUI 学习笔记 37:项目 7-2 消费记录APP今天,你会使用来构建一个完整的应用程序@ObservedObject,@Published,sheet(),Codable,UserDefaults,等等。我意识到这似乎很多,但我希望你尝试考虑后台发生的所有事情:
@Published 自动发布变更公告。@ObservedObject 监视这些公告 ...
经验分享 未读
SwiftUI 学习笔记 36:项目 7-1 概述没有人应该开始进行大型项目。你从一个小的琐碎项目开始,并且永远不要期望它会变大。如果这样做,你只会进行过度设计,并且通常认为它比该阶段可能要重要的多。或更糟糕的是,你所设想的庞大工作量可能会吓到你。
该项目继续更新
与@ObservedObject共享SwiftUI状态@State 只能监控 结构 ...
经验分享 未读
Sketch教程:在图像填充中四个选项(充满、适合、拉伸、平铺)的区别在Sketch中有四种图像的填充方式:充满、适合、拉伸、平铺。它们代表什么意思呢?
充满图片的最短边等比例中心缩放到图形边缘
适合图片的最长边等比例中心缩放到图形边缘
拉伸图片所有边拉伸到图形边缘
平铺平铺可将图像保持其原始大小,并可以对其进行调整,然后将其平铺以适合图层。
经验分享 未读
Sketch教程:如何批量修改某一种颜色做设计不是很规范的小伙伴颜色可能会有很多很接近的,在做设计规范和标注的时候就会很尴尬,sketch提供了一键批量修改文档中的某个颜色。
从菜单中选择“ 编辑”>“查找和替换颜色”…(或按⌘+ ⌥+调F出“查找和替换颜色”菜单。从此处,选择要在设计中查找的颜色以及要替换为的颜色。
启用“包括 ...
经验分享 未读
Sketch教程:添加颜色预设值,方便大量使用我们会经常用一些规范中要求的指定颜色。我们不仅可以为他们添加图层样式,还可以创建颜色预设,并且为它们设置名字。
要添加预设,请选择颜色,渐变或图像填充,选择是将其添加到全局(所有文档)还是文档(仅此文档)预设中,然后单击+图标。
要重命名预设,请确保你正在列表视图中查看预设,按住Control键并单 ...
经验分享 未读
Sketch教程:如何使用快捷键调整渐变的梯度点你可以使用以下快捷方式来调整渐变:
按键
说明
1 – 9
沿着渐变条放置一个新的色点(例如3= 30%)
=
将梯度点平均放置在其他两个点之间
Tab
在色点之间切换
→ 要么 ←
逐渐调整色点位置。
⇧+ →或←
以更大的增量调整色点位置
经验分享 未读
Sketch教程:如何运用模糊在Sketch中提供四种模糊选项:高斯模糊、运动模糊、缩放模糊、背景模糊。
高斯模糊高斯模糊可以在所有方向上应用模糊。你可以使用其滑块设置模糊量。
运动模糊运动模糊在一个方向上模糊表示运动。你可以使用滑块设置模糊量和角度。
缩放模糊缩放模糊将从一个点向外模糊。你可以设置模糊量及其起点。
背景模糊背 ...
经验分享 未读
Sketch教程:如何改变路径方向我们经常会用到一些箭头进行指示说明,但是有的时候我们绘制曲线并不是按照我们想要的顺序进行绘制的,所以我们可以更改路径的方向。
可以使用下拉菜单为路径的起点和终点选择箭头。要切换它们出现在哪一端,请选择“ 图层”>“路径”>“倒序”。
这样就可以随心所欲的设置起点、终点的锚点样式了!
经验分享 未读
Sketch教程:如何使用文本样式选择一个图层,然后在“检查器” 的“ 外观”面板下选择显示为“ 无文本样式”的弹出菜单,然后在“组件弹出窗口”中,选择要应用的文本样式。你可以使用弹出式窗口顶部的搜索栏来帮助你找到所需的样式。
选择一个图层,并确保已应用要编辑的文本样式,然后对其样式进行更改。完成此操作后,你会看到“文本样式”名称 ...