首页
学习
活动
专区
圈层
工具
发布

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

找到一个单一的元素,捕捉您的应用程序的本质,并以简单,独特的形状表达该元素。谨慎地添加细节。如果图标的内容或形状过于复杂,则细节难以辨别,特别是较小的尺寸。 提供单个焦点。...一般来说,避免显示设备的副本,因为硬件设计往往会频繁更改,并且可以使您的图标看起来过时。 不要在应用程序图标的整个界面。在整个应用程序中看到用于不同目的的图标可能会令人困惑。...相反,请考虑使用您的图标的配色方案。见颜色。 根据不同的壁纸测试你的图标。您无法预测哪些壁纸会为主屏幕选择,所以不要只是测试您的应用程序的光或暗的颜色。看看它如何看待不同的照片。...当用户选择替代图标时,该图标的相应尺寸将替换主屏幕,Spotlight和系统其他位置的主应用程序图标。...暂停时始终存储当前位置,以便播放可以在以后恢复。暂停 ? 播放导航栏和标签栏图标 开始或恢复媒体播放或幻灯片。开始 ? 重做 重做已撤销的最后一个操作。重做 ?

6.9K40

6详解AppBar小部件

AppBar 应用栏是各种应用程序中最常用的组件之一。它可用于容纳搜索字段、以及在页面之间导航的按钮,或者只是页面标题。...当我们将 添加Drawer到Scaffold时 ,会分配一个菜单图标leading来打开抽屉。...AppBar 包含各种属性,包括颜色、大小、图标主题、文本主题等等。 背景颜色 以下代码将 AppBar 的背景颜色更改为深橙色。500添加以访问颜色的特定阴影,900即最暗和最亮50。...AppBar( backgroundColor: Colors.deepOrange[500], ), 图标主题 下面的代码将图标的颜色更改为绿色,将大小更改为36: AppBar( actionsIconTheme...的布局和添加小部件 如何为 AppBar 的图标、文本、背景、高度、阴影颜色和工具栏设置主题 所以我们有了!

22.6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    最新iOS设计规范八|3大图标和图像规范(Icons and Images)

    通常,对位图/栅格图稿使用逐行扫描的PNG文件。PNG支持透明性,并且由于它是无损的,因此压缩伪像不会模糊重要的细节或更改颜色。对于需要诸如阴影,纹理和高光之类的效果的复杂艺术品,这是一个不错的选择。...找到一个可以捕捉应用程序本质的元素,并以简单,独特的形状表达该元素。谨慎添加详细信息。如果图标的内容或形状过于复杂,则可能难以分辨细节,尤其是在较小尺寸的情况下。 提供一个焦点。...在整个应用程序中看到用于不同目的的图标可能会造成混淆。相反,请考虑合并图标的配色方案。参见颜色。 针对不同的墙纸测试您的图标。...当用户选择备用图标时,该图标的相应大小将替换主屏幕、Spotlight和系统等其他位置的图标。...设计自己的设备比滥用系统提供的图标要好。 导航栏和工具栏图标 在导航栏和工具栏中使用以下图标。 注:可以使用文本代替图标来表示导航栏或工具栏中的项目。

    5K20

    什么是Linux平铺窗口管理器,你应该使用它吗?

    作者:Jack Wallen 当使用你的 Linux 桌面机器时,你如何打开应用程序窗口,然后调整它们以精确地适应你想要的桌面位置? 或者你真的会这样做吗?...本质上,窗口管理器是一种软件,用于处理应用程序窗口在显示器上的外观、位置和行为。窗口管理器控制窗口的打开、关闭、调整大小和移动方式,以及边框、标题栏和按钮的外观。...使用 Super+j(焦点左)、Super+k(焦点下)、Super+l(焦点上)和 Super+;(焦点右)使用键盘切换到另一个应用程序窗口 通过这组键盘快捷键,你可以轻松地在 i3 平铺窗口管理器桌面中导航..._OS 的平铺功能,请单击顶部栏中三个矩形的小图标,然后单击“开/关”滑块,直到它处于“开”位置(图 2)。 图 2:Pop!_OS 平铺窗口下拉菜单。...在同一个下拉菜单中,您可以配置例外以允许某些窗口浮动、更改快捷方式、显示或隐藏窗口平铺、显示活动提示、更改活动边框半径和活动提示颜色,以及增加/减少窗口之间的间隙。 Pop!

    2.3K00

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

    加载文件提供程序扩展时,其界面将显示在包含导航栏的模式视图中。 ? 用户打开或导入文件时,仅显示特定于上下文的文档和信息。当用户打开或导入文档时,仅显示适合当前上下文的文档。...人们在导出和移动文档时选择目的地。除非您的应用将文档存储在单个目录中,否则用户应导航到目录层次结构中的特定目标。考虑提供一种添加新子目录的方法。 不要提供自定义导航栏。...确保您的贴纸清晰可见,无论其位置或大小如何,其颜色和图像均不同。 考虑使用鲜艳的色彩和透明度。鲜艳的色彩为对话增添了丰富感和兴奋感。透明性允许将贴纸有意义地放置在消息,照片和其他贴纸上。...选择一个将在包含导航栏的模式视图中显示扩展的界面。撤消该视图将确认并保存编辑,或取消编辑并返回到“照片”应用程序。 确认取消编辑。编辑照片或视频可能很耗时。...如果有人点击“取消”按钮,请不要立即放弃他们的更改。要求他们确认他们确实要取消,并告知他们取消后所有编辑都将丢失。如果尚未进行任何编辑,则无需显示此确认。 不要提供自定义导航栏。

    6K10

    掌握Flutter底部导航栏:畅游导航之旅

    而当前选中项则是指用户当前正在查看或操作的导航项,通常以不同的样式或颜色进行突出显示,以便用户清晰地了解自己所处的位置。...Flutter提供了丰富的选项,使开发者可以轻松自定义底部导航栏的外观,包括选中项的颜色和图标、背景颜色和形状、导航栏的高度以及图标的大小等。在本节中,我们将介绍如何实现底部导航栏的自定义外观。...在本节中,我们将介绍如何实现底部导航栏的一些高级功能,包括添加徽章、动态更改导航栏项以及实现导航栏的动画效果。...7.3 实现底部导航栏的动画效果 为了提升用户体验,有时候我们还可以为底部导航栏添加一些动画效果,例如切换导航项时的渐变动画、滑动导航栏时的缩放动画等。...接着,我们讨论了如何自定义底部导航栏的外观,包括更改选中项的颜色和图标、自定义背景颜色和形状、以及调整导航栏的高度和图标大小等。

    7.8K10

    UI Tabbar底部标签栏设计全攻略

    在本文中,我将分享设计标签栏时要记住的 7 件事。...标签栏导航剖析 底部标签栏可以是纯图标导航: 或图标可以与文本标签的组合: 所选导航选项通常具有不同的视觉风格,可以帮助用户一目了然地了解当前位置。...由于一次并非所有导航选项都可见,因此用户可能很容易错过重要选项。另外,当用户滚动标签栏时,当前位置可能会消失。 ❌ 可滚动的标签栏 4....不要使用不熟悉的图标 您在标签栏中使用的图标对您的目标受众来说应该是非常清晰的。如果您怀疑图标的含义是否明确,则应始终将图标与标签一起使用。 ❌ 用户可能不清楚第二个导航选项 5....不要使用“灰+灰”的颜色组合 图标颜色对比度差和标签字体小是标签栏设计的两个常见问题。 始终检查文本和图标的颜色对比度。

    3.9K30

    【愚公系列】2023年11月 Winform控件专题 Label控件详解

    如果您需要更精确地控制控件的位置,请使用Anchor属性或Dock属性。1.5 backcolorbackcolor属性用于设置控件的背景色。可以设置为预定义的颜色值或自定义的颜色值。...当该属性设为true时,控件在失去焦点时会引发验证事件。当该属性设为false时,控件不会引发验证事件。...; e.Cancel = true; // 阻止焦点离开控件 }}当textBox1失去焦点时,会触发textBox1_Validating验证事件。...Clip:获取或设置光标的矩形范围。Position:获取或设置光标的坐标。Hide():隐藏鼠标光标。Show():显示鼠标光标。SystemColors:获取系统颜色光标的颜色。...,当需要更改光标时,需要使用Control.Cursor属性。

    6.7K11

    Visual Studio 2022 17.1 正式发布 生产力大增强

    代码/文件自动保存功能 17.1 引入自动保存文件的新功能,每当 Visual Studio 失去焦点(例如在 Windows 中切换到另一个应用程序),它都会尝试保存 IDE 中的每个脏代码文档(dirty...签出提交(Checkout comit) 增强 Head 分离的能力,对代码审查和测试都有帮助。比如可以通过签出(可以理解为“分离”)最近的几个提交,进而回到之前的代码节点进行测试。...因此,如果要保留你签出提交后的更改,请在退出分离的 HEAD 状态之前,创建一个新的分支来保存你更改的内容。 有关“签出提交”功能和更多 Git 增强功能,可在 Taysser 的博客中细阅。...它提供所有可用寄存器、它们映射的内存位置和值的视图。...添加了切换颜色方案的功能,可以按文件扩展名或项目为你的标签着色。 添加了启用彩色标签时自定义标签颜色的功能。在一个颜色标签上点击右键,选择“设置标签颜色”。

    4.2K20

    Framer 使用滚动变体创建动画

    您可以使用“滚动变体”使导航栏在用户向下滚动页面时更改其外观,例如更改其背景颜色或调整元素的位置。或者在向下滚动页面时突出显示活动部分的侧边栏。...Demo1: 实现一个滚动到不同部分,修改导航栏的背景颜色的效果 创建导航栏组件 第一步就是创建一个导航栏组件 可以直接按下命令 K 并调出快捷菜单。...当黑色部分在浏览器视口中,导航栏使用默认的组件 当白色部分在浏览器视口中,导航栏使用黑色背景的导航栏组件 当黄色部分在浏览器视口中,导航栏使用黄色背景的导航栏组件 效果: 我们可以看到 当滚动不到不同部分的时候...,导航栏就会使用不同的组件....第二步: 引入到页面上,使用固定定位,定位在指定位置. 第三步: 添加滚动变体效果,滚动到不同部分,选择不同的组件即可. 这里我就不把属性图进行贴出了, 和上面第一个创建方法一致.

    2.8K10

    IntelliJ IDEA 2021.2 中,您完全不需要鼠标的 10 种情况

    如果答案是肯定的,那接下来的内容正好适合您!在这篇文章中,我们将向您展示 10 个不必在日常任务中使用鼠标的位置。 1....还可以使用 F12 将焦点返回上次使用的工具窗口(作为该工具窗口的特定快捷键的替代方法)。 在下面的 图片中,当我使用 Escape 键将焦点返回编辑器窗口时,演示助手没有显示文本“Escape”。...导航到出现灯泡图标的代码行,使用 Alt+Enter 调用 Context actions 即可查看相同的建议。 6....要在编辑器中工作时创建类,请使用 Alt+Home(或 ⌘ Up)访问导航栏。选择要在其中声明新类、接口或其他实体的软件包,然后使用 Alt+Insert 或 (⌘ N) 调用新对话框。...在编辑器窗格中使用 Ctrl+Up 或 Ctrl+Down(或 ⌘Up/⌘Down),即可进行滚动而不更改光标位置。

    5.9K10

    深入理解 Android Window系统

    窗口管理:WindowManager服务负责管理所有应用程序窗口的层级、位置和大小,确保正确的窗口叠加次序和处理焦点变化。...使用DecorView示例 以下是一个示例代码,演示如何在Activity中获取DecorView并更改其背景颜色: // 获取当前Activity的DecorView View decorView =...Activity的DecorView,然后使用setBackgroundColor方法将其背景颜色更改为蓝色。...属性:应用程序窗口可以包括标题栏、内容视图和系统状态栏。它们通常可以获得焦点,并且可以与用户交互。...它们不属于应用程序的一部分,而是由Android系统管理。 属性:系统窗口包括状态栏、导航栏、锁屏、通知栏等。它们通常在应用程序之上显示,并具有高度的系统权限。

    5.6K20

    Typecho中handsome主题如何增加侧边导航栏

    文章概要:handsome主题在使用的过程中导航栏初始时只有首页一个导航页面,本篇文章主要讲解一下应该如何修改源代码增加多个导航栏并且为其设置子导航。...目录 源代码修改位置 代码实现 代码讲解 超链接 多级子导航 源代码修改位置 在网站根目录中依次按以下路径进入——————“usr/themes/handsome/component”,找到文件aside.php...php _me("父导航栏名") ?...红色框内的为上述代码对应的父级导航名称,橙色框内对应的是子级导航名称,黄色框内对应的是iconfont图标,其中iconfont图标的颜色是可以修改的,修改代码块如下图所示,更改相应的颜色代码即可改变...iconfont图标的颜色 ---- 超链接 如下图所示修改下面两个框中的代码即可令导航链接到相应页面,其中最上面的框中对应父级导航的超链接,下面框中对应子级导航的超链接 ---- 多级子导航 假若为一个父级导航增加多个子级导航

    2.4K30

    做了七年前端开发,我最近才意识到可访问性的必要......

    1 HTML 语义 有一种叫做 ARIA 地标的东西,它能简单地将网页划分为不同的地标,使屏幕阅读器更容易在网页内部导航。...:focus { outline: none; } 当我们在网页上按 tab 键时,看到的轮廓就是焦点指示器,通常我们用上面的代码禁用它,至少我以前是这么做的。...这真是个糟糕的主意,焦点指示器能告诉使用键盘导航的用户们他们当前正在交互的位置,如果我们移除焦点样式,相当于将这些用户置于黑暗中,隐藏焦点指示器就像隐藏鼠标光标。...在设置焦点指示器的样式时,我们需要考虑以下几点: 对比区 与相邻颜色对比 不要遮盖焦点元素 在下面的示例中,黑色显示了焦点指示器启用状态 (使用键盘 tab 时的样式): 设置焦点指示器样式的不同方法...对比区 —— 颜色发生变化的地方 相邻颜色 —— 与焦点指示器相邻的颜色 聚焦状态和非聚焦状态的颜色对比度最小应为 3:1,焦点指示器和相邻颜色之间也要符合这个规则。

    3.1K30

    如何用Power BI可视化数据?

    image.png 在上面的环形图中,用每种咖啡的数量除以总数量,记得的了每种咖啡的占比。 2)美化图表 图形栏下面的图例功能,会显示当前图标的详细信息。“图例”是咖啡种类,“值”表示咖啡数量。...例如“常规”,可以改动图形的大小与位置,“标题”,可以设置标题的名称,“数据颜色”是设置图形的颜色等。 image.png 3.如何创建切片器?...如果你使用过导航,你会感慨“这种地图是怎么做出来的?” 其实,地图有两种类型(气泡地图、着色地图)。下面我们用案例数据来演示一遍如何做地图。 (1)气泡图 气泡图可以直观的显示不同地区的数据大小。...为了使图形颜色更加丰富,我们可以在“可视化效果”下面点击“格式”图标,在“数据颜色”里的“默认颜色”可以更改图表的颜色。...在 Power BI 中,你可以控制报表页的布局和格式设置,如大小和方向。 选择任务栏的“视图”里的“页面视图”,可更改报表页的缩放方式。

    5.1K00

    关于 Android 中的各种 Bar 和“透明状态栏”的一些知识

    此篇文章主要讲解关于沉浸式状态栏,程序全屏和分清状态栏、ActionBar、ToolBar 的一些知识内容。主要是讲解如何适配状态栏。...关于沉浸式和透明式概念说明 在谷歌官方中: 在 Android 4.4 Google 引入了可以在阅读电子书、玩游戏、看电影时支持全屏模式(Immersive Mode 沉浸模式),同时也支持更改修改状态栏的颜色...screnn_stable.png 5.沉浸模式 // 所谓沉浸模式就是一开始我们的 UI 布局是全屏的,状态栏和虚拟导航键也是隐藏的,当我们需要的系统 UI 的时候,从状态栏的位置下拉就可以出现系统...UI 布局可以延伸到导航栏,导航栏悬浮会遮挡住我们的 UI 布局。...如果设置了这个属性为 true,那么则是保留系统 UI 的位置(实际上是固定了我们的 UI 的高度,我们 UI 的高度就是屏幕去掉系统栏高度后的高度),那么这个时候你如何设置了 FLAG_LAYOUT_HIDE_NAVIGATION

    4.6K10

    如何在.NET电子表格应用程序中创建流程图

    为了解决上述的问题,今天小编就为大家介绍如何在.NET WinForms 应用程序中使用电子表格设计器组件在运行时创建形状操作流程图。...选择位置后,您将看到连接点变为绿色,表明线条已连接到形状。 连接完之后的样式: 6.将样式应用到形状 此步骤介绍如何应用样式主题以及如何将自定义样式应用于形状。...用户可以使用“形状格式”选项卡的“形状样式”部分自定义形状的背景颜色和轮廓颜色。...Spread 的设计器支持使用上下文菜单和/或工具栏的“组对象”按钮将形状分组在一起。...在 Designer 的工具栏上,导航至“文件”菜单,选择“应用”和“退出”以应用所有更改,然后退出 Spread Designer。用户可以重新打开设计器并对流程图进行更改。

    4.4K20

    Axure实战06:创建一个AppleSymbol图标库网站

    基础样式-侧边导航栏 我们先分析下AppleSymbol图标库网站的结构,它由一个侧边导航栏和内容展示区组成,当我们点击侧边导航栏的菜单时,右侧内容区域将展示不同的内容。...首先是侧边导航栏,我们拖入一个动态面板放在左侧,在样式工具栏中,设置它的位置为0,0,尺寸是256*955,并填充动态面板的背景颜色为#001529。...我们双击动态面板进入动态面板内部,拖入一个矩形1组件,在样式工具栏中,修改它的位置为(13,20),尺寸为230*52,填充颜色为透明色,线段宽度为0; 双击矩形1,输入文字“导航菜单”,字体大小为14...在下面“交互样式”一栏中,设置“鼠标悬停时”的交互为勾选“填充颜色”,设置颜色为#1890FF。 同理,设置“元件选中的样式”,勾选“填充颜色”,设置颜色为#1890FF。...示例:当我们点击侧边导航栏的“导航菜单”时,内容区域的“内联框架”应该展示“导航菜单”的页面。

    4.3K20

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

    openbox * pipanel - 添加命令行选项以在任意选项卡上打开 * lxplug-network - 抑制“扫描收到”日志消息 * raspberrypi-ui-mods - 根据任务栏颜色设置任务栏项目的悬停颜色...错误修复-mutter:更改主题时标题栏颜色不更新 * 错误修复 - GTK+3:工具提示在屏幕底部显示不正确 * 错误修复 - lxpanel:在未安装放大镜时使用键盘快捷键启用放大镜时崩溃...,可能会导致值超出范围 * 修复使用键盘导航目录视图时文件管理器中窗口之间的焦点更改 * 修复在启动向导中未正确读取 Raspberry Pi 400 键盘国家/地区 * 亚美尼亚语和日语翻译添加到几个包中...* 更改为通知弹出窗口 - 现在只会在直接点击时关闭,而不是通过点击任意位置 * 书架现在与书籍和杂志的翻译版本兼容,并将根据系统语言设置在可用的情况下提供翻译版本 * 错误修复 - 节流检测失败时...* Code The Classics Python 游戏添加到推荐软件 * 文件管理器 - 在侧边栏顶部添加了新的“位置”窗格,以简化视图显示已安装的驱动器;“新文件夹”图标添加到任务栏;目录浏览器中的扩展器现在可以正确显示子文件夹的状态

    6.9K20
    领券