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

Human Interface Guidelines — Widgets

例如,“新闻” widget 显示最重要标题。 “日历”提供了两个 widget ,一个显示当前事件,另一个显示下一个事件。...人们还将他们关心窗口 widget 添加到搜索屏幕,通过在主屏幕和锁定屏幕上向右滑动来访问搜索屏幕。 你目标应该是设计一个人们想要添加到搜索屏幕 widget。 ?...使用 widget 顶部 app 图标进行对齐指导。当这个图标的中心对齐时,内容往往能展示良好。如果 app 提供了网格式布局,请确保在网格项之间提供了足够和相等 padding 。...不要包含一个占空间“打开app”按钮,而是让用户自己点击内容后即可在 app 中查看或修改内容。例如,在日历 widget 中,您可以点击事件以在日历 app 中打开它。...·为 widget 起一个好名字 每个 widget 内容上方都会显示 app 图标和标题。一般来说,widget 名称应该 app 名称相匹配。

1.1K30

如何使用纯前端控件集 WijmoJS 中可视化在线设计

设计主菜单默认为全部折叠,并显示为垂直条形图标。单击页面左上角WijmoJS徽标以展开菜单。...日历控件现在显示当年月份全名 单击“属性”选项卡右侧箭头图标以显示“事件”窗格,该窗格显示所选控件公开每个事件切换按钮。对于打开每个事件,WijmoJS 设计将自动生成事件Java代码。...用户可通过打开工具箱并将InputDateTime控件添加到设计图面,单击“编辑”工具栏上“上移”按钮以交换两个控件位置。...最后,最后一行为日历valueChanged事件添加了一个Demo处理程序。 要返回可视化设计,请单击页面左侧“设计视图”按钮(“保存”按钮下方)。...单击“属性”窗格中“后退”按钮以返回FlexChart设置。 接下来,单击图例属性齿轮图标并将其位置设置更改为“底部”。 像以前一样单击后退按钮返回FlexChart设置。

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

纪念基于JavaScript 实现后台桌面 UI 设计

举例搜索如下界面: 这是一个深色模式呈现,输入“杰克逊” 关键字,点击搜索后,结果页分三个色块区域: 1、黑色标题为统计结果信息和关闭功能; 2、中间为搜索内容区域,内容包括图标、标题、打开功能链接和添加到快捷访问...附件小程序 这个可以后续进行插件更新,目前提供了两个实用小程序,计算日历任务。...计算界面设计 日历任务 日历也是我们经常用到功能,而且可以设置任务提醒功能,这在系统登录或访问应用时都会在屏幕左上角区域用任务图标进行提示。...该功能显示如下图: 界面的左侧显示日历右侧显示任务设置面板,点击日历即可赋值在开始时间,再次点击将赋值到结束时间里,同时我们还可以设置提前提醒时间量,最后点击保存设置即可完成任务设置。...某些任务图标是动态显示,如图中红色铃铛图标表示有任务提醒、绿色播放图标表示本页面有帮助视频可供学习。另外还有一些固定任务图标,比如黄色收藏图标

11110

macOS 入门指南

“计算图标 计算 执行基本计算、高级计算或编程计算。请参阅《计算器使用手册》。 “日历图标 日历 日历软件,制定并跟踪会议、日程和约会。请参阅《日历使用手册》。...“预览”图标 预览 查看和编辑 PDF 及图像、导入图像以及拍摄屏幕图片。请参阅《预览使用手册》。 “Safari 浏览图标 Safari 浏览 将备忘录、列表和图片保留在桌面上。...备忘录图标 备忘录 通过添加照片、视频、URL 或表格来记下迸发灵感以供稍后整理。请参阅《备忘录使用手册》。 我们以「日历」软件为例,简单介绍一下 macOS 里软件操作使用。...image 在桌面的左上角,苹果标志  右侧,就是「日历菜单栏选项。在这里可以对「日历」进行一些设置操作。 ?...直接将图标拖曳至应用程序文件夹,即可完成安装。 ? image pkg 是 macOS 下软件安装,按照提示,一步步点击安装即可。 ?

2.7K30

Notion初学者指南

—>颜色 添加图标和图像:点击块中“+ 添加图标”或“+ 添加图像”按钮 创建自定义模板:如果你经常使用特定类型页面,比如任务页面或每周计划页面,创建一个自定义模板可以节省时间。右上角......要在Notion中使用公式,您需要创建一个新列,并将内容类型选择为“公式”。然后,您可以直接在列中输入公式,或者使用公式菜单中可用函数。 例如,要将两列相加,您可以使用SUM()公式。...为任务添加到期日期以提醒您截止时间。 在任务列表中创建“优先级”列来定义最重要任务。 使用颜色来区分任务类型或重要性。 使用“日历”块来将任务可视化到日历上。...他人共享数据库,并定义访问级别。 在待办事项清单中创建“优先级”列以定义最重要任务。 使用颜色按类型或重要性对任务进行分类 为重复任务和项目创建自定义模板。...定制 将页面的颜色和图标进行自定义,使其更具吸引力和易于理解。 尝试不同颜色、图标和图片组合,创建独特和个性化页面。 添加标签对页面和信息进行分类。

71630

TDesign 更新周报(2022年12月第1周)

,issue#1843修复右侧图标会和标签重合问题修复 onRemove 事件参数未能返回最新 value 问题修复未能正确透传 inputProps 问题Menu: 修复二级菜单子菜单纵向左边距丢失问题...(issue#1843) @chaishi (#2087)右侧图标会和标签重合问题 @chaishi (#2087)修复 onRemove 事件参数未能返回最新 value 问题 @chaishi (...@chaishi (#2070)Tooltip: 修复继承 Popup 组件 disabled 属性失效 (issue #1962) @Zzongke (#2069)Calendar: 修复日历组件在月历模式下高亮显示...@chaishi (#1758)右侧图标会和标签重合问题 @chaishi (#1758)修复 onRemove 事件参数未能返回最新 value 问题 @chaishi (#1758)Calendar...: 修复控制面板对齐问题 @uyarn (#1766)Menu: 修复纵向类型二级菜单左边间距丢失问题 @uyarn (#1766)Dropdown: 修复透传 className 和 style

2.1K30

手里系统瞬间不香了…

改进桌面图标体验 新版本改用了比 Ubuntu 20.04 中更好桌面图标扩展,用户可以将文件和文件夹从文件管理中拖拽到桌面上,反之亦然。...通过系统设置中(新改进)外观面板,可以进行少量桌面图标设置。添加到桌面的新文件夹默认出现在右下角,而不是左上角,不过也可以自行进行配置。 5....在 Ubuntu 22.04 中,full-screen launcher 从显示底部向上滑动,并从左侧或右侧翻页。另外,最新面试题整理好了,大家可以在Java面试库小程序在线刷题。...通知区日历事件 来自日历应用程序事件出现在通知 shade/clock applet 中。默认情况下,用户会看到当天所有事件,用户也可以在日历中选择一个日期来查看其他日期事件。...如果当天有活动安排,下面会有一个小"点"图标,然后在日历下面的卡片中可以预览该事件。 13.

2.5K30

Ubuntu 22.04 震撼登场!!!

改进桌面图标体验 新版本改用了比 Ubuntu 20.04 中更好桌面图标扩展,你可以将文件和文件夹从文件管理中拖拽到桌面上,反之亦然。...通过系统设置中(新改进)外观面板,可以进行少量桌面图标设置。以及添加到桌面的新文件夹默认出现在右下角,而不是左上角;但可以自行进行配置。 5....在 Ubuntu 22.04 中,full-screen launcher 从显示底部向上滑动,并从左侧或右侧翻页。 还有一些其他质量改进,以提升 App Launcher 体验。...Dock 在多显示设置中行为方式选择。...默认情况下,你会看到当天所有事件,但你可以在日历中选择一个日期来查看其他日子事件。如果当天有活动安排,下面会有一个小 "点" 图标,然后在日历下面的卡片中预览该事件。 13.

2.3K50

爆料最新IOS18系统,这些功能真心好用到爆

Apple 设计了 iOS 18 中 AI 功能,这些功能可在设备和 Apple 自己服务上运行,但它还计划 OpenAI 和可能 Google 合作,以支持基于云生成 AI 功能,例如创建图像...一位泄密者表示,苹果计划使用大型语言模型 (LLM) 彻底改造 Siri,并将其变成“终极虚拟助手”。...日历和提醒 日历应用程序有望获得提醒功能集成,该功能将允许在日历应用程序中查看和交互提醒功能。 计算应用程序 苹果计划在 iPadOS 18 中为 iPad 推出一款内置计算应用程序。...上 CarPlay 有何期待 5 月 26 日报告:iOS 18 将推出这 10 项全新 AI 功能 5 月 26 日Gurman:iOS 18 将允许用户重新着色应用程序图标并将其放置在任何地方...5 月 21 日iOS 18 Apple Music 应用程序将实现更智能歌曲过渡 5 月 19 日iOS 18 将使用人工智能来汇总通知、添加到日历等 5 月 15 日苹果预览 iOS 18 升级版放大镜应用

11310

网站页面优化:页脚文本

你会情不由禁地问自己:“你网站读者到达网站页脚时,你希望读者做什么?” 如果你想让他们采取行动,请将CALL-TO-ACTION按钮添加到页脚中。...典型网站页脚示例DANSCHAWBEL.COM 如上图所示,DANSCHAWBEL.COM页脚有两个小部件区域(列),页脚文本(背景为浅色),左侧有版权声明和设计声明,右侧有社交图标。...有三个小部件区域PROBLOGGER博客页脚设计如图: ? 典型网站页脚示例PROBLOGGER.COM 如上图所示,PROBLOGGER页脚文本区域包括左侧版权信息和右侧导航。...现在我们可以这样做,就是创建一段文本段落,解释网站作用,并将其放置到网站中每个页面的底部。...可以混合一些东西,例如电子商务网站多个类别的产品可能会在每个类别下网页页脚区域使用不同文本内容,大概75或100个单词,多一点也可以

1.6K20

android10锁屏时钟样式,三星s10息屏时钟

同时这款软件中还有这更多炫酷功能,图标壁纸时钟主题等等自定义和制作功能相当强大!喜欢朋友们不要错过哦!赶快下载三星s10息屏时钟开始体验吧!...三星s10息屏时钟功能 Samsung One UI始终显示主题 自动旋转功能 包含事件日历视图以及将自己注释添加到日期功能Root(超级用户)兼容 边缘照明,具有自定义颜色和样式 指纹消除 徽章通知...具有隐藏和关闭功能可点击通知图标 设置图标大小 超过30个时钟表盘,例如Digital S9,S10和Note 9当前天气信息 调整屏幕亮度/ alpha 高清背景/壁纸 启动快捷方式,如日历,手电筒...选择你喜欢时钟风格! – 数字时钟,模拟时钟,世界时钟,边缘时钟,日历,图像时钟,AGIF等。...– FaceWidget类型:音乐控制,今天日程安排和下一个警报- 配置路径:设置>锁定屏幕和安全性>时钟和面部小工具> FaceWidgets3、将您想要记住文字和图像固定到AOD上。

1.5K20

干货 | 国际化探索之路-Trip.com如何走进阿拉伯市场

页面之间涉及左右方向手势,例如右滑退出页面,要变成左滑退出。同理,表示退出左向箭头会镜像成右向箭头;涉及到左右分布操作例如按钮,tab,加减开关都需要镜像,部分规则如图4所示: ?...图4 操作镜像 部分图标 图标对辅助用户理解文本内容有着重要意义,因此图标的设计也需要满足阿拉伯用户阅读习惯。...需要注意是,图标是由图形组合而成,部分图标在镜像过程不等同于直接左右翻转,而是通过调整元素设计来满足我们设定规则。我们整理出需要镜像部分图标如下所示: ?...图6 图标无需镜像规则 阿拉伯数字英文字母 阿拉伯数字和英文展示同样遵循以上规则:属于是国际通用,展示都无需镜像。例如航司名称,邮箱,网址,电话号码和账号密码: ?...以下本地化设计都是基于对阿拉伯国家深入了解后所得出得设计: 3.2.1 日历 我们调研了阿拉伯当地日历展示,为其单独设计了一个日历,效果图如下: ?

4.2K41

电商管理系统原型分享- E-Market

因此在设计原型过程中需要保证页面元素整齐统一。如:对齐方式、间隔距离、字体和颜色、图标风格等。当页面元素做到整齐统一,输出原型自然会简洁清晰。...; ④ 在格子上,可以直接拉动线条来设置单元格大小、行间距等,也可以直接在右侧属性面板中输入数字进行设置。...5.消息列表选择状态切换设计 在设计邮件和聊天页面的消息列表时,为了突出选择,我们对被选中条目增加了颜色切换设计,当消息列表中某个条目被选中时,颜色会切换为白色,且右侧展开详情页颜色一致,互相呼应...在右侧属性面板中还可以设置文本颜色、选中颜色、是否允许输入等属性,非常方便。 ? ② 弹出面板组件 在日历、订单管理等页面,我们都使用了弹出面板组件来呈现电商管理系统“增加任务”等效果。...设计好所有组件,都可以在右键菜单中添加到组件库,便于你在不同办公地点使用自己组件,同时,还可以将组件分享给其他人。 以上就是摹客团队为大家分享电商管理系统原型。 原型模板下载 图片集下载

1.7K30

Wetab新标签页:内置实用小组件浏览扩展,重新定义浏览主页

Wetab 是一款基于浏览新标签页产品,主张辅助用户打造一个兼具效率美观主页。...Wetab 已经提供了包括 AI 工具、日历、待办、天气、时钟、节日、倒计时、纪念日、电影日历、时钟、换算、每日一言、游戏、习惯养成、历史上今天、汇率、股票、NBA 赛事、游戏、书签等在内 30...产品特色功能如下:提供实用、好看小组件库;内置 AI组件,无压使用 AI 辅助;丰富、可自定义网站图标库;快速可调用常驻 Dock 栏;支持快速切换、实现高效分类仪表盘主页;便捷自定义搜索和聚合搜索...工具、日历、待办、天气、时钟、节日、倒计时、纪念日、电影日历、时钟、换算、每日一言、游戏、习惯养成、历史上今天、汇率、股票、NBA 赛事、游戏、书签等在内 30 种小组件。...参考文献Wetab 标签页:在你浏览网页中内置实用、优雅小组件狐猴浏览:一款支持插件扩展、强大好用移动端浏览Infinity:颜值实用兼备新标签页,高效书签管理必选浏览扩展WeTab

1.6K20

Qt软件商店上架几个组件

11月初Qt软件商店(Marketplace)更新了三个新组件:Qt QuickTreeView(树状图),Calendar(日历)和MultiEffect(图形效果)。 1....有几种方便方法可用于在视图中将模型索引项目索引映射。可以创建自定义委托,但是可以通过几个样式提示自定义视图委托。...行背景和前景色,备用背景色,文本字体以及折叠/展开图标可以轻松更改,而无需编写新委托。 2. 日历   日历提供了用于在Qt Quick中创建日历模块化构建块集合。...通过将更传统日历控件分为几种类型,可以通过使用GridLayout或任何其他定位系统组装所需控件来轻松创建自定义日历。   ...结合Qt Quick Controls中Popup类型,还可以创建弹出日历控件。 3. 图形效果   Qt Quick MultiEffect将Qt图形效果子集组合为单个项目和着色效果。

1.2K10

可以将阿里图标icon、svg、unicode渲染到html小工具 render.iconfont

怎么使用这个小工具,1.我们可以直接点击阿里「iconfont」下载代码,2.找到你下载好代码,添加到项目中,3.记住你路径,在你 html 上,引入小工具,4.将需要图标容器,添加,...1.我们可以直接点击阿里「iconfont」下载代码 2.找到你下载好代码,添加到项目中 图片 3.记住你路径,在你 html 上,引入小工具 <script src="....<em>与</em> Unicode 使用方式相比,具有如下特点: 兼容性良好,支持 IE8+,及所有现代浏览<em>器</em>。 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。...相关介绍可以参考这篇文章 这种用法其实是做了一个 SVG <em>的</em>集合,<em>与</em>另外两种相比具有如下特点: 支持多色<em>图标</em>了,不再受单色限制。...兼容性较差,支持 IE9+,及现代浏览<em>器</em>。 浏览<em>器</em>渲染 SVG <em>的</em>性能一般,还不如 png。

1K00

Windows 10 全新界面要来了:焕然一新!

实际上,新圆角设计已在新 Edge 浏览中使用,包括计算、闹钟、日历、图库、绘画以及浏览等 UI 也都会加入毛玻璃效果。...除了最新 UI 界面,报道中提到,微软届时还会启用全新文件资源管理。...在泄露出一组照片中,管理左侧目录采用浅灰色底色,图标看起来更加整洁干净,而右侧图标采用毛玻璃底色,统一黑白图标且字体更大。...对于 Windows 系统 UI 界面,相信大家在心中都有着自己喜好,不管是最初较为原始 Win 98、2000,还是 XP,之后 Win 7 和如今 Win 10,每一版系统 UI 都有其特色...如今 Win 10 作为受众最为广泛操作系统,对于其 UI 大家也是有着不同看法,有喜欢也有不喜欢。 就此次曝光新 UI,就有网友表示,“换来换去,结果还是没有 Win7 好看。”

56220

Edge2AI之使用 Cloudera Data Viz 创建仪表板

在本次实验中,您将创建一个简单交互式实时仪表板,以可视化存储在 Kudu 中传感数据。 您将使用数据是在之前实验中收集和处理传感数据(参见下面的准备工作)。...对 Kudu SQL 访问是通过 Impala 引擎完成,您将在本次实验中使用该引擎。您将设置 Impala 引擎新连接以用于仪表板查询。...单击应用以保存更改 您会注意到类别 ( Dim)、数据类型(日历图标)和字段名称已更新。不过,该字段仍显示在“Measures”类别中。 这只是刷新问题。...最后,选择屏幕右侧Settings选项卡并将Auto-refresh period(秒)值更改为5。 单击仪表板顶部Save按钮以保存更改,然后单击View进入查看/发布模式。...单击右侧选项卡上VISUAL > Settings ,然后在Axes部分中将Y Axis Scale设置为:log10 展开Marks部分并将Legend Style设置为None。

3.2K20

tableau入门简介和常用操作

1)田字格按钮作用:分别对单元格、区、标题,进行线条颜色、线条粗细设置 2)填充格按钮作用:为整张表标题、区、单元格设置填充色 3)A按钮作用:专门针对表中文本进行字体颜色、字体大小...、字体格式、是否斜体等操作 4)对齐按钮作用:专门设置表中文本,是左对齐,还是右对齐,还是居中对齐这些操作 4、tableau保存操作文本两种格式说明 1)“.twbx”格式和“.twbx”格式...,将其拖动到右侧空白区域。...③ 经过上述操作,就会展示出表中数据 ④ 仔细观察数据上方图标 #:井号键,代表数值。 :小日历,代表日期。 Abc:Abc,代表字符串。...当我们单独对去、标题等设置了操作,则会覆盖掉之前对于工作表操作。 4)对齐按钮作用:专门设置表中文本,是左对齐,还是右对齐,还是居中对齐这些操作。

3.4K20

TMS VCL控件工作室TMS Component Studio「建议收藏」

、表格、菜单以及更多…… TMS Async32 轻便、快速以及简单实用连续通信 具有对直接RS232通信、调制解调、终端以及X – Y – Z Modem协议支持 TMS TAdvSpreadGrid...具有规则意识、扩展内置功能库、附加数学统计库、可扩展功能库表格 TMS Skin Factory 给你应用程序赋予皮肤更换功能。...当你可以设计属于自己、精美、现代用户界面时,你为什么还要使用陈旧单调Windows风格呢? TMS CETools 12种能在你应用程序掌上电脑之间启用完美连接控件。...它能让你通过使用数码控件创建既有专业外观音乐多媒体应用程序,如led屏幕、显示范围、图标、幻灯、结点控制、按键、计量器、高性能计时以及更多…… TMS Unicode Component Pack...包含60多种能让你将Unicode支持添加到Delphi和C++Builder应用程序里控件库。

86010
领券