音乐（网易云音乐）APP 原型资源分享

一、场景 我们知道通常在列表页面会有很多内容，而且每条内容可能会很长，如果每条内容都全部显示用户体验就很不好。所以，我们通常的处理方案是限制每条内容的行数，这个时候如果想更加明显的提示用户该条内容有更

sticky被称为粘性定位元素，postion属性值为sticky的元素在目标区域内时表现的和position: relative时无异。 元素固定的相对偏移是相对于离它最近的具有滚动框的祖先元素，如果祖先元素都不可以滚动，那么是相对于viewport来计算元素的偏移量。 st…

拖拽是前端非常常见的交互操作，但显然拖拽是强 DOM 交互的，而 React 绕过了 DOM 这一层，那么基于 React 的拖拽方案就必定值得聊一聊。 结合 How To Use The HTML Drag-And-Drop API In React 这篇文章，让我们谈谈 R…

Hi 头像于八九月份进行了 v2 版大改版，其中的交互动画得到了不少好友的称赞。今天，我就来分享一些关于小程序 TabBar 创意动画，将从 TabBar 类型、完整的 TabBar 创意动画进行分析。 在页面的抽屉动画、TabBar 组件、添加图像素材按钮的多种要求下，我们只…

     双11最强福利来啦，ECshop全年最低价，更有代金券任性送！     扫描图片上的二维码，立即抢券享优惠，手快有手慢无~     贴心提示：懒人贵族也可以直接点击链接抢券：http://c

现如今各类原型工具大放异彩，在满足不同的用户需求及使用场景的前提下，针对不同的使用群体，各家软件公司提供了不同的版本，诸如：个人版、团队版、企业版等等。然而，对于教育培训这类特殊用户，又有不同的授权及优惠策略。那么，到底有什么具体的差别、哪家的更好呢，跟小编一起来看看吧！

我有一个习惯，就是每一个关注我的人，我都会进入他们的主页，看看他们发表的文章。 我发现有很多做运营的小伙伴，转化型文案写的非常好，观点独道文风清新，衔接自然流畅。可是…… 就是没人看。 1. 平台 2. 推广 3. 标题 平台一般是固定的，推广呢，说起来又太宽泛。今天主要来和大…

产品立项之前，产品经理会要求研发团队进行需求评估，拆解开发、设计任务，预估一个上线时间，这个时间我们就称之为：上线时间。 很多时候，上线时间是在上级任务与开发工作量一起沟通的结果。但为什么我们每次在倒计时上线时间后，我们发现时间却不够了？ 今天以我的产品案例来聊聊，上线延期出现…

《白》是原研哉于2008年出版的一本书，书籍很薄，却有让人醍醐灌顶的感受。这本书不是讲颜色，讲的是对于日本美学源头的追溯。作者也在文中列举了日本宗教建筑，语言，茶道中的“留白”的力量，这种力量让设计者更贴近设计初衷，通过对必要的差异控制，保留最重要的信息，脱离浮夸且无意义的设计…

​2014年7月，《破茧成蝶——用户体验设计师的成长之路》出版了。到2017年，这本书已经销售3万余册，豆瓣评分高达8.6分，位居国内同类书籍之首。在此期间作者刘津收到了热心读者的大量反馈，得到了很多支持和肯定。她说：“作为一个互联网从业者，能为这个行业做一点微薄的贡献，帮助更…

介绍 我们使用互联网产品的时候多少回遇到困惑，不解，需要依赖于产品提供的帮助文档，产品社区或人工解答。多级帮助是从使用场景和不同用户群体出发，支持用户的不同需要。在你的应用用户体量较大，产品很复杂的时候，帮助系统能够给用户更多的支撑。但你要知道，有些用户可能会需要完整详细的帮助…

单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。 给用户一份精美小礼品这样的友好举动再好不过了。具体来讲，送出礼品也是之有效的获得客户忠…

想法来源于codepen大神的一个神作，一群机械人以神一样的步伐在进行群魔乱舞，可是，可是，打开一看，纯js实现，js！也罢，我偏要试一下用SVG+CSS3能不能搞出这个效果来，o(￣ヘ￣o＃)。此为前提。 先来个简易版的机械人吧，因为重点是动效，所以就简易到不能再简易，全部胶…

上篇CSS3 3D属性入门篇受到了别人的嗤之以鼻，一万点伤害值，好吧，你要的全景视图来了。（哈哈，打击是进步的阶梯！）。今次就来个大家用3D属性最爱炫技的场景，旋转的立方体，有人声称这种动画简直代表了CSS3的癫疯，不不，是巅峰。做完之后只想吼一声，你说的没差！由平面动效进阶到立…

最近在B站投稿了一个视频，名为《死于用户体验》，是阅文体验设计部几位前端同事一起制作的有点教程性质的创意视频。 非常低成本的一个视频，不过也正因为成本的原因，主角一直没能通过新手村，哈哈，目前视频反响

SVG 应用：使用 SVG path (路径) 实现酷炫的页面过渡效果

关于CSS3 3D Transform是变形属性里面的战斗机，就像立体几何的学习要在平面几何之后类似，在关于所有的2D的属性摸个七七八八之后，终于开始进阶3D变形了。先来一张SVG的背景图。炎炎夏日，清凉一下，即使不能行万里路，至少还有心在远方。 对于2D方向的移动，已经乏善可陈…

腾讯云技术社区 - 掘金主页持续为大家呈现云计算技术文章，欢迎大家关注！ 作者：莫卓颖 相信很多前端同学对于二维码识别、图像对比等这类高大上的图像识别技术望而生畏，觉得此类识别技术只能通过更加底仓的高级语言才能实现（诸如 c 等），本文试图从前端的角度出发介绍如何通过 canvas 来进行…

自 Android 5.0 版本，Android 带来了沉浸式系统 bar，为简化系统 bar 沉浸式的使用，以及统一机型、版本差异所造成的效果差异，本文将介绍系统 bar 的组成以及沉浸式适配方案。

anime.js 实战：实现一个 SVG 形变（morphing）动画