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

基于任务的导航设计 - 腾讯ISUX

其他辅助导航 ? 这是 Fedex的官网,界面导航基本都是基于任务的划分与拆解。 ? 导航细节 ? 使用基于任务导航的产品,对设计师有较高要求,对产品涉及的用户以及用户任务要有一个的非常清晰的认识。...这是一个使用混合导航模式的界面设计,以对象作为认知主线,用户任务作为行为指引。绿色的链接主要是名词或名词性短语,这是基于对象的导航设计。蓝色的链接是动宾短语(操作+对象),这是基于任务导航设计。...从界面设计来推断,当时设计师可能是希望用户通过绿色文字的快速阅读进行范围定位,然后再根据蓝色文字进行操作定位。设计师通过分组聚类的方式试图降低每个界面信息量,毕竟设置项非常多。...文中列举的界面样式可能会过时,但是其背后的设计思路是可以不断学习领悟的。 感谢你的阅读,本文由 腾讯ISUX 版权所有,转载时请注明出处,违者必究,谢谢你的合作。...注明出处格式:腾讯ISUX (http://isux.tencent.com/task-based-navigation.html) ?

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

腾讯无服务器函数开发网址导航

概述 开发一个网址导航来实践腾讯无服务器函数的功能,因为我有一丢丢的收集癖,一直就想有一个自己的导航,虽然现在各种导航网址遍地开花,但是这并不妨碍我再造一个轮子,可能我的轮子还是平行四边形的呢。...文档指南 初期看文档,看看腾讯无服务器函数支持哪些语言和响应的版本,函数和函数能否相互调用(可以调用)等,了解腾讯给出的功能范围,确定我能通过这些功能做什么事。...; } } } return 'success'; }; COS 存储 定时任务抓取的小图标需要保存到 cos 上作为静态资源,这里我并没有使用腾讯的服务...使用其他存储的也是同理。...本地调试运行函数后报异常,抛出的错误信息没有具体的代码行数,通常需要优先检查自己的代码逻辑是不是有问题,比如说取对象属性名时,对象为空的情况,也会有类似下面的这种错误,单看报错日志看不出什么… 总结 通过腾讯

4.2K30

基于任务的导航设计

其他辅助导航 ? 这是 Fedex的官网,界面导航基本都是基于任务的划分与拆解。 ? 导航细节 ? 使用基于任务导航的产品,对设计师有较高要求,对产品涉及的用户以及用户任务要有一个的非常清晰的认识。...这是一个使用混合导航模式的界面设计,以对象作为认知主线,用户任务作为行为指引。绿色的链接主要是名词或名词性短语,这是基于对象的导航设计。蓝色的链接是动宾短语(操作+对象),这是基于任务导航设计。...从界面设计来推断,当时设计师可能是希望用户通过绿色文字的快速阅读进行范围定位,然后再根据蓝色文字进行操作定位。设计师通过分组聚类的方式试图降低每个界面信息量,毕竟设置项非常多。...作为一个小众的领域,国内交互设计领域对此探讨的并不多,在产品实践中则更少。国外不少有产品在这个领域进行实际应用。界面的截图,也多来自于此。...文中列举的界面样式可能会过时,但是其背后的设计思路是可以不断学习领悟的。 文章转载自:腾讯ISUX

631100

腾讯工业平台视觉设计(上)

导语:本篇主要介绍腾讯工业平台WeMake首页主视觉及二级页视觉部分的设计内容,重点讲解了工业平台从1.0到2.0的视觉迭代过程和使用的方法。...设计背景 1.WeMake平台介绍 腾讯工业wemake平台是腾讯产业互联网的重要组成部分,致力于为企业提供端到端的服务,覆盖设计、研发、生产、销售等环节;提供工业APP应用市场,提供有行业竞争力的...在工业互联网场景中,腾讯wemake提供了工业能力底座,构建出面向数据智能、物联网、工业AI、5G、协同办公等中台能力。...2.设计回溯 此次设计升级主要目的为基于1.0的视觉基础上探索工业设计方向和提升平台的整体视觉效果以及规范标准化落地。...4.设计关键词 头脑风暴 通过用户分析及结合产品功能特点,梳理设计关键词:以“智能”“制造”发散扩展,展现腾讯技术能力“数字化”“AI”等 ;展现行业特性“安全”“稳定” 等。

5.1K40

腾讯专有高可用设计内幕揭秘

腾讯是如何通过完备的高可用设计,来保证服务的业务连续性和数据持久性,从而承担大厂应有的社会责任的呢? 这篇来自腾讯专有的架构师方天戟的万字长文为您揭开腾讯专有高可用设计的内幕。 一....腾讯专有高可用设计 如前文所述,对于业务的高可用而言,技术层面的决定因素是基础设施高可用,网络连接高可用,数据存储高可用和应用高可用这四点。...TCE 中,无论是每个 AZ 内的网络设计,AZ 间的网络互联,还是边界的网络连接,均支持高可用设计,保证单一链路或单一节点的故障不影响整网的连通性; 计算与调度高可用:腾讯专有TCE 中的计算资源...图11 基于腾讯专有TCE 实现的应用前端高可用 腾讯专有TCE 的存储分为块存储、文件存储和对象存储三种形态,其架构设计均为分布式存储。...腾讯专有TCE 继承了腾讯公有在高可用方面完备的设计,能够帮助客户建设基于多地多中心的分布式平台,从而使得任何故障发生时,业务的 RTO 和 RPO 在可控范围内。

5.9K42

腾讯虚拟直播产品视觉设计探索

虚拟直播作为腾讯渲染的一款新产品解决方案,提供一站式的云端多样化的虚拟空间互动玩法与直播玩法;基于渲染的PaaS技术,结合腾讯超低延迟音视频技术以及VGPU实时渲染,实现在web端、小程序端、H5...虚拟直播(Virtual Space Live,VSL)是腾讯自有的一款新的音视频技术产品,基于腾讯音视频能力和云端渲染技术,搭配合作伙伴内容,网页开启虚拟空间直播间,仅用简单配置即可一键上开播。...项目难点 虚拟直播产品属于音视频渲染和直播结合的技术类PaaS新产品,对于客户来说渲染以及直播技术能力是比较抽象难懂的,在设计上如何快速展示腾讯自有的技术能力以及优势是难点之一。...目前腾讯设计中心为虚拟直播间生产的虚拟场景已被3家大客户应用,包括央视、斗鱼直播平台、成都电视台。其中央视大客户对于场景设计没有提出修改,也间接印证了客户在场景方面的满意度。...设计总结 虚拟直播作为一款新场景,新技术,新体验的产品,腾讯设计中心进行了从零开始的设计探索,并取得了初步的成效。

2K20

架构设计腾讯架构在线制作

Freedgo Design 提供工具在线绘制腾讯架构图,该工具为您提供一组符号、图标和工具,只需点击几下鼠标即可创建腾讯架构图 , 并且可以将腾讯架构设计导出成图像(JPG,PNG,SVG 和PDF...Freedgo Design具有完整的腾讯组件图标,支持您各种设计需求。...、金融、游戏 [腾讯架构图] 域名与网站 [腾讯架构图] 中间件、量子 [腾讯架构图] 安全与存储 [腾讯架构图] 如何制作腾讯架构图?...AI视觉应用架构设计 [腾讯架构图] 下面列出了如何使用Freedgo Design制作轻松创建腾讯架构图的步骤。...更多基本流程的例子 请参考 图例 或者直接访问 :搜索文件-在线免费绘图工具,在线er模型设计架构图设计,思维导图,在线UML设计,在线建筑平面图|裕奥在线绘图工具Freedgo

11.8K42

Qt编写自定义控件40-导航进度条

一、前言 导航进度条控件,其实就是支付宝、京东、淘宝订单页面的进度控件,提示当前第几步,总共有几步,然后当前进度特殊颜色显示,每个进度带有时间文字等信息,本控件特意将三种样式风格都集成进去了,京东订单流程样式...5:文字自适应大小 三、效果图 [在这里插入图片描述] 四、头文件代码 #ifndef NAVPROGRESS_H #define NAVPROGRESS_H /** * 导航进度条控件 作者:feiyangqingyun...topInfo.at(i)); initX += width; } painter->restore(); } 六、控件介绍 超过149个精美控件,涵盖了各种仪表盘、进度条...、进度球、指南针、曲线图、标尺、温度计、导航条、导航栏,flatui、高亮按钮、滑动选择器、农历等。...集成自定义控件属性设计器,支持拖曳设计,所见即所得,支持导入导出xml格式。 自带activex控件demo,所有控件可以直接运行在ie浏览器中。

1.3K00

腾讯混合网络设计白皮书

混合专线接入网络设计大致分为以下关键事项:网络架构设计路由设计可靠性设计容量规划IP地址规划 网络架构设计网络架构设计旨在依托业务布局,化繁为简地满足业务连通性需求并实现网络的可管可控,在经典的“上计算...腾讯专用通道支持两种路由协议:1)BGP;2)静态路由,二者均遵循RFC标准协议设计,其中BGP路由协议,因其可控的路由发布和灵活的路由策略广泛被应用在公有混合网络中,腾讯BGP支持用户将携带origin...腾讯侧BFD采用控制报文双向检测模式,并非采用echo模式腾讯侧BFD默认是单跳,但支持开启BFD多跳在BFD会话建立前,腾讯专线网关会主动发起BFD控制报文进行协商;在BFD会话建立后,腾讯专线网关会周期性发起控制报文进行保活检测...总结及反亲和高可用设计腾讯为用户提供了基于自身业务需求通过上述产品组合来定制化网络可靠性的可选项,来应对低概率事件的发生,但公有基础网络平台和依托基础网络业务需求催生的各种虚拟网关平台均实现了链路级...技术演进架构设计简化在简化用户混合网络架构设计方面,腾讯进行了对等连接向联网产品演进,将管理分散的对等连接整合到联网统一管理,但通过联网实现了租户DC与VPC全连接有时又无法满足租户隔离性或者按需连接的需求

3.7K110

腾讯偷袭腾讯

02李鑫眼神.jpg 时间回到九月份的一个下午,坐在工位上的的E.m突然接到一个秘密任务: 干掉腾讯! 行动代号:干掉腾讯  下达这道命令的是Fooying。...Fooying是腾讯安全鼎实验室的成员,负责守卫腾讯的安全。从加入腾讯的那一天起,他和他的团队就枕戈待旦,时时刻刻提防着黑客对腾讯的攻击。...随着腾讯的快速发展,越来越多的企业入驻腾讯,不少黑客也将攻击的目标转移到了上。国内外因为被黑客攻击导致的删库、数据泄露、病毒勒索的公司比比皆是。腾讯云安全的重要性可想而知。...刘钢工位前.JPG Rud是本次红蓝对抗的红军负责人,将迎战蓝军猛烈的攻击,守卫腾讯。 在腾讯,每天都有众多安全人员在巡视、建设腾讯的安全防线。尽管如此,攻防两端终究是一场不均衡的较量。...腾讯的红蓝对抗已经逐步常态化,既是保护自己的方式,也是守护上合作伙伴的重要途径。 腾讯,正在用一场场自我的战斗,磨练出更安全的

113.4K30

Flutter质感设计之底部导航

BottomNavigationBar即底部导航栏控件。显示在应用底部的质感设计控件,用于在少量视图中切换。...底部导航栏包含多个以标签、图标或两者搭配的形式显示在项目底部的项目,提供了应用程序的顶级视图之间的快速导航。对于较大的屏幕,侧面导航可能更好。...同时使用质感设计的弹出菜单控件切换底部导航栏的行为和样式。...; // 当前选择的底部导航栏项目,开始向前运行此动画 _navigationViews[_currentIndex].controller.forward(); }); } ); // 实现基本的质感设计视觉布局结构...return new Scaffold( // 质感设计应用栏 appBar: new AppBar( // 应用栏中显示的主要控件,包含程序当前内容描述的文本 title: new Text('底部导航演示

3K21

导航设计的10种模式

导航设计的目的就是需要突出产品的核心,扁平化用户的任务路径。让用户能够顺利的在产品中畅行,让用户时刻清楚自己在应用中所处的位置,及如何前往目的页面。...产品的导航系统,是产品的信息结构在用户界面上的展现方式。移动端产品导航设计没有最好之说,只有最合适,根据你的产品采取最合适的导航设计。 纵观应用市场上的APP,导航设计的模式总是几种的组合使用。...下面我们来看一下常见的10种导航设计模式。...缺点: 不适合展现顶层入口框架; 容易形成界面内容过多,显得杂乱; 设计效果容易呆板。 ?...08 列表导航 描述: 作为信息组织框架,是我们在产品设计中必不可少的一个信息承载模式。 适合用来显示较长或拥有次级文字内容的标题,每行可以融入较多信息。

3.3K40

导航设计的15个原则

为用户导航是每一位网站和app设计者的首要职责。毕竟用户一旦迷路,再炫酷的动效、再有趣的内容也都毫无意义。即使我们的网站和app中有搜索功能,也不能把搜索框当成用户导航的唯一工具。...导航菜单的重要性已经不言而喻,我们平时遇到的每一个网站或软件中都有它的存在;但并不是所有的导航菜单都设计得准确无误。我们也常发现用户因导航设计不当而感到困惑、难以操作,或者连导航在哪儿都不知道。...下面的设计原则,可以避免导航菜单出错。 导航菜单要清晰可见 大屏中的导航菜单不要太小。如果空间足够,不要将菜单隐藏。 把导航菜单放在用户熟悉的位置。...如果菜单选项看起来不可点击,用户未必能认出它是导航。如果我们的导航设计融入太重的图形、或太过追崇扁平化设计风格,会使它们看起来更像是装饰性图片或标题。 确保导航菜单拥有足够的视觉吸引力。...即便是熟悉以上规则的设计设计出来的导航菜单也有可能会被用户忽视,因为他们很难客观地评价自己的作品——尤其是碰上比较主观的设计标准时,比如哪个UI元素应该拥有更明显的视觉效果。

1.4K10

腾讯上架构之账号规划设计

(与AWS 的 Organization 服务功能类似) 1.2.腾讯主账号 腾讯主账号即腾讯官网入口注册成功,生成的账号为主账号。1.3.根组织中所有账号的父容器。(目前仅支持组中包含一个根。...当创建组织时,腾讯云集团账号管理会自动创建根。)1.4.组织创建用于整合腾讯账号的层级关系,可以通过 腾讯云集团账号管理控制台 集中查看和管理组织内的所有账号。...1.6.CAM权限管理访问管理CAM是腾讯提供的一套 Web 服务,用于帮助客户安全地管理腾讯账户的访问权限,资源管理和使用权限。...通过 CAM,可以创建、管理和销毁用户(组),并通过身份管理和策略管理控制哪些账号可以使用哪些腾讯资源。2.上账号规划设计上账户作为上资源的基本安全边界。...下面几种常见的上账号结构模式设计供参考,推荐采用腾讯多账号结构来规划设计上业务,详情可参考多账号模式设计的优势。

6.7K140

2021 IXDC · 腾讯设计中心专属推荐来啦!

今年,腾讯设计中心也将有三位设计师在IXDC 2021与大家见面,分享自己在不同设计领域的经验与实践成果,通过实际案例的分享及现场互动,与各位小伙伴一起学习实践toB设计的方法、概念及经验。...设计体系与专项:驱动复杂后台系统体验升级 腾讯 ToB 业务快速发展,众多产品团队参与后台系统的设计和研发,各产品线并行且关注自身业务发展,导致跨团队项目协同难度高、大量简单工作重复劳作消耗人力。...本次工作坊,主讲人将结合腾讯后台产品相关设计经验,分享后台产品设计体系和设计专项相关策略与方法,帮助设计师在面对相似情况时能够有所借鉴,更好发挥和提升设计在业务的影响和价值。...、综合指挥案例、营商大数据等案例,讲述toG设计趋势、toB业务分析链路、疫情下的设计价值、设计标准的建立、设计助力数字化政务建设等课题。...目标听众 初/中级产品体验设计师 初/中级交互设计师 初/中级视觉设计设计经理,设计主管 产品经理 ---- 以上即是今年IXDC将会与大家见面的讲师和课程,欢迎各位同学关注讲师课程,了解toB设计最新趋势

2.1K40
领券