产品展示设计 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

苹果官网产品展示特效

给大家分享一个由原生JS实现的苹果官网产品展示特效，看起来很不错，效果如下：以下是代码实现，欢迎大家复制粘贴。苹果官网产品展示特效...-- 以下所有图片为产品图 --> <img src="images

13.9K1 0

Power BI 展示产品边际贡献

，可以不对不同区域的客户贡献进行横向对比：来源 https://www.sqlbi.com/articles/dynamic-pareto-analysis-in-power-bi/ 如果把X轴换成产品...，该方案还可用来查看不同品类产品的边际贡献，进而对产品线规划进行改善。...上图Computers Accessories这个子品类，头部产品的业绩贡献很大，尾部产品的业绩累计贡献趋于水平，即增加产品种类供应可能对业绩帮助不大。...而Monitors这个品类，折线弧线趋于斜向上的直线，也就是说，每个产品的边际贡献差异不大，如果增加该品类的产品款式供应，可能带来增收。

5541 0

您找到你想要的搜索结果了吗？

是的

没有找到

Laravel展示产品-CRUD之show

上一篇讲了Laravel创建产品-CRUD之Create and Store，现在我们来做产品展示模块，用到是show，①首先我们先修改controller，文件是在/app/Http/Controllers

1K3 0

Power BI 蝴蝶图展示产品销售库存

两个对称的条形图组合，可以形成蝴蝶样式，分别展示销售Top和库存Top产品，如果该产品同时在两个Top，则高亮突出。这有利于我们跟进畅销款的补货问题，以及库存款的陈列、销售问题。...'[产品ID] ),ORDERBY( [M.销量],DESC) ) RETURN "#" & n & " " & SELECTEDVALUE('产品资料'[产品ID]) & " [" & [M....销量] & "]" M.库存Top标签 = VAR n = ROWNUMBER( ALL( '产品资料'[产品ID] ),ORDERBY( [M.库存量],DESC) ) RETURN..."[" & [M.库存量] & "] " & SELECTEDVALUE('产品资料'[产品ID]) & " #" & n 如何高亮同时在两个条形的产品？...条形颜色fx设置： M.Top交叉颜色 = VAR n_Stock = ROWNUMBER ( ALL ( '产品资料'[产品ID] ), ORDERBY ( [M.库存量], DESC )

2841 0

WebGL 开发 3D 产品展示的框架

WebGL 开发 3D 产品展示可以使用多种框架，这些框架可以简化开发过程，提高开发效率。以下是一些常见的 WebGL 框架。1....优势：简单易用：API 设计简洁直观，易于上手。功能强大：提供了丰富的 3D 图形功能，满足大部分开发需求。社区活跃：拥有庞大的开发者社区，可以获取丰富的学习资源和技术支持。...适用场景：适合开发各种类型的 3D 产品展示，包括简单的模型展示、复杂的场景渲染、交互式动画等。2....适用场景：适合开发对物理效果、粒子效果有要求的 3D 产品展示，如游戏、虚拟现实应用等。3....适用场景：适合开发游戏、互动应用等需要可视化编辑和团队协作的 3D 产品展示。4.

7600 0

WebGL开发3D产品展示的流程

以下是使用 WebGL 开发 3D 产品展示的流程，希望流程能帮助您开发出优秀的 WebGL 3D 产品展示。1. 需求分析与准备明确目标：确定产品展示的功能需求、目标用户以及最终呈现的效果。...动画效果：如果需要，可以为产品展示添加动画效果，如旋转、移动、变形等。UI 设计：设计美观易用的用户界面，包括控制按钮、信息展示区域等。4....测试与优化兼容性测试：在不同浏览器和设备上进行兼容性测试，确保产品展示在各种环境下都能正常运行。...调试与修复：及时发现并修复 bug，确保产品展示的稳定性和可靠性。5. 发布与部署打包：将开发完成的产品展示打包成可部署的文件。部署：将打包后的文件部署到服务器，使用户可以通过网页访问产品展示。...注意事项模型质量：高质量的 3D 模型是产品展示效果的基础。性能优化： WebGL 渲染性能对用户体验有很大影响，需要进行充分优化。用户体验：简洁易用的交互和美观的界面设计可以提升用户体验。

9040 0

产品思维之咋设计产品Logo？

怎么想、怎么做，全在乎自己「不断实践中寻找适合自己的大道」 1 为啥要自己设计 Logo 最简单的方式当然是请设计师来设计，我们只需要像产品经理那样在背后指指点点，改需求、当甲方就好了。...但是，在做副业时，我们很可能没有足够的预算去雇佣专业的设计师。尤其是在软件还没有获得收益之前，如果花很多钱去请设计师设计，而产品本身又运营不起来的话，钱就白花了。...不过，我们可以通过混搭组合的方式，将 Logo 变得独一无二、且更贴近我们产品的本质。你看，thenounproject.com 上有上百万的图标。...我们单独使用，总有其他的用户和我们一样喜欢上某一个图标，并把它作为 Logo，这个时候我们两个产品就冲突了。...当我们把它作为产品 Logo 的时候，可能就不是那么耐看。这时候我们可以自己来给它上色。因为是矢量图标，所以调色和上色都非常简单。调色只要选中后改变线或者形状的颜色就可以。

2731 0

「企业级产品设计」企业产品体验设计路径

且 To C领域常用的设计方法，在企业产品中显得水土不服。面对业务门槛高，决策链复杂、输出压力巨大的企业产品，设计师应该以怎样的设计路径适应新商业环境下产品的开发迭代节奏，发挥设计价值助力业务？...B工业服务商通过平台投标需求，展示自己工程能力。政府搭建平台。工业供需企业都使用平台。以上两个案例是两种常见的企业产品形态。企业产品还有更复杂的形态，平台和终端更加多样。...例如有无相关产品设计背景，有无品牌和体验设计理念。设计此环节介入充分展示能力能够助力中标。过往有设计小伙伴参与过此环节，与项目核心成员一起向客户沟通传达腾讯云设计理念，受到到客户高度认可。...设计流程企业产品抢占时间就是抢占市场，必须在约定时间内交付产品，所以设计师需要根据项目情况精确控制设计流程。选择成本最低，对产品价值最高的设计流程。...企业产品设计流程最大的改变是设计介入要提前到产品设计阶段，设计流程前重后轻。设计核心投入和输出都在产品设计阶段，调研业务，输出核心产品界面。

1.6K6 0

iPaste 产品设计

该产品尽量使用图标,一是避免国际化的麻烦,而是为了语义化更强.少占用空间.难点在于接管系统的粘贴板数据,有可能获取不到历史粘贴板数据,只能获取最新的.不过浏览器插件的话应该有更高的权限说不定可以获取的到...产品名称由以前的IClipboard更改为iPaste 因为,伟大的项目总是有个言简意赅的名字. 虽然已经有人用这个名字做了一款Mac软件,并且在Chrome 商店有了一个相似的程序.但已经不维护了

1.2K2 0

PoetryTab 产品设计

一个可以由用户自己来编辑内容的Chrome NewTab插件目的: 增加使用Chrome用户的诗意需求点: 当用户打开一个新的chrome标签时,展示一首诗, 背景图,居中展示诗体,默认隐藏赏析....以上是设计遐想, 以下是实现步骤这个插件我很早就像做了,有一段时间,我感到我的生活很枯燥,无聊.曾经我也是一个学富五车,才高八斗的才子.也在大学杂志上发表过两三篇文章.也写过一些杂记.和一些朦胧派的诗...总结如下: 产品一开始要想做好. 就做最简单的. 诗的题材很多,格式也各式各样.一种排版肯定是不行的. 后期还需要有管理端后台进行对诗的创建. 评审.

7591 0

“数据产品”设计指南

虽然这些新接口的设计细节都是明显不同的，但其中有相当大的重叠，因为它们都围绕着向用户展示决策结果，也许还传达了人工智能实现决策的原因或方式。...数据产品矩阵——不同的产品需要不同的方法矩阵中的每一个元素都要求设计注意事项，无论是在用户需要什么方面，还是在我们用于实现目标的设计过程方面，都会有很大的不同。...从左上角的圆圈（原始数据API）斜向右下角的圆圈（自动决策Web元素）是指从技术、工程驱动的产品转向更典型的软件产品（即产品经理和设计师更直观的产品，往往出现在书中的产品、杂志和文章）困难&方法...根据我的经验，当团队将人性化设计方法应用于更多的数据产品时，他们就会遇到大问题。...但是，HCD是一种整体的产品开发方法，当设计师理解用户的动机和行为时，它是一种很好的方法。

9323 0

WebGL开发3D产品展示的技术难点

WebGL 开发 3D 产品展示虽然前景广阔，但同时也存在一些技术难点。1. 性能优化渲染效率： WebGL 在浏览器中运行，受到硬件和浏览器限制，渲染效率相对较低。...移动设备适配：移动设备的性能相对较低，需要在移动设备上进行专门的优化，以保证流畅的展示效果。2....交互设计：需要设计直观、易用的交互方式，让用户能够轻松地与 3D 模型进行互动，如旋转、缩放、点击等。触控支持：在移动设备上，需要支持触控操作，如滑动、捏合等，以提供良好的用户体验。4....交互体验：设计简洁直观的交互方式，采用合适的交互库，优化操作流畅性。兼容性：进行全面的兼容性测试，针对不同浏览器和设备进行适配和优化。...总而言之，WebGL 开发 3D 产品展示存在一定的技术难点，但通过合理的策略和技术手段，可以克服这些困难，开发出优秀的 3D 产品展示应用。

7170 0

PHPer 学产品|沉浸式产品设计

俗话说不懂产品的程序员当不了技术总监。前言本文主要讲解是笔者最近在学习产品设计相关知识时的所悟所感，希望引起各位PHPer同学们共鸣，若能侥幸抛砖引玉，笔者的目的算是完全达到了。...正文什么是沉浸式产品设计？首先我们解释一下什么是沉浸，沉浸就是让人专注在当前的目标（由设计者营造）情境下感到愉悦和满足，而忘记真实世界的情境。...其次从字面意思可知，通过这种沉浸式产品设计方法，能够让用户在使用你的产品时沉浸其中，忘记时间的流逝，甚至忘记自己在干什么的忘我境界。...用好了沉浸式产品设计手段可最大程度地抢占用户时间，从而提高用户留存率和产品DAU（每日活跃用户数），最终达到变现的目的。...适用范围在产品设计中，并非所有产品都适合沉浸式设计，以下类型比较合适：娱乐，活动，教学展览等等需要长时间吸引人注意力的活动适宜使用。

6522 0

产品异常场景设计——弱网和离线场景的产品设计

产品设计时，产品经理往往很少考虑当在弱网环境下（网络连接慢时）或突然网络没有连接时（如进入电梯、地下室或开车进入隧道）与用户怎么交互。网络问题常常被认为是暂时的问题，只需要给用户一个错误提示。...如果你设计的产品有时间敏感信息，如股票交易或货币兑换的应用，你需要显示应用程序的最后更新时间。这将防止用户做出错误的决定。...04 使用页面框架来创造正在加载的“假象” 如果加载内容需要较长的时间，你可以先展示一个页面框架，而不是显示一个带有无限加载旋钮的空白屏幕。页面框架是你页面的一个线框版本，在内容等待加载时显示。...建议：尝试在弱网环境使用你的产品。例如，Facebook举办了2G星期二，他们的移动开发团队使用2G网络来了解他们产品的体验问题。 05 为离线状态设计重试按钮为必须有网络时的应用提供无网说明页面。...06 总结移动产品设计中，弱网和离线环境是产品经理不得不考虑的一个场景。通过离线缓存、动态提示、保存进度、页面懒加载及刷新重试增加产品体验设计。

1.6K5 0

Power BI 金字塔图展示产品价格带

金字塔图可以看作特殊的直方图，用于展示分布。它和传统直方图相比，优势是可以看到每个区间的明细。下图是产品价格带的金字塔示例，一个长方形代表一个产品，长方形上标注产品ID。...产品资料'[零售价] < 300, "200-300", '产品资料'[零售价] < 400, "300-400", '产品资料'[零售价] 产品资料'[零售价] < 600, "500-600", '产品资料'[零售价] < 700, "600-700", '产品资料'[零售价] 产品图片： pbix▼ 《Power BI业务实战及图表设计》知识星球已包含200+节视频课程，1300+源文件，1500+主题，以下是星球的部分专题： Power...BI SVG图表设计：从基础到实战 Power BI 表格滚屏教程 Power BI SVG地图教程 Power BI DAX+HTML图表专题目录 Power BI 表格矩阵条件格式图标专题目录 Power

3501 0

Power BI DAX 实现产品图片3D展示

今天继续这方面的分享，介绍一种在Power BI 实现产品3D展示的可能性。效果如下，拖动滑杆可以多角度查看产品照片（最多可扩展到360度）。实现方法是DAX+HTML。...首先准备好多角度的产品素材，可以拍摄每个产品的短视频，视频为环绕产品360度（按需求）拍摄。接着把视频的每一帧抽取为静态图片。网上有工具直接抽取，也可以视频转GIF后抽取。...抽取出来的图片通常很多，如果是360度旋转，建议每个产品保留36张图片即可，即每10度一张。当然图片越多，后期Power BI 旋转越丝滑，但会带来数据储存压力。...setTimeout(initImageSlider, 500); " 度量值放入HTML Content视觉对象使用：外部切片器需要单选产品

6310 0

App架构设计经验谈:展示层的设计

三层架构中，数据层和业务层都已经做过了简单的分享，最后，就剩下展示层了。本篇就给各位分享下我在展示层设计方面的一些经验心得。...展示层是三层架构中最复杂的一层了，需要考虑的包括但不限于界面布局、屏幕适配、文字大小、颜色、图片资源、提示信息、动画等等。展示层也是变化最频繁的一个层面，每天改得最多的就是界面了。...因此，展示层也是最容易变得混乱不堪的一个层面。一个良好的展示层，应该有较好的可读性、健壮性、维护性、扩展性。...三原则我在Android项目重构之路:界面篇中提到过三个原则，要设计好展示层，至少需要遵循好这三条基本的原则：保持规范性：定义好开发规范，包括书写规范、命名规范、注释规范等，并按照规范严格执行；保持单一性

2.6K3 0

移动产品-体验设计

一、使用环境的体验 1.使用移动产品的用户，时间是碎片化的 a.不要让用户等待（下载安装、产品流畅度、响应速度） b.不要增加学习成本（操作学习、界面学习） 2.移动终端会存在很多不确定因素... a.不要让用户莫名其妙（合理的信息反馈，但不要画蛇添足） b.不同的环境因素，产生不同的体验 3.移动产品有月末效应 4.移动产品有着更为丰富的传感器二、操作习惯的体验之用户成本...可以忽略0，因为用户关心操作反馈视觉界面的体验之架构色调 1.主色不适合大面积使用 2.重色不适合大面积使用 3.一个界面最好不要超过三种色调视觉界面的体验之界面语言 1.UI设计的最高境界是提升用户操作效率

9603 0

产品容错性设计原则

随着互联网的飞速发展，越来越多产品尤其是2C类产品更加注重用户体验，其中错误对用户体验的影响是灾难性的，在此我总结出一些容错性设计原则供大家参考和探讨。...具体内容大家可以去看：唐纳德诺曼《设计心理学》中关于错误的分类及错误设计原则；李乐山《人机界面设计》中Reason认为存在8种基本出错类型；尼尔森《可用性工程》中错误信息四原则以及《十大可用性原则》中第七条和第九条...容错性的定义为：容错性是产品对错误操作的承载性能，即一个产品操作时出现错误的概率和错误出现后得到解决的概率和效率。...产品容错性设计能使产品与人的交流或人与人借助产品的交流更加流畅。由此可见，容错性设计原则是非常重要的，尤其是对于2C类或即时服务类（如铁路购票网站）产品/系统。...（1）增加那些不能逆转操作的难度在产品设计中这种方法主要是通过对一些可能造成错误的操作入口设置障碍或直接禁止操作，以避免错误的发生。

2.1K9 0

产品到底怎么设计的

其次，因为零件的构形与其用途以及其它“相邻”零件有关，为了能使各零件之间彼此“适应”，一个零件、部件或产品，为要实现某种技术功能，往往可以采用不同的构形方案，而目这项工作又大都是凭着设计者的“直觉”进行的...产品的结构设计是指产品开发环节中结构设计工程师根据产品功能而进行的内部结构的设计工作，产品结构设计的工作包括根据外观模型进行零件的分件、确定各个部件的固定方法、设计产品使用和运动功能的实现方式、确定产品各部分的使用材料和表面处理工艺等等...，产品结构设计是机械设计的基本内容之一，也是设计过程中花费时间最多的一个工作环节。...在产品形成过程中，起着十分重要的作用。一般一个零件不能抛开其余相关零件而孤立地进行构形。因此，设计者总是需要同时构形较多的相关零件（或部件）。...此外，在结构设计中，人们还需更多地考虑如何使产品尽可能做到外形美观、使用性能优良、成本低、可制造性、可装配性、维修简单、方便运输以及对环境无不良影响等等。

5743 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭