CSS按钮体验提升技巧之:before/:after与自定义data-*的妙用

其实网上已经有很多各类效果的了，例如: http://tympanus.net/Developme... 神人太多了，我也找到了一种比较好的按钮制作方法，体验不错，演示动画截图如下： 一种不错的增进体验的效果噢~ 具体代码实现搓这里，http://output.jsbin.com/kepiqac 关键字：css, 按钮, #data-# 妙用

业界 2016年08月03日

按钮如何规范化？

制定按钮规范的流程大概会分成以下三个步骤：明确规范适用范围收集按钮使用的场景制定按钮规范其中制定按钮规范又分为以下内容：按钮的类型按钮的尺寸按钮的状态

产品设计 2023年07月25日

设计法则 | 实例解析「交互设计七大定律」在设计中的应用（上篇）

交互设计之父阿兰·库珀说过这样一句话： “除非有更好的选择，否则就遵从标准” ；在交互设计领域中，有很多被时间和前人验证过的设计法则，这些法则是从用户的行为逻辑中总结出来的，掌握这些法则能让我们迅速有效的完成自己的设计，接下来，笔者通过一些实例来解析下这些原则在设计中的应用~由于文章有点长，影响阅读体验，姑本文将分为上下两篇来发~一、费茨定律（Fitts’ Law）

交互体验 2018年01月17日

看似简单编辑器，其实并不简单

编辑器是内容类社区产品必不可少的组件。对于编辑器的选型，很多人认为直接找个开源的就行了。其实事情并没有那么简单。我们的产品是一个面向研发技术人员的内容类社区。内容类社区有两类用户：内容生产者、内容消费者。编辑器是产品和内容生产者之间的关键触点，其重要性不言而喻。在编辑器选型时，我们发现用户习惯于使用office系列软件写文档。于是选择了一款风格接近于office软件的在线富

用户研究 2018年01月22日

按钮设计超详细解读 | 交互组件

一、按钮尺寸设计规范1.移动端2.web端👆以上基本是目前最常用的几个按钮尺寸啦～在实际界面设计中，该选什么尺寸的按钮捏？【大尺寸】登录按钮；结尾的主提交按钮

产品经理 2024年01月09日

吐槽QQ音乐：看不惯这5个槽点，我自己改造了一下

有一部分选择用QQ音乐是因为它的乐库很全，你想听的歌基本上能找到。尽管它的版权很全，但仍然还有很多值得吐槽的地方。选择QQ音乐实属无奈，一直是网易云音乐死忠粉，最近网易云里面的很多歌曲都下架了。但是QQ音乐有，都是正版，所以最近开始辗转QQ音乐了，还是腾讯爸爸实力雄厚呀，不禁感慨有个有实力且愿意为你花钱的爸爸是多么重要。没有用户需要的硬货，细节体验再棒，也留不住用户。用户是

业界 2018年04月09日

回顾｜按钮设计的7个基本原则

按钮是 UI 和交互设计的基本元素，它们是用户交互的时候，和系统进行沟通交流的核心组件，也是图形化界面当中，最早出现，也是最为常见的一种交互对象。在今天的文章当中，我们将会回顾一下按钮设计的7个基本原则，希望它们能够在设计的时候帮到你。1. 按钮必须得看起来像按钮涉及到用户界面交互的时候，用户需要知道哪些是可点击的，而哪些不是。面对着 UI 界面中的每个元素，用户都需要对它

用户研究 2018年04月23日

虚拟按钮设计：真的还要怀疑它的价值吗？

逻辑上，虚拟按钮可能并不适合于Web设计；然而对用户来说，可能并不是那么回事。尽管是一个设计细节，但按钮设计确实起着举足轻重的作用。按钮是用户访问的最重要入口，也是转化的触发动作。如果在按钮设计上有明显的败笔，那基本要和老板说再见了。尽管我们对全局按钮的设计已经有了很好的理解，但有时，仍会诧异于某些非常规按钮的巨大作用，比如虚拟按钮。虚拟按钮并不神秘，尽管听起来怪怪的（Gh

产品 2018年01月17日

按钮设计的七大原则

按钮是交互设计中必备的元素，它在用户和系统的交互中承担着非常重要的作用。在本文中，我将分别介绍创建有效按钮必须要知道的七项基本原则。一、按钮就是按钮当涉及到与用户界面交互时，用户需要立即知道什么是“可点击的”，什么不是。设计中的每一个项目都需要用户进行解码，一般来说，用户解码需要的时间越多，可用性就越差。但是用户如何理解某个元素是否具有交互性呢？他们靠以前的经验和视觉符号来

用户研究 2018年05月15日

常用的交互组件：文本框、按钮、搜索框、弹出框

在交互设计中，我们会用到哪些通用的组件呢？本文主要总结了一些我们常会用到的组件。交互设计中，我们经常会遇到一些通用的组件，这些组件几乎会在每一个app中用到。表面上看这些组件很常用、很简单，但越常用的组件，可能背后有很复杂的交互。今天笔者总结一些我们常会用到的组件。一、文本框文本框是设计中常见组件之一，无论是PC端还是移动端，交互形式是可以相互参照的。相比于其他组件，由于文

业界 2018年03月30日