首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

最新iOS设计规范七|10大视觉规范(Visual Design)

过多或不必要的动画会使人感到与外界分离或分散注意力,尤其是在无法提供身临其境的体验的应用程序中。iOS使用运动效果(例如视差效果)在主屏幕和其他区域创建深度感。...色盲人可能无法区分某些颜色组合;而对比度不足会导致图标和文本与背景混合,使内容难以阅读。 系统颜色 iOS提供了一系列的系统颜色,可自动适应活动和可访问性设置的变化,如增加对比度和降低透明度。...用户可以选择深色模式作为其默认界面风格,并且可以通过设置,使其设备在环境光线较低时自动切换到深色模式。由于用户在系统范围内做出这些选择,因此他们通常希望所有应用程序都能尊重他们的偏好。 ?...它仅是为了增强您的应用程序的感知能力,使其能够快速启动并立即投入使用。每个应用程序都必须提供启动屏幕。在iOS 14及更高版本中,启动屏幕限制为25 MB。...另外,请确保您的启动屏幕与设备的当前外观模式匹配; 避免在启动屏幕上包含文本。因为启动屏幕中的内容不会更改,所以任何显示的文本都不会被本地化。 弱化启动

7.9K30

iOS 图标图像 (官方翻译版)

Spotlight,设置和通知图标 每个应用程序还应提供一个小的图标,当应用程序名称与Spotlight搜索中的术语匹配时,iOS可以显示该图标。...例如,运动应用程序可能会为不同的团队提供图标,或者具有明暗模式的应用程序可能会提供相应的明暗图标。请注意,您的应用图标只能根据用户的要求进行更改,系统始终向用户提供此类更改的确认。...自定义图标 如果您的应用程序包含系统图标无法表示的任务或模式,或者系统图标应用程序的风格不符,则可以创建自己的图标。 创建可识别,高度简化的设计。太多的细节可能会使图标变得混乱或不可读。...如果图标必须包含线条,请与其他图标应用程序的排版协调权重。 ? ? 使用颜色来传达选择和取消选择的状态。避免在两个不同的图标设计之间切换,如固体版本和概述版本。 避免在图标中加入文字。...人们很可能会频繁切换应用,因此设计一个不会引起对应用程序启动体验的启发屏幕。 不要做广告 发射屏幕不是品牌的机会。不要设计一个看起来像闪屏或“关于”窗口的入门体验。

3.6K40
您找到你想要的搜索结果了吗?
是的
没有找到

iOS开发系列——文件结构

应用程序代理,主要用于监听整个应用程序生命周期中各个阶段的事件; ViewController(.h/.m):视图控制器,主要负责管理UIView的生命周期、负责UIView之间的切换、对UIView事件进行监听等...Prior Sizes或者其他选项这个图标会自动增多,也就是说可以设计的图标应用程序准备支持的设备系统有关,这里我们就以默认ios7为例(现在基本上设备都升级到ios7了): a.iPhone Spotlight-iOS5,6...iOS应用图标: 4444.png LaunchImage 在LaunchImage中两个图标设计主要用于竖屏启动图 5555.png a.iPhone Portraint iOS7 2x:大小为640...*1136的启动图片; b.iPhone Portraint iOS7 R4:大小为640*960的启动图片; 其实上面的图片并不是所有图片都必须设置,具体要求可以直接查看苹果官方要求,例如这里我们设置应用图标和...R4启动图片后具体效果如下(这里使用的图标取材来自微信): 6666.png 7777.png 上面我们添加了一个应用图标和一个启动图片,在Images.xcassets上右键在Fiddler中查看文件内容并进入

1K80

最新iOS设计规范十|5大拓展程序(Extensions)

人们知道,标准的iOS键盘上的Globe键(在启用了多个键盘时会替换Emoji键)会迅速切换到其他键盘。他们希望您的键盘具有类似的直观体验。...如果所有各方都一起使用该应用程序,则将实时进行内容更新。 突出显示有趣的iOS应用内容。通过在消息空间显示其内容来扩展iOS应用程序的功能。...iMessage应用程序和贴纸包图标iOS应用一样,iMessage应用和贴纸包也需要可识别的应用图标。保持背景简单,并提供单个焦点。设计一个带有单个中心点的图标,一目了然。...四、照片编辑(Photo Editing) 通过“照片编辑”扩展程序,人们可以通过应用滤镜或进行其他更改来在“照片”应用程序中修改照片和视频。...默认情况下,扩展显示在模式视图中。尽管在扩展名上方可能会发出警报,但请避免分层附加模式视图。 使用您的主应用程序表示冗长的操作进度。在启动共享或操作后,应立即关闭活动视图。

3.1K10

Win11 的这 19 个新功能,你都用上了吗?

动态磁贴已被图标取代,类似于 Android 和 iOS。您仍然可以切换回左对齐的开始菜单,并应用强调色来自定义操作系统的外观。...默认情况下,Windows 将仅在任务栏中公开一个端点,并且会自动切换到正确的端点。 这将确保您在 Spotify 和 Microsoft Teams 等应用程序之间切换时获得无缝体验。...Microsoft 正在刷新文件夹图标默认文件类型图标的方向。这些文件夹包括桌面、文档、下载和图片。回收站图标也已更新。 我们在资源管理器中得到了一些圆角。...11、从设置更改文件类型 新的 Windows 设置应用程序将最终改进“选择默认应用程序”菜单。...新的设置应用程序最终将允许用户轻松找到您正在寻找的文件类型或应用程序。这个小修复程序可能对在更改某些文件类型的默认应用程序时遇到困难的任何人都有帮助。

21.7K30

Windows 11的这19个新功能,你都知道吗?

动态磁贴已被图标取代,类似于 Android 和 iOS。您仍然可以切换回左对齐的开始菜单,并应用强调色来自定义操作系统的外观。...默认情况下,Windows 将仅在任务栏中公开一个端点,并且会自动切换到正确的端点。 这将确保您在 Spotify 和 Microsoft Teams 等应用程序之间切换时获得无缝体验。...Microsoft 正在刷新文件夹图标默认文件类型图标的方向。这些文件夹包括桌面、文档、下载和图片。回收站图标也已更新。 我们在资源管理器中得到了一些圆角。...11、从设置更改文件类型 新的 Windows 设置应用程序将最终改进“选择默认应用程序”菜单。...新的设置应用程序最终将允许用户轻松找到您正在寻找的文件类型或应用程序。这个小修复程序可能对在更改某些文件类型的默认应用程序时遇到困难的任何人都有帮助。

2.7K20

最新iOS设计规范九|10大系统能力(System Capabilities)

设计适合您的应用程序体验的可视指示器,以向人们展示他们可以点击以获取更多信息。 ? ? 处理中断 在中断期间,例如人们短暂切换到另一个应用程序或接听电话时,ARKit无法跟踪设备的位置和方向。...如果指导人们恢复其会话不成功,请考虑提供一个重置按钮或其他方法来重新启动AR体验。 当前置摄像头无法追踪人脸超过半秒时要给出指示。使用视觉指示符指示相机无法再跟踪人的脸部。...在这种情况下,系统仅显示您的应用程序图标默认描述Notification。例如Friend Request,New Comment,Reminder或Shipment。 不要包含您的应用名称或图标。...人们可以在触摸并按住应用程序图标时获得可用的快速操作菜单(在3D Touch设备上,人们可以短暂按一下该图标以查看菜单)。例如,“邮件”包括打开收件箱或VIP邮箱,启动搜索并创建新消息的快速操作。...如果您设计自己的标志符号,请使用Apple设计资源iOS版随附的快速操作图标模板,并使用以下尺寸作为指导。 不要使用表情符号代替字形。表情符号无法与右对齐文字正确对齐。

4.2K20

Face ID和Touch ID 译文and集成篇Face ID和Touch ID

如果您实施特定于应用程序的设置,用户可能会进入生物认证认证在您的应用程序中被启用的状态,但在全系统范围内确实已被禁用。 ? 不要使用自定义图标来识别系统身份验证功能。...当人们看到像系统的Touch ID(指纹图标)和Face ID图标图标时,他们认为它们应该进行身份验证。...这些图标的自定义变体会导致不一致,并导致混乱,特别是当着色,大尺寸显示,并呈现为上下文(如按钮标签)或应用程序的“设置”屏幕时。 对于开发人员指南,请参阅本地验证。...// LAErrorSystemCancel = kLAErrorSystemCancel, // // 认证无法启动,因为密码没有设置在设备。...// LAErrorPasscodeNotSet = kLAErrorPasscodeNotSet, // // 验证无法启动,因为设备上的Touch ID不可用。

3.4K60

在React Native中构建启动

同样的情况也适用于启动屏,因为在应用程序启动时立即显示加载器可以帮助你在用户等待应用程序准备就绪时,向他们展示一个有组织的,设计良好的显示界面。...在这个教程中,我们将使用 App Icon Generator,这是一个用于创建Android和iOS应用图标和图片的在线平台。...,点击图像属性图标并将图像更改为“splash”。...将内容模式设置为“aspect fit”,如下所示: 更改iOS启动屏幕颜色 你可能会问的下一个问题是“我如何在 React Native 中更改启动屏幕的背景颜色?”...这就是结果: 总结 启动画面是对任何应用程序的重要补充,因为它在启动应用程序和显示主要内容之间创造了平滑的过渡,从而提高了用户的体验。

33410

Arch Linux (Manjaro) 配置与常用软件安装指南

安装 切换至deepin-wine(推荐) HiDPI 无法输入中文 搜狗拼音等输入法(fcitx) 安装 搜狗拼音启动失败 *安装qt5版本搜狗拼音 HiDPI Atom 安装 代理设置 HiDPI...如果安装了,卸载(执行sudo pacman -R gnome-settings-daemon)并删除相关的启动项即可。 GTK应用的主题 打开系统设置→应用程序风格→GNOME/GTK应用程序风格。...托盘图标不显示 右击托盘图标空白处,选择“配置 系统托盘…”,在“项目”中可以逐一更改托盘图标的显示设置。...首先要设置默认密钥环的密码与登录密码一致,通过安装seahorse包可以使用GUI程序更改其密码。...在文件~/.ssh/config增加一行: AddKeysToAgent yes 安装后桌面图标不显示 如果遇到安装后桌面图标不显示的问题,右击程序启动器(通常是左下角的Manjaro图标),选择“编辑应用程序

8.5K20

Flutter 2.5正式版发布,带来重大更新

不幸的是这也导致了太多的主要 GC,并且有时仍然无法足够快地回收内存。...并且,对于 iOS 用户而言,此版本带来了一项重大的更新,即在 Apple Silicon M1 Mac 上构建的 Flutter 应用程序也可以在 ARM iOS 模拟器 (#85642 ) 上运行。...这意味着 Intel x86_64 指令和 ARM 之间没有 Rosetta 转换,从而提高你的 iOS 应用程序测试期间的性能,并允许你避免一些微妙的 Rosetta 问题(#74970、#79641...然后,再启动后,运行测试,包括设置断点、步进、跳过等。...其他 除此之外,Flutter 2.5的重大更改和弃用还有如下一些: 默认拖动滚动设备 在 v2.2 之后删除了弃用的 API 引入包:flutter_lints ThemeData 的 accent

4.3K50

谷歌 Flutter 1.17 发布

只需将您的应用程序升级到此版本,您的用户就会看到更快的动画,更小的应用程序和更低的内存利用率。在此版本中,默认导航情况(不透明的不透明路线)的速度将提高20%-37%。...在完全支持Metal的iOS设备上,Flutter现在默认情况下使用它,这使您的Flutter应用程序大多数时候运行得更快,平均将渲染速度提高了约50%(取决于您的工作量)。...该NavigationRail是伟大的,可因为它是很容易在一个交换的移动和台式机外形之间切换应用程序BottomNavigator为您的应用程序的屏幕尺寸的增大。...如果想尝试一下,可以启动DevTools并单击DevTools右上角的“烧杯”图标。...这允许重复flutter run命令的启动速度更快,因为对Dart代码或资产的更改不需要重新构建APK。

3.5K10

Flutter 2.5正式版发布,带来多项重大更新

不幸的是这也导致了太多的主要 GC,并且有时仍然无法足够快地回收内存。...[在这里插入图片描述] 并且,对于 iOS 用户而言,此版本带来了一项重大的更新,即在 Apple Silicon M1 Mac 上构建的 Flutter 应用程序也可以在 ARM iOS 模拟器 (#85642...这意味着 Intel x86_64 指令和 ARM 之间没有 Rosetta 转换,从而提高你的 iOS 应用程序测试期间的性能,并允许你避免一些微妙的 Rosetta 问题(#74970、#79641...[在这里插入图片描述] Android 全屏、Material You & 文本编辑快捷方式 从(#81303) 开始, 我们修复了 Android 一系列与全屏模式相关的问题,此更改还添加了一种在其他模式下收听全屏更改的方法...其他 除此之外,Flutter 2.5的重大更改和弃用还有如下一些: 默认拖动滚动设备 在 v2.2 之后删除了弃用的 API 引入包:flutter_lints ThemeData 的 accent

3.5K00

推送-推送原理性说明

iOS从APNS Server获取devicetoken,应用程序接收device token。 应用程序将device token发送给程序的PUSH服务端程序。...处于退出: 会弹窗,无法获取推送内容,点击图标启动无法获取推送内容 点击推送弹窗启动,在 didFinishLaunchingWithOptions获取推送内容 推送内容类似如下...App 处于后台的情况下,执行一些代码,大概提供几分钟的时间,可以用来偷偷的刷新 UI、切换页面、下载更新包等等操作。...处于退出:无法获取通知内容。 点击图标启动无法获取通知内容。 点击推送横幅启动,在didFinishLaunchingWithOptions获取通知内容。...App 处于后台的情况下,执行一些代码,大概提供几分钟的时间,可以用来偷偷的刷新 UI、切换页面、下载更新包等等操作。

3.8K20

Flutter 全栈式——页面框架

onGenerateRoute RouteFactory 通过pushNamed跳转路由页面时,在routes查找不到时回调 onUnknownRoute RouteFactory onGenerateRoute 无法生成路由时调用...出现在Android任务管理器的程序快照之上 ,或iOS的程序切换管理器中 onGenerateTitle GenerateAppTitle 与title一样,但含有一个context参数用于做本地化...theme ThemeData 应用程序的主题,各种的定制颜色都可以设置,用于程序主题切换 darkTheme ThemeData 深色模式下的主题 themeMode ThemeMode 用于设定主题模式...如果为null则使用当前系统区域 localizationsDelegates Iterable> 本地化委托,用于更改Widget默认的提示语...,按钮text等 localeListResolutionCallback LocaleListResolutionCallback 该回调负责在应用启动时以及用户更改设备的区域设置时选择应用的区域设置

2.8K30

iOS项目Project 和 Targets配置详解

关于最下面的选择是否开启国际化,默认是开启的,至于如何进行国际化和不同语种的适配详情见:详述iOS国际化 Configurations:用来配置iOS项目的xcconfig文件,主要用于在几套不同的开发环境编译...,如果都没有设置,则无法启动。...启动页面的作用:在我们点击应用图标启动应用时,应用启动需要一定的操作时间,再启动期间,为了增强应用程序启动时的用户体验,您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。...当用户在主屏幕上点击您的应用程序图标时,iPhone OS会立即显示这个启动图像。一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。...iOS Default列:在创建项目时系统自带的默认编译选项,无法修改。优先级最低,只有当其他两栏都没有设置选项时,最后的编译方式才会以该栏为准。

2.7K11

最新iOS设计规范二|7大应用架构

尽可能从默认设置或通过同步服务(例如iCloud)获取设置信息。如果您必须询问设置信息,请在首次打开应用程序时提示人们提供该信息,并告知用户可以稍后在设置中进行修改。...三、加载中(Loading) 加载内容时,空白或静态屏幕可能会使您的应用程序看起来像死机了,从而造成用户的混乱和沮丧,甚至离开APP。 表明加载状态。至少要有一个加载的图标,可以表达正在发生的状态。...为了在你的应用中呈现自定义的模态内容,iOS 13和更高版本支持以下两种表现风格: (一) 工作表(卡片弹窗) 工作表演示样式显示为一张卡片,并覆盖在页面上。未被覆盖的区域变暗显示,无法进行交互。...iOS默认的过渡方式是:模式视图从屏幕底部向上滑入,被关闭时向下滑出。注意在整个APP中使用统一的模态转换样式。...iOS的设置和邮件两个APP就是使用这种导航样式。 (二) 平级导航 在不同内容类别间进行切换,像音乐和App Store两个APP就是用的这种导航样式。

2.6K20

浅谈跨平台框架Flutter的搭建与运行

如果没有列出可用,请选择 Tools>Android>AVD Manager 创建; 在工具栏中点击 Run图标; 如果一切正常,在设备或模拟器上会看到启动应用程序 4.体验热重载:Flutter可以通过热重载实现快速的开发周期...this many times:'; 不要按“停止”按钮,让应用继续运行; 要查看更改,请调用 Save (cmd-s / ctrl-s),或者点击 热重载按钮 (带有闪电图标的按钮)。...当我们运行flutter run以后,会出现一段红色的文字提示,如下所示: r 键:点击后热加载,即重新加载; p 键:显示网格,可以掌握布局情况; o 键:切换Android和iOS的预览模式; q.../Runner.xcworkspace打开默认的Xcode workspace。...然后转到iOS设备上的设置菜单,选择常规>设备管理并信任您的证书。 运行flutter run,启动flutter应用程序

3K20

iOS学习——iOS项目Project 和 Targets配置详解

关于最下面的选择是否开启国际化,默认是开启的,至于如何进行国际化和不同语种的适配详情见:详述iOS国际化 Configurations:用来配置iOS项目的xcconfig文件,主要用于在几套不同的开发环境编译...,如果都没有设置,则无法启动。...启动页面的作用:在我们点击应用图标启动应用时,应用启动需要一定的操作时间,再启动期间,为了增强应用程序启动时的用户体验,您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。...当用户在主屏幕上点击您的应用程序图标时,iPhone OS会立即显示这个启动图像。一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。...iOS Default列:在创建项目时系统自带的默认编译选项,无法修改。优先级最低,只有当其他两栏都没有设置选项时,最后的编译方式才会以该栏为准。

2.3K70

带有桌面和推荐软件的 Raspberry Pi OS免费下载

* plymouth - 将 KillMode 设置为混合以抑制警告消息 * raspi-config - 添加选项以切换复合视频 * raspi-config - 添加选项以切换到传统相机模式...,以防止音频锁定崩溃向导 * 错误修复 - lxpanel - 由于图标加载代码与 GTK+3 不兼容,无法加载某些插件(cpufreq,最小化所有窗口) * 错误修复 - gtk+3 - 禁用新的...openbox * mutter : 添加了额外的键盘快捷键 * mutter : 各种性能增强 * 添加到屏幕放大镜的静音兼容性 * 对外观设置应用程序进行了大量更改以支持 GTK+...* 添加了 ctrl-alt-space 快捷方式以在任何时候安装 Orca 屏幕阅读器 * 电池监视器插件中添加了低电压警告 * 当指针位于图标上时,现在可以使用滚轮更改放大镜插件缩放...* 内部音频输出作为单独的 ALSA 设备启用 * MagPi 预安装已删除并替换为初学者指南 * 从主菜单中删除 MagPi 网络链接 * Chromium 为 PDF 文件设置了默认应用程序

2K20
领券