按钮

APP上导航如何用Aure画出来?

上导航是每个APP必备的功能模块,看似画起来很简单其实里面也有不少门道。之前的文章已经讲解了APP常见功能中的页面模板、下导航、列表页怎么画出来,这篇文章讲解上导航,请继续关注浪子教你画APP原型后续的其他功能模块。本文主要从上导航的元素构成、常用交互、演变3个角度来给大家讲解如何画上导航的原型。上导航由哪些元素构成上导航一般包含了页面标题,左按钮,右按钮等内容。那么PM使

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

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

用格式塔原理分析页面中的用户体验

格式塔心理学是一种将人的思想和行为视为一个整体的思维学派,在本文中,我将与你分享,如何将这些原则作为我设计解决方案,并应用于我的网站和应用程序中。我一直认为心理学和设计是包含用户体验的,每当我们的目标是解决需求的时候,我们的专业就需要有同理心。随着我继续深入研究心理学进入设计领域时,我偶然发现了格式塔原则。那么, 什么是格式塔原则?格式塔心理学是一种将人的思想和行为视为

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

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

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

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

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

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

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

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

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

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

产品入门须知的一些UI设计准则

作为产品经理,了解一定的UI设计准则是十分必要的。作为一个产品经理助理,在短短几个月的产品工作学习中,发现学习产品的人确实是需要通过不断的学习让自己变成一个“T型人才”,即不仅要在自己的产品领域学透学深,还要在其他领域,如心理学,广告学,运营,以及UI交互等或多或少地涉猎一些,这样子才可以避免 跟UI谈论设计图地时候明明觉得布局不合理,却因为自己没有这方面的理论知识而开不了

蚂蜂窝自由行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 常用