按钮

Sketch 基础教程 5- 对齐及分布工具详解

本期教程介绍对齐及分布工具的使用,并利用对齐元素制作一个简单页面。更多优质教程 请关注 “一稿过”/// 开场白 ...上一篇我们学习了如何用布尔运算制作一个微信Icon,本次我们来学习一下如何使用对齐工具快速制作一个页面。/// 现在开始 ...我们先来了解一下对齐工具在Sketch中的位置,具体见下图。这八个按钮的图示非常明显,大家一看就知道具体怎么用。但是有些细节如果

Sketch 基础 3- 按钮的形式与状态

本期教程里我们将介绍如何用Sketch快速的制作出按钮的不同状态。开场白 ...上一篇我们学习了如何制作一个简单的Sign Up页面,本次我们来学习一下页面中的按钮。你真的了解按钮么?按钮的各种形态都是什么?我们一起来学习吧!/// 现在开始 ...1.首先从形状上区分可以分为:直角、圆角、异形和幽灵按钮。每种按钮的作用不同:a)直角按钮是最常用的,因为棱角鲜明,所以按钮附

读书笔记来了!谷歌的Material Design 设计指南精华版

编者按:Google的设计指南一直是UI/UX设计师的必读手册,如果你还没抽出时间完整读一遍,不妨先来看看在微软实习的交互设计师@戴小维Saki  写的读书笔记,简明精炼,可以帮你速览一遍,纯实干货,建议收藏。这个系列更不能错过!三维世界(3D world):[br]x , y , z 三维坐标属性[br]z 轴上占据一定的位置并且有一个 1dp 厚度的标准光影关系(Lig

案例分享:使设计质量飞跃至卓越的UI动效技巧

这篇文章,我们来一起看一些可以将UI设计从优秀提升到卓越的案例,通过一些细节的调整,你可以通过动效来提升整体的UI设计水平。这篇文章中的案例(我做出的动效)遵循了以下这些规范:(这三篇文章需要在外网上查看)Material MotionIBM’s Animation PrinciplesThe UX in Motion Manifesto让标签下的内容滑动起来图左是将新标签

Aure7.0教程(二)中继器的使用(2)

本教程案例下载:axure7.0教程_小楼作品(二)中继器的使用(2)在上一节教程axure7.0教程(一)中继器的使用(1)中我们初步讲解了,如何使用中继器的功能之一,在Axure7的新元件repeater(中继器)中增加内容。那么,既然能够添加内容,就应该能够删除内容。因为在软件开发中对数据的操作有四种:增、删、改、查;中继器的功能也包含了这四种操作。那么,今天我们来讲

付款按钮设计的糟糕现状

以下内容由[Mockplus](https://www.mockplus.cn/?hmsr=wen)团队翻译整理,仅供学习交流,[Mockplus是更快更简单的原型设计工具](https://www.mockplus.cn/?hmsr=wen)。 这简直就是一团糟,我有一些理论证明为何如此。 我在金融领域做设计做了很长一段时间。这不是我要做的事情,只是发生了一些事

微信导航菜单:动态面板的不同实现方式

动态面板是Axure里最重要的元件之一,一些稍微高级一点的原型,都离不开动态面板的应用,因此一定要掌握动态面板的用法。作为动态面板的使用场景案例,导航菜单、自动幻灯片和属性页是非常适合于用来理解动态面板的用法。我们以微信的导航菜单为例,看看如何使用不同的方式来应用动态面板,最终的交互效果是一致的。第一个例子不复杂,但常常被作为典型案例来讲解。内容区域+导航菜单作为一个动态面

提高表单的填写效率:创建一个用户友好型表单

好久不见,由于懒惰好久没有翻译文章了,这次翻译一篇关于表单的很基础的文章。有些例子较牵强,大家可以有选择性地看哦~表单对于企业和个人同样至关重要,当涉及到数据收集时,我们大多数情况下会采用表单(或许是因为在互联网繁荣之前我们就已经在线下使用了很久的表单)。因此,创建一个用户友好型表单对表单的填写效率至关重要。表单解析表单的目的、内容、大小虽然各不相同,但是有一些基本的元素助

Material design与iOS Human Interface Guidelines对比分析

本篇分析对比是基于各自官网最新的Material design与iOS Human Interface Guidelines文档,官方文档地址将在文末给出,供各位交流学习。规范目标与原则Material Design(以下简称MD)是谷歌设计的一套视觉语言设计规范,也是Android Design演进的一种设计规范。在MD开篇,谷歌公司就表达了自己的期望:创造一种视觉语言,