按钮

为吸引用户而存在:界面中CTA按钮的设计有何讲究

今天的文章,我们来就来简单探讨一下CTA按钮的相关问题。enjoy~APP和网站这样的数字产品中所包含的有效的交互系统,通常是由包含不同任务和功能的小元素组合到一起的。想要让整套交互系统无缝顺畅地运行起来,细节的把控是非常有必要的。在诸多的交互控件当中,按钮是最常见,也是最核心的交互元素之一,它的概念源自于现实世界,它存在的历史几乎和GUI的历史一样长。按钮设计得好不好,对

Aure教程:腾讯新闻按钮,如何一键上天?

在一些新闻网页上,到第二屏时,会有返回顶部的按钮,那么这样的原型效果,如何利用Axure实现呢?当我们浏览腾讯新闻网页滚动到第二屏时,这时网页的右下角会出现返回顶部按钮,点击按钮页面迅速回到第一屏位置。那么这样的原型效果,如何利用Axure实现呢?下面将为大家详细讲解制作步骤。 一、准备好元件素材首先我们需要搭建一个页面,这里我们摆放七个矩形框用来表达网页的内容栏目,多摆放

学习JS遇到的问题

关于document.body.innerHTMLtitdiv{width: 30px;height: 30px;font-size: 12px;color: # fff;background: red;line-height: 30px;text-align: center;position: absolute;}window.onload=function(){var

Aure 教程:按钮的启用和禁用设计

原型中常要用到按钮的禁用和启用,比如常见的:输入手机号获取验证码的获取按钮,在未输入内容前按钮不可点,输入按钮后,可点击获取按钮获取验证码。那我们本文就一起来看看按钮的启用和禁用设计。如下图: 首先,我们来看看效果没有输入内容前,按钮灰色不可点,输入内容后,按钮变亮,表示可以点击。 设计步骤(1)设计好元件:输入框+按钮。(2)设置按钮的属性: 点击交互样式中的选中,在

系统地认识组件:组件设计总结

作者随设计组件进行了一些总结,满满的干货,希望对大家有所帮助。 Google的材料设计规范是每位设计师都需要了解的,作为西半球最牛逼的公司之一,Google聚集了世界上最优秀的设计大虫,为开发者制定了一套具有Google精神的设计规范。组件的规范使用就是其中很重要的一章,只要你用对了组件,谷歌的活力、阳光、理性就会从屏幕中迸发出来,感染到没有国界、种族、性别、年龄限制的理性

APP 界面按钮设计:寻找最佳的形式和状态

文章给出涵盖各个平台上的按钮样式,为不同形式的按钮给出合理的使用建议,并深度讲解了按钮状态的重要性供参考。 按钮是一个普通的设计元素,不过我们基本每天或多或少接触他。除了这个,由于按钮是一个在网页或者app上创造流畅的会话流体验的必不可少的元素,所以它值得我们为按钮这样最基本的元素提供最佳的体验做出努力。为按钮做些最佳实践,让按钮看起来像按钮。想想如何达到设计沟通的可供性吧

Aure基础教程03——单选框&复选框

最近作者有点忙,所以没能正常更新,从这周起尽量一周至少发一篇教程吧。今天要说的是单选按钮和复选框,这是两个比较简单的小部件,主要说说一些小设置问题。一、对齐方式:单选按钮和复选框都有两种对齐方式,一种就是我们默认看到的“单选/复选框+文字”方式,就是“左对齐”方式,另一种则是“右对齐”,文字在左边,单选/复选框在右边。在“编辑单选按钮”或者“编辑复选框”的菜单里面就能切换这

巧用音量原理,打造优秀的引导体系

好的交互体验,会恰到好处地运用“音量”来描述元素功能,帮助用户识别功能信息。“这里需要更多的引导。”你知道作为一名设计师,这句话我听过多少遍吗?对于一个设计,缺乏恰当的引导是非常糟糕的。我坚信一句话:“处处引导,等同于没有引导。”这句话听上去是不是很熟悉?随着时间推移,我慢慢发现,对于产品设计中的层级关系和优先级的理解的匮乏,是一种通病,我们可以把这种情况用现实生活中的声音

电商网站设计系列(3)——商详页改版设计的复盘思考

前段时间笔者主导了网站 wap 端的商详页改版设计,这次终于腾出时间来好好分析总结下。虽然从这个项目中能够获得的经验远远低于我的预期,但这个小项目多少也融入了笔者很多思考,当然其中有很多不足,在这里一并分享给大家,相互学习。本文会从以下四个方面分别阐述:Part1:项目背景Part2:项目目标Part3:目前现状&解决方案Part4:遇到的坑Part1:项目背景商详页改版设