给大家分享一个由原生JS实现的苹果官网产品展示特效，看起来很不错，效果如下： 以下是代码实现，欢迎大家复制粘贴。 苹果官网产品展示特效...-- 以下所有图片为产品图 --> <img src="images
注1: 上图报告来自网站 https://www.hybris.com/en/gmc32-gartner-mq-digital-commerce 这篇文章将结合hybris的产品展示页面,简单介绍一下hybris...4. template hybris的设计具有很好的产品可扩展性，这表现为Hybris提供了很多模板工程(template extension)供客户参考，扩展，或直接使用。...DAO和DTO都不是Hybris特有的概念，而是软件系统设计中的通用概念，其定义如下: DAO: https://en.wikipedia.org/wiki/Data_access_object DTO...在上述web/src目录中找到产品页面展示的ProductPageController里的方法productDetail(productCode)，其中获取产品明细数据通过调用facade层的productFacade.getProductForCodeAndOptions...注3: POJO也不是SAP Hybris的一个专属概念，而是软件设计里的一个通用概念。
上一篇讲了Laravel创建产品-CRUD之Create and Store，现在我们来做产品展示模块，用到是show，①首先我们先修改controller，文件是在/app/Http/Controllers
且 To C领域常用的设计方法，在企业产品中显得水土不服。面对业务门槛高，决策链复杂、输出压力巨大的企业产品，设计师应该以怎样的设计路径适应新商业环境下产品的开发迭代节奏，发挥设计价值助力业务？...B工业服务商通过平台投标需求，展示自己工程能力。政府搭建平台。工业供需企业都使用平台。 以上两个案例是两种常见的企业产品形态。企业产品还有更复杂的形态，平台和终端更加多样。...例如有无相关产品设计背景，有无品牌和体验设计理念。设计此环节介入充分展示能力能够助力中标。过往有设计小伙伴参与过此环节，与项目核心成员一起向客户沟通传达腾讯云设计理念，受到到客户高度认可。...设计流程 企业产品抢占时间就是抢占市场，必须在约定时间内交付产品，所以设计师需要根据项目情况精确控制设计流程。选择成本最低，对产品价值最高的设计流程。...企业产品设计流程最大的改变是设计介入要提前到产品设计阶段，设计流程前重后轻。设计核心投入和输出都在产品设计阶段，调研业务，输出核心产品界面。
虽然这些新接口的设计细节都是明显不同的，但其中有相当大的重叠，因为它们都围绕着向用户展示决策结果，也许还传达了人工智能实现决策的原因或方式。...数据产品矩阵——不同的产品需要不同的方法 矩阵中的每一个元素都要求设计注意事项，无论是在用户需要什么方面，还是在我们用于实现目标的设计过程方面，都会有很大的不同。...从左上角的圆圈（原始数据API）斜向右下角的圆圈（自动决策Web元素）是指从技术、工程驱动的产品转向更典型的软件产品（即产品经理和设计师更直观的产品，往往出现在书中的产品、杂志和文章） 困难&方法...根据我的经验，当团队将人性化设计方法应用于更多的数据产品时，他们就会遇到大问题。...但是，HCD是一种整体的产品开发方法，当设计师理解用户的动机和行为时，它是一种很好的方法。
该产品尽量使用图标,一是避免国际化的麻烦,而是为了语义化更强.少占用空间.难点在于接管系统的粘贴板数据,有可能获取不到历史粘贴板数据,只能获取最新的.不过浏览器插件的话应该有更高的权限说不定可以获取的到...产品名称由以前的IClipboard更改为iPaste 因为,伟大的项目总是有个言简意赅的名字. 虽然已经有人用这个名字做了一款Mac软件,并且在Chrome 商店有了一个相似的程序.但已经不维护了
一个可以由用户自己来编辑内容的Chrome NewTab插件 目的: 增加使用Chrome用户的诗意 需求点: 当用户打开一个新的chrome标签时,展示一首诗, 背景图,居中展示诗体,默认隐藏赏析....以上是设计遐想, 以下是实现步骤 这个插件我很早就像做了,有一段时间,我感到我的生活很枯燥,无聊.曾经我也是一个学富五车,才高八斗的才子.也在大学杂志上发表过两三篇文章.也写过一些杂记.和一些朦胧派的诗...总结如下: 产品一开始要想做好. 就做最简单的. 诗的题材很多,格式也各式各样.一种排版肯定是不行的. 后期还需要有管理端后台进行对诗的创建. 评审.
俗话说 不懂产品的程序员当不了技术总监。 前言 本文主要讲解是笔者最近在学习产品设计相关知识时的所悟所感，希望引起各位PHPer同学们共鸣，若能侥幸抛砖引玉，笔者的目的算是完全达到了。...正文 什么是沉浸式产品设计？首先我们解释一下什么是沉浸，沉浸就是让人专注在当前的目标（由设计者营造）情境下感到愉悦和满足，而忘记真实世界的情境。...其次从字面意思可知，通过这种沉浸式产品设计方法，能够让用户在使用你的产品时沉浸其中，忘记时间的流逝，甚至忘记自己在干什么的忘我境界。...用好了沉浸式产品设计手段可最大程度地抢占用户时间，从而提高用户留存率和产品DAU（每日活跃用户数），最终达到变现的目的。...适用范围 在产品设计中，并非所有产品都适合沉浸式设计，以下类型比较合适： 娱乐，活动，教学展览等等需要长时间吸引人注意力的活动适宜使用。
产品设计时，产品经理往往很少考虑当在弱网环境下（网络连接慢时）或突然网络没有连接时（如进入电梯、地下室或开车进入隧道）与用户怎么交互。 网络问题常常被认为是暂时的问题，只需要给用户一个错误提示。...如果你设计的产品有时间敏感信息，如股票交易或货币兑换的应用，你需要显示应用程序的最后更新时间。这将防止用户做出错误的决定。...04 使用页面框架来创造正在加载的“假象” 如果加载内容需要较长的时间，你可以先展示一个页面框架，而不是显示一个带有无限加载旋钮的空白屏幕。 页面框架是你页面的一个线框版本，在内容等待加载时显示。...建议：尝试在弱网环境使用你的产品。例如，Facebook举办了2G星期二，他们的移动开发团队使用2G网络来了解他们产品的体验问题。 05 为离线状态设计重试按钮 为必须有网络时的应用提供无网说明页面。...06 总结 移动产品设计中，弱网和离线环境是产品经理不得不考虑的一个场景。 通过离线缓存、动态提示、保存进度、页面懒加载及刷新重试增加产品体验设计。
一、使用环境的体验 1.使用移动产品的用户，时间是碎片化的 a.不要让用户等待（下载安装、产品流畅度、响应速度） b.不要增加学习成本（操作学习、界面学习） 2.移动终端会存在很多不确定因素... a.不要让用户莫名其妙（合理的信息反馈，但不要画蛇添足） b.不同的环境因素，产生不同的体验 3.移动产品有月末效应 4.移动产品有着更为丰富的传感器 二、操作习惯的体验 之 用户成本...可以忽略0，因为用户关心操作反馈 视觉界面的体验 之 架构色调 1.主色不适合大面积使用 2.重色不适合大面积使用 3.一个界面最好不要超过三种色调 视觉界面的体验 之 界面语言 1.UI设计的最高境界是提升用户操作效率
其次，因为零件的构形与其用途以及其它“相邻”零件有关，为了能使各零件之间彼此“适应”，一个零件、部件或产品，为要实现某种技术功能，往往可以采用不同的构形方案，而目这项工作又大都是凭着设计者的“直觉”进行的...产品的结构设计是指产品开发环节中结构设计工程师根据产品功能而进行的内部结构的设计工作，产品结构设计的工作包括根据外观模型进行零件的分件、确定各个部件的固定方法、设计产品使用和运动功能的实现方式、确定产品各部分的使用材料和表面处理工艺等等...，产品结构设计是机械设计的基本内容之一，也是设计过程中花费时间最多的一个工作环节。...在产品形成过程中，起着十分重要的作用。一般一个零件不能抛开其余相关零件而孤立地进行构形。因此，设计者总是需要同时构形较多的相关零件（或部件）。...此外，在结构设计中，人们还需更多地考虑如何使产品尽可能做到外形美观、使用性能优良、成本低、可制造性、可装配性、维修简单、方便运输以及对环境无不良影响等等。
信用类产品设计：借款人以各方面信用资料为基础申请的贷款，没有第三方担保，一般款项额度低，但放款时间较快，一般以个人居多 1 信用类贷款流程 1、借款人提供资料：根据每个平台对风控的算法和调控维度来收取，...借款人需要按照平台最低贷款金额进行借款 2、借款利率：借款人还款方式以及还款利率，一般来说常见的包含借款利率、借款手续费等；借款手续费一般单次支付 3、借款时间：借款时间最少有7天、1个月、3个月甚至更久，根据产品设计来决定...主要针对满标复审，当贷款标的发布出去并且达到满标后，平台进行复审，放款 贷后：主要是逾期坏账和催收机制的建立，当有用户发生逾期、坏账时，平台如何处理，追回款项或者进行法律诉讼等，这些属于贷后管理 上述是信用类产品设计的几个维度...，当然作为一个产品人来说，每个维度无论是创建规则还是指标，最终都会落实在产品的表现层面上 产品的表现层面大概包含借款者产品、贷款者产品、管理后台等，这些都需要我们在了解产品逻辑和规则的基础上，最终很好的落实在展示层面上来给予操作者相对更好的体验来进行流程操作...深入了解，深入学习，然后设计起来吧！ 希望我的分享对你有用，别怕，你并不孤独！
权限管理是数据产品必备的要素，尤其是对于数据可视化决策分析等基于数据要素加工形成的数据产品，没有权限控制，就无法让业务使用。...在数据产品权限的设计逻辑中，RBAC的原则是一个典型的权限管理的方法论，来源于B端后台工具产品，即：Role-Based Access Control)，基于角色的访问控制。...一、数据产品权限管控的需求 数据产品除了页面、功能权限外，还要多一层数据的权限，权限粒度经常会到指标和维度，比如针对销售人员设计的销售业绩统计报表，系统层面会把不同销售的数据在一个页面内展示，通过权限管理来控制能看到负责区域或者商家的数据...权限设计要求 足够精细化，可以满足不同岗位、不同人员查看自己责任范围内数据 权限调整方便，组织架构调整是非常频繁的事情，架构调整权限如何快速随之变动（自动或者手动批量） 二、权限设计原则 1.传统权限管理方法...管理和维护成本高 单个用户的权限灵活度低，只能针对一个角色下的一类用户操作，想单独操作时，需要专门创建一个角色 对于UGC内容多的场景，适用度低，因为资源由用户生产，权限管控在平台侧就非常不便 三、数据产品权限设计思路
随着互联网的飞速发展，越来越多产品尤其是2C类产品更加注重用户体验，其中错误对用户体验的影响是灾难性的，在此我总结出一些容错性设计原则供大家参考和探讨。...具体内容大家可以去看：唐纳德诺曼《设计心理学》中关于错误的分类及错误设计原则；李乐山《人机界面设计》中Reason认为存在8种基本出错类型 ；尼尔森《可用性工程》中错误信息四原则以及《十大可用性原则》中第七条和第九条...容错性的定义为： 容错性是产品对错误操作的承载性能，即一个产品操作时出现错误的概率和错误出现后得到解决的概率和效率。...产品容错性设计能使产品与人的交流或人与人借助产品的交流更加流畅。 由此可见，容错性设计原则是非常重要的，尤其是对于2C类或即时服务类（如铁路购票网站）产品/系统。...（1）增加那些不能逆转操作的难度 在产品设计中这种方法主要是通过对一些可能造成错误的操作入口设置障碍或直接禁止操作，以避免错误的发生。
上周六参加了一个设计师线下交流会，发现到场的设计师和产品经理有40%从事to B行业，不禁感慨toB设计师真的是设计新宠啊。...甚至鹅厂在今年的设计通道最新变革中，专门为toB设计师新增了「产品体验设计师」的岗位。 声明一下这里的讲法其实不够严谨：「toB设计师」并不完全等同于「产品体验设计师」。...*以上来源于腾讯设计通道关于产品体验设计定义的描述。 2.核心能力：产品体验设计不再是以流程结果输出为导向，而是以解决产品目标问题为导向。与行业和业务强绑定。...这要求设计师通过对产品和行业的不断深入理解，梳理适合特定产品或者行业目标的关键设计路径。产品体验设计师面对越来越复杂的商业场景，需要什么样的核心能力呢？...未来产品体验设计的工作是一个非常好的衔接角色，他能够帮助产品协调产品目标与各个子设计角色的工作侧重，从核心竞争力的维度出发，帮助产品更聚焦于商业产品发展策略的制定与执行，利用好现有的技术和资源，为用户、
三层架构中，数据层和业务层都已经做过了简单的分享，最后，就剩下展示层了。本篇就给各位分享下我在展示层设计方面的一些经验心得。...展示层是三层架构中最复杂的一层了，需要考虑的包括但不限于界面布局、屏幕适配、文字大小、颜色、图片资源、提示信息、动画等等。展示层也是变化最频繁的一个层面，每天改得最多的就是界面了。...因此，展示层也是最容易变得混乱不堪的一个层面。一个良好的展示层，应该有较好的可读性、健壮性、维护性、扩展性。...三原则 我在Android项目重构之路:界面篇中提到过三个原则，要设计好展示层，至少需要遵循好这三条基本的原则： 保持规范性：定义好开发规范，包括书写规范、命名规范、注释规范等，并按照规范严格执行； 保持单一性
本文链接：https://blog.csdn.net/pyycsd/article/details/103041044 B端产品设计规范 没有规矩不成方圆 在这里我和大家分享下在做B端产品的一些心得与规范
当前市场上比较流行的产品原型设计工具很多，因此ui设计师需要掌握的技能还有很多，如果你想快速入行ui设计，可以考虑专业学习产品原型设计相关技能。...二、提高设计质量 掌握更多的知识，考虑问题也就会更加全面。当你掌握产品原型设计相关知识，你只需要专注于视觉层面的配色及阴影等效果，界面的布局和信息展示都不需要重点关注。...有了这样的流程与专业分工，完成的产品设计质量将会更高。 三、加速沟通效率 在对产品原型没有概念的情况下，设计团队之间的沟通会面临相当多的阻碍。...当我们掌握了原型设计的一些技能后，可以快速将心中所想的方案与创意通过可视化的界面呈现出来，就能够高效、准确地向别人展示我们的想法与创意。 ui设计师为什么要学习产品原型设计？...UI设计师想要让自己的工作看起来更加轻松，并且进一步提升自己的优势，并且提升自己设计的产品的质量，并且提高团队沟通的效率，就需要对产品原型设计相关的知识进行较为深入的了解。
看似简单的一个表格功能，实际在PRD方案设计，到最终功能上线后，经常会遇到以下问题: 产品方案或交互说明功能遗留，开发上线后用户反馈优化建议，二次迭代开发 PRD文档里面产品交互说明不详细，测试验收环节要求开发加功能...，开发吐槽产品需求不清晰，需求变更 同一个产品经理，不同时期不同项目表格风格、功能不一致 同一个部门，不同产品之间基础能力和用户体验意识水平不一，产品用户体验不一致 数据明细表格 操作列表 一、表格信息结构...从表格承载的信息展示功能，以及用户获取信息的核心诉求出发，对于表格的产品设计是可以形成标准化的PRD文档规范的。...不同场景下，用户的需求如下： 结果筛选和过滤，针对不同的条件，快速过滤找到符合条件的数据结果 新增记录或批量操作(数据表格展示明细一般可以无此需求) 表格信息展示，包括核心字段展示，记录详情查看、信息修改等操作...表格排序：对于一些包含指标的表格，排序功能非常实用，但也是很多产品在设计或者开发变现时会忽略的功能 记录默认排序规则：通常按最后更新时间降序排列，最后操作的，第一眼可以看到，保持信息的及时更新 状态字段
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
