关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第121篇文章分享 大家好，这里是设计夹，今天为大家分享的是「交互界面设计」。 在交互设计中，设计师与目标用户的联系很密切，我们需要时刻考虑用户在什么场景下做了哪些操作，确保产品功能好用、易用，符合用户的操作。 那么，有效的交互界面背后主要的设计原则是什么呢？我们一起来看看吧～ 站在用户的角度考虑 在设计过程中，以用户为中心、站在用户的角…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第126篇文章分享 大家好，这里是设计夹，今天为大家分享的是「拖放设计」。 拖放(drag and drop)指用户选中图片、列表项或卡片等元素，拖放到页面的其他位置或其他产品中。 这种交互方式在移动端表现为长按拖动，在PC端表现为单击并用鼠标拖动，最后放到目标位置上。 拖放设计的使用场景 拖放式UI/UX的设计非常多样化，并被用在多种场…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第106篇文章分享 大家好，我是Clippp，今天为大家分享的是「APP导航栏设计」。 APP导航栏(AppBar)大家应该都很熟悉，位于屏幕顶部，集合了用户经常使用的一些功能，是页面设计中不可缺少的组成部分。 虽然导航栏很常见，但是我们在使用产品的过程中会发现，每个APP的导航栏或多或少都存在一些设计上的差异。 为了能让大家对导航栏有更…

关注▲Clip设计夹后台回复“进群”加入设计成长群 设计夹的第99篇文章分享 大家好，我是Clippp，今天为大家分享的是「B端表单系列①」。文章来源于设计师Cassie对于B端表单的研究以及日常工作的经验总结。 在之前的文章中，设计夹为大家分享过B端设计规范，里面系统介绍了十几种常用的B端组件，没看过的小伙伴可以快速回看➡️➡️从设计实战中，总结了这份B端产品设计规范 了解完这些基本的规范后，下…

用户界面（UI）的历史是以不断演变和创新为标志的。它始于20世纪60年代的命令行界面，要求用户输入命令与计算机互动。随后，图形用户界面在20世纪80年代得...

Clippp的第67篇文章分享 注册和登录是进入产品的首要操作，毫无疑问好的用户体验能为产品加分，同理好的注册和登录体验会让用户对产品留下更好的印象。 简单的注册和登录流程中也存在着很多交互细节，这里介绍10个平常经常用得到的设计细节，一起来看看～ 1.自动对焦首选项 交互设计的基本原则之一是去除杂乱，去除每一次不必要的操作，避免用户长时间的等待或思考。 用户进入注册页面注册账号时，会第一时间填写…

关注▲Clip设计夹后台回复“进群”加入设计成长群 Clippp的第78篇分享 看完大概需要这首歌的时间 大家好，我是Clippp。今天为大家分享的是「展开和收起」的运用场景。文章灵感来源于一位读者的提问： 发现在一些产品中用户点击展开全文后就不再支持收起，如网易云搜索页面、豆瓣短评、QQ群介绍页等。 而有些则是点击展开全文后则仍然保留收起功能，如朋友圈、知乎、得到关注的动态等。想问下，是什么原因…

关注▲Clip设计夹后台回复“进群”加入设计成长群 Clippp的第76篇分享 看完大概需要这首歌的时间 大家好，我是Clippp。今天为大家分享的是「渐进式披露」。在设计中并不是给用户的选择越多越好，每一个额外的选择都会导致做决定所需的时间变长。 渐进式披露，也称渐进呈现，遵循从“抽象到具体”的原则，将选择或信息分成若干部分，引导用户以更舒适和愉快的方式使用产品。 一、什么是渐进式披露？ 在产品…

好好学习,天天向上！

大家好，我是Clippp。今天为大家带来的文章是「邻近性」原则。通过邻近性我们可以提前预测用户的主要行为和目标，并让产品更灵活地响应～ 2020年的第37篇分享 看完大概需要这首歌的时间 邻近可以理解为“在空间、时间或关系上的接近”。举个，当我们打电话时，把手机靠近耳朵屏幕会自动熄灭，这种反馈就考虑了邻近性。 利用邻近性，我们可以观察用户的操作或触发路径，使产品更快作出响应。 产品可用性体验 在G…

在这里，我们将探讨手机键盘对用户隐藏的交互逻辑，解释这种情况的发生方式和原因，以构建未来的自适应智能手机界面。 （全文共计1514字，阅读约需要4分钟） 使用产品时，我们经常会碰到有关收集数据的信息，例如获取用户当前的位置，请求允许打开相机或访问相册…… 但是，有一种鲜为人知的数据类型可以为用户带来好处：有关输入行为的数据收集。这些数据帮助用户量身定制手机键盘，提高手机打字的速度和准确性。 文章目…

出色的用户体验不仅仅在于可用性，产品的视觉呈现和状态也与用户体验息息相关。 文末有福利 在本文中，我们将研究什么是微交互以及何时使用它们，并结合常用的网站，应用程序和产品中的微交互进行示例分析。 文章目录如下： 一、微交互定义 用户在使用产品时，会进行一系列的手势操作，这些操作带来的界面反馈就是微交互。这些微小的动作是我们与计算机日常互动的重要组成部分。 每次我们想为别人的消息点赞时，都会参与微交…

输入作为用户主动与产品进行的交互行为，由于用户需求不同，输入本身就带有很大的可变性与不可预测性。 简简单单的输入行为帮助我们开启了通往产品新世界的大门，然而缺少反馈设计的输入有时候却让用户不悦甚至迷茫。 相较于输入元件的设计，输入背后的设计才是真正需要设计师根据进一步思考用户的使用情境与行为而精心设计的部分。 输入行为的载体 输入行为常见的载体是简洁易用的输入框元件，除了单一输入框的形式，还有与图…

UI & UX Article：2022/09/01 欢迎来到「NEW案例三分钟」栏目~ 「NEW案例三分钟」是由美国交互设计资讯连载的关于交互设计的案例分享栏目，每周为大家更新不同类型的UI&UX设计案例，希望大家在阅读案例的研究过程有所收获~ 好久不见~案例三分钟栏目回归啦！大家喜欢看什么类型的案例分析呢？欢迎加入我们的交流群中共同讨论哦~ 元宇宙将是人类构建的最复杂的数字平台…

UI & UX Article：2022/09/23 上周，设计行业巨头Adobe以高达200亿美元的价格收购了广受欢迎的UI和UX设计工具套件制造商Figma，这一消息震惊了创意技术的世界。 如今的Figma被称之“失败者的成功故事”。它曾是Adobe XD最强大的竞争对手之一，Adobe自己的UX/UI设计应用程序无法跟上Figma的创新步伐。 设计师们最担心的似乎是Adobe会毁掉甚…

假如您是交互设计方向的新手，或许您只知道如何制作精美的屏幕设计。但您想更改应用程序中的某些内容，因此您重新设计了一个现有应用程序或其功能，现在您想编写一个有关它的案例研究。 您可以使用多种工具进行案例研究。在本文中将使用Figma为您带来超详细制作交互设计项目攻略。 案例研究的参数如下： 颜色 - 使用应用程序中的主要颜色和次要颜色。 标题-48pt，副标题-40pt，内容-20pt 第1帧： 应…

阅读了《Ruby的设计师博客》的一篇博文之后，让我受益匪浅！而且这个命题是出自阿里巴巴UED部门的笔试题目。由此可见,移动APP端的知识必须要掌握牢靠！于是摘自了一些观点来与大家分享！ 到底移动APP端有哪些独特的交互设计模式呢？ 浅谈移动APP设计的6点微创新，让我们的APP更具风骚 卡片式设计和卡片化滑动设计App成功案例 下面是结合Ruby总结的7个方面的移动APP端特有的交互设计模式 1、…

记笔记的阿晴（notebyaqing）独家文章，转载需署名。全文434字，交互设计原则第6篇 从第五篇开始，第5~8篇将会总结到通用设计原则：对齐、分类、相似性、主次分明。这四个设计原则不仅是在交互里会用到，在设计中也是广泛应用的，如果已经很熟悉的朋友也可以和我一起来再复习巩固一下。《写给大家看的设计书》里也反复有提到设计原则，可见这四大原则是多么基础和重要。 分类 人眼对于互相靠近的物体看起来属…

目录 前言 动画界面的基本概念 加载状态 下拉刷新 信息通知 导航过渡 按钮过渡 动画视觉反馈 总结 前言 动画是我们耳熟能详的东西，也是我们从小看到大的画面，从儿时记忆的电视动画片，到长大后的手机动画，给我们的感觉其实已经不再是什么神秘或者奢侈的事物。 但是，在我们浏览动画的过程中，或许当时的我们已经完全沉浸在美妙且富有色彩的画面中，而其过程往往我们却很少去探索与考究。例如：为什么动画比静态图片…