按钮

扁平化2.0:扁平化设计以前从未有的6个设计风格

时至今日,扁平化已不再是流行一时的设计风潮,而是一种美学风格。扁平化大胆的用色,简洁明快的界面风格一度让大家耳目一新,当它对元素效果抛弃的如此彻底之际,它又将效果捡起来,改装成另一番模样,使得扁平化进化为扁平化2.0。扁平化设计特质对于扁平化的定义,依然没有一个固定范式,但概括起来有下面四个特征:没有多余的效果,例如投影、凹凸或渐变等使用简洁风格的元素和图标大胆丰富且明亮的

如何应对「为什么用这个颜色 / 字体 / 按钮」的问题?

作为一名设计师,被质疑简直是家常便饭。相信你们在日常工作中,一定被人问过:“对于这个点,你为什么这样做而不是那样?为什么选这个颜色而不是那个?”之类的问题。其实,这也是面试中的必问问题。乍看起来,确实有点难回答。但每一个问题,其实都有他的思考路线图。今天笔者就来谈谈,如何通过交互的四个维度来入手,巧妙地破解这个问题。来,我们举个例子。比如,在面试中,作品集中有这么一个界面,

Aure 技巧:按钮互斥效果的 3 个步骤

本文仅适用于具有一定Axure使用经验的用户阅读。Axure中经常会设计几个按钮或几个菜单的互斥选择效果,互斥效果有两种方式可以实现:1) 可以通过点击事件控制选中当前点击的按钮或菜单,并取消选中其它按钮或菜单; 但这种方式由明显的缺点,如果后续有增加了按钮或菜单,需要将之前每一个按钮或菜单的用例全部修改一遍,工作量很大而且很容易搞乱。2) 通过对按钮分组实现。 这种方式可

移动端的返回顶部悬浮按钮还需要存在吗?

返回顶部悬浮按钮解决了用户的什么痛点?它是否还需要存在?一、 返回顶部悬浮按钮的出现返回顶部悬浮按钮大家都不陌生,在pc端浏览网页的时候都会在右下角出现,方便用户点击后直接返回到顶部。产品功能都是为了解决用户的需求而出现的,返回顶部悬浮按钮也是如此。那么这个小小的悬浮按钮解决了用户什么痛点呢?纵向页面太长,用户重新回看顶部内容时需要较多的滚动。对页面顶部控件有需求,如搜索框

B端设计组件:按钮

一、按钮类型依据按钮呈现的视觉重量差异,我们可以通过改变样式将按钮分为主按钮、次按钮、虚线按钮、文字按钮、图标按钮5类。1.1 主按钮在日常场景中,主按钮

B端体验细节(一):按钮的里里外外

在B端界面中,按钮是每张页面都会出现的最基础的元素,用户的任务流程皆从按钮开始,按钮设计的有理有据,可以为界面及产品专业度加分不少。如果一个产品的界面,是如下

那么,一个高转化率的按钮应该如何设计?

编者按:聊到按钮的设计,我们有太多的话要说。确认按钮在左边还是右边,幽灵按钮到底可靠不可靠,阴影的存在到底合理不合理,等等等等。但是今天不聊这些,我们来聊一下,如何设计一个高转化率的按钮:我们常常会揪住某个设计细节不放,深入讨论直到透彻。这样的探究并非毫无意义,因为即使是最细小的细节也可能会让近乎完美的设计毁于一旦。所以,今天的文章我们继续深入到设计的细节当中,探讨按钮的设

蚂蜂窝自由行APP产品需求文档(PRD)

本文作者结合自己对于蚂蜂窝长达6年的产品体验,书写出了一份详细的产品需求文档,希望可以给你带来一定的启发,enjoy~目录:1.文档综述1.1 版本修订记录1.2 PRD输出环境1.3 产品介绍1.4 需求整理2.产品结构2.1 产品结构图2.2 产品信息结构图3.全局说明3.1 功能权限3.2 键盘说明3.3 页面内交互4.产品详细功能说明4.1 常用操作4.1.1 常用

B端按钮交互规范设计

一、定义1. 内容块可以将整个页面视为一个内容块,也将一张卡片视为一个内容块,或者仅仅是界面中的一个小小的内容单元也可以视为一个内容块。界面中,一个内容块

js断点调试心得(以chrome浏览器为例)

原文转载自这里js断点调试心得,我是勤劳的搬运工,嗯!这里相对原文有删减,想看原文的请移步。1、断点调试是啥?难不难?用chrome浏览器打开页面 → 按f12打开开发者工具 → 打开Sources → 打开你要调试的js代码文件 → 在行号上单击一下2、断点怎么打才合适?打断点操作很简单,核心的问题在于,断点怎么打才能够排查出代码的问题所在呢?下面我继续举个例子方便大家理