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

Unity Odin从入门到精通(二):创建编辑器窗口「建议收藏」

3.4.WindowPadding:编辑器窗口填充四维向量(x = 左,y = 右,z = 顶部,w = 底部),其中每个维度对应真实填充值最终会大于或者等于该维度值。...3.11.LabelRect:菜单项绘制名称矩形区域(包含坐标和大小)。 3.12.IconSelected:选择菜单项时显示图标。 3.13.Icon:不选择菜单项时显示图标。...其中,菜单项用到缩进等级就是参数值;子菜单项用到缩进等级就是参数值加一。 4.7.DrawMenuItem:指定缩进等级来绘制菜单项。...1.7.NotSelectedIconAlpha:设置菜单项中图标在未选择状态下透明度。 1.8.IconPadding:设置菜单项中图标和标签文本之间填充值。...否则,就不会在菜单项上绘制一个折叠三角形。 1.10.TriangleSize:设置菜单项中折叠三角形大小。

3.1K30

颜色革命(下)

线条型设计,其实就是雕花工艺在移动产品中扁平化运用,体现是设计另一极——虚,这一类图形设计力求简洁干净、清新自然,多以白色打底,图样实心化,颜色实体图形突出图像效果,一般情况下,图样主色也即APP...,目的也只是为了不让页面显得太过空洞; 3、导航条与状态栏选色问题:如果正文内容没有大色块提色,可以考虑主题色填充;但是如果正文内容已有大色块提色,则保持默认背景色即可,一般也就是白色...另外,对于个人信息类页面,信息以列表显示为主,所以保持了与主流APP相关功能页相识设计,只是将图标主题色铺色。...先从着色说起,虽然页面只有灰白两色,但是层次分明,背景色灰色填充,使页面间隔有一种向后凹视觉陷入感,内容部分用白色填充,重点鲜明自然,同时也使内容有一种向前凸出设计感,两者一搭配比对,页面的层次感就跃然屏上了...对于高亮图标,依然以实心、橙黄主题色做填充,为页面整体效果添彩。

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

为啥你UI界面感觉乱?这7个常见问题一定要避免

b.注意重复列表和块 通常情况下,列表有以下几种形式:图像+文本,图标+文本,数字+文本等。您应该考虑哪种形式可以让信息更有效表达。 对于描述功能小文本块,您可以使用三列布局。...如果空间不均匀,您页面将显得凌乱,并且用户可能不会平等地考虑每个部分。 ‍ 填充太小意味着用户无法将内容分解为逻辑块。为了防止逻辑部分混合在一起,请将它们分开并在它们之间插入较大空间。 ‍...b.确保文本和图像有足够对比度 避免将低对比度文本复制放置在图像上。文字和背景之间应有足够对比。要突出显示副本,请在图像上放置一个对比滤镜。...这就是为什么选择正确视觉图像以符合元素含义原因非常重要。 您需要使用非常简单且通用图像来讲述故事,每个人都可以理解。您需要将这些图标与UI整体样式进行匹配。...有些设计师喜欢免费图标,这些图标单个看起来都不错,但是一旦放到一起,就不太协调了。那么如何来避免这种混乱呢? · 线宽-调整大小后,所有图标的线宽应相等。否则,它们不会非常明显。

1.2K40

Jekyll-Admin-Mac 开发纪要-左侧菜单栏

如果修改 Jekyll-Admin里面的源码代价是巨大,不如用自己擅长语言来写,正好还有自动生成 API 可以。 对于 Jekyll-Admin-Mac UI我们采用网页配色即可。...获取 Jekyll-Admin图标。 经过网络抓包,我们抓取到 Jekyll-Admin图标是经过连接 .....⚠️我们发现我们图片是正常显示出来了,但是背景颜色无法显示。那是因为在 OSX开发和 iOS不太一样。对于正常 NSView, NSImageView是无法进行设置背景颜色。...而且我们 enumerated()出来竟然是也是 Let标记,我们 var标记。 ?...我们需要根据选中状态设置图标的颜色还有文字颜色,这样就要增加一下逻辑。这些都是修改 SideMenuItemView类内容,为啥不采用赋值,让 SideMenuItemView内部处理呢?

2K10

重磅!iOS应用黑暗模式设计终极指南(附套件下载)

必须为所有元素分配一组单独颜色,也就是说,你必须重新设计它们。 如下所示,在明亮模式下纯白色不会在黑暗模式下转换为纯黑色。所以,不要在深色模式下反转颜色。 ?...05 填充颜色和灰色 iOS准则提供了4种填充颜色(也为灰色)和6种其他灰色可供选择。它们是界面上所有元素理想选择,例如字形(图标),UI控件等。那么,填充色和灰色之间有什么区别? ?...填充色具有一定透明度,而灰色则完全不透明。因此,理想情况下,您可以只使用填充色或灰色,也可以混合使用。显然你可以根据需要选择自己自定义灰色。 这里有一个很小例子,说明如何在用户界面中使用它们。...在上图中,您可以看到相机和笔图标触摸目标,我使用了灰色。对于搜索栏,我使用了填充色。 那么,是否必须以这种方式使用这些颜色?不。如前所述,你可以随意使用所有10种颜色(4种填充+ 6种灰色)。...左边那个不是完全不透明。但是正如您所看到,它们几乎没有任何区别。另外,下面的内容也不会模糊。 请注意下图,不同材质所产生视觉效果是不一样: ? 接下来看一下底部Tabbar: ?

3.2K10

Flutter中构建布局 顶

将第一行文本放入Container中可以添加填充。 列中第二个子项(也是文本)显示灰色。 标题行中最后两项是一个红色星形图标和文字“41”。 将整行放在容器中,并沿着每个边缘填充32像素。...将文本放入容器以在文本上方添加填充,将其与图标分开。 通过调用函数并传递特定于该列图标和文本来构建包含这些列行。...例如,左边屏幕截图显示了3个图标,每个图标下有一个标签: ? ? 第二个屏幕截图显示可视布局,显示一列3列,其中每列包含一个图标和一个标签。...它还显示了一个简单Hello World应用程序完整代码。 在Flutter中,只需几个步骤即可在屏幕上放置文本,图标图像。 1.选择一个布局小部件来保存该对象。...每个图像使用一个Container来添加一个圆形灰色边框和边距。 包含图像列使用容器将背景颜色更改为浅灰色

43K10

「Adobe国际认证」Adobe Photoshop,如何裁剪并拉直照片?

删除裁剪像素禁用此选项以应用非破坏性裁剪,并在裁剪边界外部保留像素。非破坏性裁剪不会移去任何像素。您可以稍后单击图像以查看当前裁剪边界之外区域。 启用此选项以删除裁剪区域外部任何像素。...裁剪边界显示在照片边缘上。 2.在选项栏中,选择“内容识别”。默认裁剪矩形会扩大,以包含整个图像。 3.使用图像周围手柄,拉直或旋转图像。或者,将画布范围扩展到图像原始大小之外。...4.当您对结果满意时,单击选项栏中√以提交裁剪操作。Photoshop 会智能地填充图像空白区域/空隙。 注意:裁剪工具经典模式不支持在裁剪区域上进行内容识别填充。...要停用经典模式,请执行以下操作: 1.对于选定裁剪工具,请单击工具栏中设置其他裁切选项图标。 2.在出现“设置”菜单中,取消选择使用经典模式。...4.从“画布扩展颜色”菜单中选取一个选项: “前景”:当前前景颜色填充新画布 “背景”:当前背景颜色填充新画布 “白色”、“黑色”或“灰色”:这种颜色填充新画布 “其它”:使用拾色器选择新画布颜色

2.8K10

.NET混合开发解决方案13 自定义WebView2中上下文菜单

此枚举将始终表示导致上下文菜单请求活动元素。例如,如果有一个包含多个图像、音频和文本选择,最终用户在此选择中右键单击元素将是此枚举表示选项。 Audio  指示上下文菜单是为音频元素创建。...Image 指示上下文菜单是为图像元素创建。 Page 指示上下文菜单是为页面创建,没有任何其他内容。 SelectedText 指示上下文菜单是为所选文本创建。...CreateContextMenuItem() 方法中传递三个参数 1、菜单项名称。如果是分割线,则设置为空字符串。 2、菜单项图标,是文件流对象。如果不设置,则赋值为null。...CoreWebView2ContextMenuRequestedEventArgs 包含以下信息: 要填充自定义上下文菜单 ContextMenuItem 对象有序列表。...已排序列表包括以下内容: 菜单项内部名称。 菜单项 UI 标签,显示给 UI 中用户。 菜单项类型。 键盘快捷方式说明(如有 Alt+C)。 自定义菜单项任何其他属性。

2.8K20

Gizmos菜单_gi clamp

参见显示网格,下面,图像和更多信息。 Selection Outline 选择大纲 请选择外形与周围彩色轮廓显示所选GameObjects。...它们通常是线框图,代码而不是位图图形绘制,并且可以是交互式。该相机小玩意儿和光线方向小发明(如下图所示)是内置小玩意儿两个例子; 你也可以使用脚本创建自己Gizmos。...右:在2D模式下图标显示网格 该显示网格功能,在切换场景平面网格。下面的图像显示了它在场景视图中显示方式: 左:现场查看电网已启用。右:现场查看网格被禁用。...某些内置组件类型(例如Rigidbody)不会在此列出,因为它们没有在“场景”视图中显示图标或Gizmo。仅列出具有图标或Gizmo组件。 编辑器还在这里列出了一些项目脚本,高于内置组件。...如果图标在菜单中为全色,则会在“场景”视图中显示; 如果它在菜单中显示灰色,则它在“场景”视图中不可见。任何具有自定义图标的脚本都会显示一个小下拉菜单箭头。

3.7K10

[ISUX译]iOS 9 人机界面指南(五):图标与图形设计 - 腾讯ISUX

添加细节时请慎重,如果一个icon样式或形状过于复杂,它细节可能会让用户迷惑,在小尺寸icon中更可能会显示模糊。 注意: 想要测试你图标在小尺寸下显示效果,可以把它移动到主屏文件夹下。...如果你没有提供这些icon,在这些位置iOS可能会缩小你应用icon。表格45-1显示了不同尺寸详细信息。 注意: 如果你icon底色是白色,不需要增加灰色遮罩来增强app在设置界面的可见度。...通常选中态是非选中态填充了颜色样子,但有些设计需要在此方法前提下进行一些变化: ? 创建有内部细节图标的选中态版本时(例如收音机图标),将内部细节反过来填充,以确保这些细节在选中态依然突出。...键区图标虽然也拥有一些内部细节,但如果对选中态背景进行填充,并在圆圈上增加白色边线,就会令用户感到混淆。 ? 有时候给予选中态一些细微变化令其有更好显示效果。...例如语音邮箱和阅读列表图标的选中态就是使用了 2 点描边,而未选中态是 1 点来描边。 ? 有些图标由于形状细节关系,增加描边后看起来并不好。

1.6K31

【Flutter实战】图片组件及四大案例

图标不会出现失真或者模糊现象,例如将20x20图片,渲染在200x200屏幕上,图片会失真或模糊,而图标是矢量图,不会失真,就像字体一样。 多个图标可以存放在一个文件中,方便管理。...dst:仅绘制目标图像。 dstATop:将目标图像合成到源图像上,但仅在与源图像重叠位置合成。 dstIn:显示目标图像,但仅显示两个图像重叠位置。不渲染源图像,仅将其视为蒙版。...srcATop:将源图像合成到目标图像上,但仅在与目标图像重叠位置合成。 srcIn:显示图像,但仅显示两个图像重叠位置。目标图像未渲染,仅被视为蒙版。...因此此参数可以用于处理图片加载时显示占位图片和加载图片过渡效果,比如淡入淡出效果。...,在pubspec.yaml设置如下: 千万注意红框内开头空格问题,否则编译不通过,family后面跟字符串最好有意义,后面图标的时候需要用到。

2.5K10

Photoshop 2023 资源免费下载(mac+windows全版本都有,包括最新2023)

审美时代如果你不会ps是不是说不过去了。现在朋友圈照骗基本都被ps照骗充斥着。所以赶紧来一起学习Photoshop这一项技能吧!...08.图层颜色标识使用颜色来整理图层是一个不错选择。在图层面板眼睛处右键,可以颜色来标识图层,然后你可以根据颜色来管理图层。...47.取消图层和蒙板之间链接其实这个技巧也很简单,你只需要在图层面板中单击图层和蒙板之间链接图标就可以接触链接关系,鼠标选中你要移动部分缩略图,将其移动到一起地方就好了。...但是还有更好方法:新建调整图层。选中要编辑图层,点击底部半黑半白圆形图标,就可以新建调整图层了。不管你怎么编辑这个图层,原图都不会有影响。...这个图层可以轻易减淡或者加深,添加纹理或者光晕,可以以非破坏式方式优化图像,新建一个图层,然后选择 编辑->填充 ,然后设置混合模式为叠加。

2.9K10

Refactoring UI

让文字更接近背景色才真正有助于创建层次,而不是让文字变成浅灰色 使用白色文字并降低不透明度,确实降低了对比度,但往往会导致文本看起来暗淡、失色,有时甚至是残缺图像或图案上使用这种方法意味着背景会透过文字显示出来...,图标(尤其是实心图标) 一般都很 "重",而且覆盖面积很大 当你把图标放在一些文字旁边时,图标往往会给人突出感觉 与文字不同, 图标的 "重量 "是无法改变因此要创建平衡,就需要通过其他方式来淡化它...# 添加覆盖层 在背景图片上添加半透明覆盖层 # 降低图像对比度 对整个图像进行调亮或调暗,而不仅仅是对有问题区域进行调亮或调暗 降低对比度会改变图像整体明暗感觉,因此一定要调整亮度来进行补偿...# 不要放大图标 虽然矢量图像质量确实不会因为尺寸增大而降低,但绘制尺寸为 16-24px 图标在放大到 3 倍或 4 倍时,看起来永远不会非常专业 如果你只有小图标,可以尝试将它们围在另一个形状内...,可以尝试绘制简化版用户界面,去掉细节,简单线条代替小文字 # 不要缩小图标 绘制成较大尺寸图标在缩小后也会显得模糊不清 更好办法是按照目标尺寸重新绘制一个超级简化版徽标 # 小心用户上传内容

54830

PPT如何打造了若指掌可视化图表

右击形状选择"设置形状和格式",在右侧窗格切换到"填充→渐变填充",在下方渐变光圈中依次添加一个灰色和红色光圈,然后将两个光圈位置都移动到85%处重合(只有光圈重合,颜色填充分界才会明显),这个比例表示疾病人群占比为...操作同上,继续在15%位置添加一个绿色光圈和灰色光圈并重合,将绿色表示健康人群占比,这样中间75%比例表示亚健康人群占比。最后加上指示线条和文案说明。...此时可以直接使用图片进行表示,同时通过裁剪相应比例实现。比如三文鱼市场份额统计显示,欧洲市场占50%、北美市场占23%、亚洲市场占13%、其他市场占14%。...完成图标的描绘后可以右击图标选择"编辑顶点形状",对描绘图标进行编辑。   ...最后添加上文案说明即可,因为饼图颜色会对形状进行填充因此当数据比例变化时,形状填充部分也会同步变化,这样图表是不是可视化效果更好呢?

2.1K40

设计之禅——迭代器模式

前言 迭代器想必大家不会陌生,作为Java中内置API,平时我们使用也是非常多。但你是否曾想过它和迭代器模式有什么关联?并且Java中已经有for循环遍历,为什么还会需要这样一个类?...定义 Java中大部分数据结构都有返回iterator方法,且都实现自Java.util.Iterator接口,这就是迭代器模式实现和应用。那迭代器模式是什么?有什么呢?...通过定义我们可以发现关键 “不暴露内部表示”,意思是在某些我们不愿意暴露我们内部结构场合,for循环就无法使用了,那我们就需要提供一个遍历工具,而其他人在使用迭代器遍历该聚合对象内部元素时,就不用关心其内部是何种数据类型来存储数据...Coding 普通实现 假设现在有A、B两家餐厅,A只售卖早餐,B则只售卖正餐,现在有个外卖平台将会接入两家餐厅数据展示给客户,但是A是数组存储,B是ArrayList存储。...,只需要使用Iterator提供方法即可,不过这里需要注意是,虽然我们将商家内部实现与第三方平台解耦,但是如果加入新商家,这里代码又需要改变,并且多次调用print显示菜单依然看起来不怎么雅观,

26310

PS图层混合模式实例详解

Photoshop CS3中有25种图层混合模式,每种模式都有其各自运算公式。因此,对同样两幅图像,设置不同图层混合模式,得到图像效果也是不同。...在此模式下,可以通过调节图层不透明度和图层填充参数,不同程度显示下一层内容。...5,颜色加深混合模式 颜色加深模式用于查看每个通道颜色信息,使基色变暗,从而显示当前图层混合色。在与黑色和白色混合 时,图像不会发生变化。...如果当前图层中像素比50%灰色亮,可通过增加亮度使图像变亮;如果当前图层中像素比50%灰色暗, 则通过减小亮度使图像变暗。...该模式 通常会使图像产生色调分离效果减小填充不透明度时,可减弱对比强度。

1.6K30

揭秘AI幻觉:GPT-4V存在视觉编码漏洞,清华联合NUS提出LLaVA-UHD

;(3)第 3 阶段显示了 9、12 和 16 混合答案。...为了演示这个问题,作者合成了一系列输入图像,如图 3(右)所示,其中不同长宽比绿色矩形被灰色(即填充对应 RGB 值)所包围。...从图 3(左)结果中,作者观察到 LLaVA-1.5 忽略了灰色输入区域(将其视为填充),并置信地回答了中心矩形颜色。...由于图像切片在不同图像之间是动态因此有必要通过位置修饰符来告知 LLM 图像切片相对位置。 表 1 报告了主要实验结果。...可以看到,LLaVA-UHD 可以正确识别课表上密集内容,小海报上文字以及手机上图标和文字,实现了细粒度识别和推理。

7310

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

标准分辨率显示像素密度为1:1(或@1X),其中一个像素等于一个点。高分辨率显示屏具有更高像素密度,提供2.0或3.0比例因子(称为@2x和@3x)。因此,高分辨率显示需要更多像素图像。...通常,对位图/栅格图稿使用逐行扫描PNG文件。PNG支持透明性,并且由于它是无损因此压缩伪像不会模糊重要细节或更改颜色。对于需要诸如阴影,纹理和高光之类效果复杂艺术品,这是一个不错选择。...将8位调色板用于不需要全24位颜色PNG图形。使用8位调色板可以减小文件大小,而不会降低图像质量。此调色板不适用于照片。 优化JPEG文件以在大小和质量之间找到平衡。...可以压缩大多数JPEG文件,而不会明显降低所得图像质量。即使少量压缩也可以节省大量磁盘空间。在每张图像上进行压缩设置实验,以找到可以接受最佳值。 提供图像图标的替代文本标签。...当你APP在iOS 12或更早版本中运行时,请按照以下指南操作。 系统提供内置图标,表示各种例中常见任务和内容类型。

2.9K20

「Adobe国际认证」关于Adobe Photoshop,创建和修改画笔教程?

此面板底部画笔描边预览可以显示当使用当前画笔选项时绘画描边外观。 显示“画笔”面板和画笔选项 1.选取窗口 > 画笔设置。...此模式可用于形状工具(当选定填充区域时)、油漆桶工具 、画笔工具 、铅笔工具 、“填充”命令和“描边”命令。您必须位于取消选择了“锁定透明区域”图层中才能使用此模式。...如果混合色(光源)比 50% 灰色亮,则图像变亮,就像过滤后效果。这对于向图像添加高光非常有用。如果混合色(光源)比 50% 灰色暗,则图像变暗,就像正片叠底后效果。这对于向图像添加阴影非常有用。...纯黑色或纯白色上色会产生纯黑色或纯白色。 亮光通过增加或减小对比度来加深或减淡颜色,具体取决于混合色。如果混合色(光源)比 50% 灰色亮,则通过减小对比度使图像变亮。...如果通道结果总和大于或等于 255,则值为 255;如果小于 255,则值为 0。因此,所有混合像素红色、绿色和蓝色通道值要么是 0,要么是 255。

1.9K20

只要会复制粘贴,令人眼前一亮创意图表你也能制作出来

如果你是因为我标题党而点开了文章,那下面的介绍,绝对不会让你失望。只要你会复制粘贴,令人眼前一亮创意图表你也能制作出来! 这种创意图表是怎么制作呢?...接下来就是制作创意图表三大步。 第一步:准备素材 图表表达是不同职位平均薪水差异,所以,很自然地就想到金币来表示薪水。于是我找了一个金币图标,作为素材备用。...第二步:复制/粘贴素材 Ctrl+C复制灰色图标素材,然后Ctrl+V粘贴到蓝色柱形图,如下: 同样步骤,Ctrl+C复制青色图标素材,Ctrl+V粘贴到黄色柱形图,如下: 然后分别对两个图标填充方式调整为...利用【单元格值】就可实现。我们先显示灰色部分数据标签: 选中数据标签,在【设置数据标签格式】窗格,把【值】前勾勾去掉,勾选【单元格值】 这时会弹出一个excel对话框。...总结:只要掌握了复制粘贴大法,你就可以充分利用丰富图标或图片素材来填充图表,使图表观点表达更生功形象,同时填充方式设置是实现创意图表关键,【层叠】【层叠并缩放】,都要掌握哦。

20530
领券