交互设计

以下是最美UI整理出来交互设计 的合集内容,如果觉得还不错,请帮忙转发推荐。
让动效更酷炫!4 个常见且常用的 SVG 交互动画方法
本文介绍了 4 种常见的 SVG 交互动画方法,帮你了解 SVG 交互动画的原理和简单方法。
想让交互更走心?这4种可见状态微交互技巧一定要学会
在经典的尼尔森十大启发式当中,「系统状态可见性」可以说是如今交互设计领域当中,最为重要的原则之一。通过向用户展现当前的状态,让用户拥有对系统的控制权,建立用户对于产品的信任感,这也是这种设计启发式的最
首度揭秘!春节期间滴滴地图小车图标的换装设计过程
如何为创意插上理性的翅膀,滴滴设计师和你一起回顾春节地图小车 icon 换装的设计全过程。
新人想要入场视频类H5 设计?你需要了解这些
网络成本的降低促使承担推广作用的 H5 越来越多的使用视频呈现的形式,但迈过初期朋友圈视频给用户带来巨大新鲜感的时代之后,想要继续通过视频类 H5 争夺用户注意力,变得越来越难。
从“免费试用”模块设计反思UI的设计思路
@Jenny黄静雯 :​​​在App大版本的迭代中,免费试用作为小模块,交互逻辑不变,仅做视觉层面的优化。然而在视觉优化过程中,免费试用的体验问题浮出水面,此时对免费试用的设计从表层进入相对深的层面。设计的过程
从这7个方面入手,让移动端交互体验更加优秀
移动端设计的质量好坏,其实并不难度量。当用户可以流畅轻松地使用,不用耗费精力便可以完成各种任务,这就说明APP或者网站的设计足够优秀。用户对于交互其实是很敏感的,好用不好用,满意不满意,他们会通过简单的操
写给UI新手的APP结构指南:用户引导和提示
这次的主题是用户引导和提示,它们都会打扰到用户,也有很多的共通点,就暂且归到一起集中聊一下。
UI 设计新人容易犯的7个细节错误
在互联网产品圈里,用户体验一直是被格外推崇,几乎每一个产品经理都会把用户体验挂在嘴上。即便是一个产品菜鸟也会在言谈间说出一番诸如,做产品的一定要把用户体验放在首位之类的话。说今天是一个体验为王的时代,
超全面!Android 应用与iOS 应用之间的设计差异对比
编者按:同一个App,为什么iOS 和Android 的交互操作有那么大的区别?本文将用大量原生设计案例,为你一一说明它们为什么应该这样做,赶紧学起来!
腾讯设计师:减少页面跳转的10个方法总结
我们在进行设计的时候,往往遇到以下的场景: 这就是信息的无限性和手机屏幕的有限性之间的矛盾,如何把信息合理的展示给用户,需要我们重新对信息进行组织分类,使信息能更高效有序地被用户认知。在进行信息设计的
用五年经验换来的,超实用 UI 设计四原则!
从少年到大叔,只用了5年,还记得我刚入职的第一份工作的导师和我说:「设计没有什么捷径,有的只是多看、多想、多做,逻辑思维明确了,思路清晰了,累积多了,项目方案就好解决了」。在5年的工作中,也累积了一些心
「网易云」用心动模式读懂了我的心,那么你呢?
你有多久没有更新自己的歌单了? 有人说,不再年轻的标志之一就是只听熟悉的老歌,而不再轻易尝试新歌曲。其实很多时候,也许我们并非不想听新歌,而是要在庞大的曲库中遇到一首符合自己心意的歌实在太凭运气。
用一篇超全面的文章,详解「按钮」的禁用状态
@Daidai丶呆 :本篇文章我从「召唤类按钮」与「工具类按钮」两个角度详细拆解了其内在逻辑,希望帮到各位更好理解按钮设计逻辑。
从框架到校验,全方位拆解「输入框」设计
@Daidai丶呆 :想要理解「输入框」的校验规则,就要先对「输入框」的框架做好拆解。这篇文章将从框架到校验做全方位的梳理。
从四个部分,帮你完全掌握单选框的设计方法
单选框是非常常见的表单元素。它通常被用来从一组互斥的相关选项中选择一个单独的选项。当点击一个未选中的单选框时,它会被选中,其他按钮则会变成未选中状态。
超全面!移动端弹出层组件的定义、应用与设计
工作中我们常常会听到或在撰写交互说明时提到“从底部向上出现弹层”、“出现浮层”、展示“对话框”、弹出“弹框”、“出现对话框”诸如此类的话术。我相信大家对“浮层、弹层、弹框、对话框……”等称呼常常也会感
从4个方面,深度解析App中的卡片切换与交互手势
最近收到小伙伴的一个问题,以下两种卡片切换怎么用。 以下是我收到的两个不同案例,第一眼给我们的感受就是这两个case不都是可以通过手指左右滑动嘛?
万字干货!「iOS 振动」设计与落地全方位解析
写文章也像做一款产品一样,随着技术的进步、知识的迭代要进行合理的优化与更新。过去的 2 年里,移动设备的更新迭代让振动反馈有了更多的想象空间,因此本文在旧版文章的基础上做了以下修订。
你了解移动端导航设计吗?收下这篇系统性的总结!
合理的移动导航设计能够尽可能地减少摩擦,引导用户去他们要去的地方。 这篇文章汇总了移动端导航设计最常见的样式、要注意的设计准则以及优秀的案例分析,一起来系统性地掌握这些知识~
细节见真章!12个按钮设计容易踩到的坑
按钮设计 为了设计正确的交互,我们需要回顾一下物理按钮的历史和起源。物理按钮是 UI 组件的前身,当今的数字产品都还在大量使用它们。按钮很棒,即使用户不了解基本的机制或算法,只用手指触摸就可以让电器、汽车或
5 个Apple Watch 设计原则+实战优化案例
上周出席了苹果的 WWDR Events(加速器活动),非常感谢公司提供的珍贵学习机会。本次 Apple Watch 体验的活动主旨,是向开发者提供设计、交互和技术方面的指导和帮助。
如何通过优化分享入口,提升产品的DAU(日活)?
日活应该是产品 App 最核心的指标之一。 日活是每天用户使用产品的人数。只有日活持续增长,公司才能继续发展盈利。提升不了日活,产品就难以发展壮大。
用一个实战项目,聊聊设计师如何发挥自身价值!
写在前面 你们在日常工作中是否会有这样的思考,设计能给业务带来多大的价值?或者你从现在的工作中能够感受到多少价值?难道设计的价值还只单单停留在完成对原型稿的视觉表现,去撕逼各种产品细节的审美挑剔吗?答案
大厂交互设计师的3个核心专业能力
近一年半的时间,我一直在思考,设计的核心能力有哪些?由哪些能力来决定一名交互设计师是否优秀?
流利说设计师:少儿在线教育的游戏化设计宝典
在线少儿教育的游戏化,已成为提升小朋友满意度和调动学习积极性的常用手段。本期我们请到少儿的交互设计师与大家聊聊, 流利说®️少儿英语如何打造出一个丰富有趣的游戏化课堂体验。
想让交互更走心?这4种可见状态微交互技巧一定要学会
在经典的尼尔森十大启发式当中,「系统状态可见性」可以说是如今交互设计领域当中,最为重要的原则之一。通过向用户展现当前的状态,让用户拥有对系统的控制权,建立用户对于产品的信任感,这也是这种设计启发式的最
大厂都在用的目标导向设计,快来学会!
前言 设计驱动已经成为 vivo 重要的产品和服务理念。作为设计师,这意味着我们在承接日常设计需求外,还要主动发现并解决产品中存在的问题。设计提案,就是针对某个问题或机会点,系统分析产品现状并给出解决方案,以
8000多字!超全面的栅格系统入门手册!
栅格的前世今生 产品设计从理解用户到定义问题,再到探索方案并输出草图乃至视觉稿,每一个阶段都关系到一个产品的成败。而其中交互设计与视觉设计是与设计师密切相关的两个阶段,也是最大程度占据我们工作场景的内容
值得反复学习的「交互设计5大定律」,一篇带你全部学完!
缘起 前段时间应邀给部门内新入职的校招设计师讲一堂设计法则的基础课,作为交互设计师,交互设计定律肯定是绕不开的一个知识点,但对于网上广为流传的《交互设计 7 大定律》,我其实一直都有些质疑,因为没搞清楚作
为什么拼多多红包让人停不下来?来看这篇深度分析!
本篇文章是在优化红包领取流程中对用户情绪进行的思考,主要围绕情绪与产品的关系,带入红包领取优化的几个关键点,梳理用户情绪在设计中的价值。
用超多产品,解构今日头条设计背后的逻辑
今日头条的出现颠覆了传统新闻产品(如网易、新浪和搜狐新闻)。 传统新闻依靠着编辑人员的推荐,将新闻触达给用户,而今日头条则依靠着新闻算法,抛弃传统人工分发的思路,使分发效率数以万计的提升,其迅速崛起,成
从入门到精通,我靠这5个途径提高交互设计水平!
很多 UI 设计师和我交流,想学交互设计,也有一部分也想转交互。 如何从入门到精通,这里我以自己的亲身经历说说交互从入门到精通的 5 个途径。
让用户向左滑还是向右?用超多案例帮你解答这个问题!
编辑导语:由于手机尺寸的限制,我们在进行内容浏览时会进行一些滑动操作,不同类型的内容操作也各不相同,比如图片会选择左右滑动操作,文字会选择上下滑动;本文就介绍了在设计中的“左”和“右”的操作,我们一起
万字干货!「iOS 振动」设计与落地全方位解析
写文章也像做一款产品一样,随着技术的进步、知识的迭代要进行合理的优化与更新。过去的 2 年里,移动设备的更新迭代让振动反馈有了更多的想象空间,因此本文在旧版文章的基础上做了以下修订。
快记下来!5个连大厂设计师都容易搞混的控件与规范
开篇先讲个故事: 上周偶然一次和开发对碰视觉规范的时候,一位开发问了个问题:这个对话框是做成模态还是非模态的?
超多案例!移动端横向滑动的设计总结
所谓的“左右横滑”交互英文名叫做“Horizontal Scrolling Lists”,最早可能起源于 Windows Phone 的横向内容滑动设计。用于在同一个页面的 X 轴方向拓展内容空间,“左右横滑”的交互方式被广泛应用于各类 App 中
为什么用户注册这么简单,想注销却如此麻烦?
最近国外的设计平台频繁出现一类内容,大概类似于「产品设计中的伦理道德与用户体验」,里面的内容有引起我的一些思考。
如何用设计打造信任感?来看这份超全面总结!
写在前面 「我们这双鞋绝对是正品,支持专柜验货!」 「买咱这支基金,稳赚不赔,绝对涨,还要再涨,现在不买后面后悔死你!」
如何用经典的「黄金圈法则」,帮你快速完成需求分析?
前言 西蒙·斯涅克在他的《从“为什么”开始》一书中提出了“黄金圈法则”的概念。他发现,人们一般向别人表达或者激励时,常规路径是:先现象,而后措施,最后是结果,这种路径收效甚微。而真正能动人心的路径应该是
手机端主按钮应该放在那里?来看高手的深度分析!
你知道吗?按钮位置的设计会影响用户完成任务的速度。更快地完成任务会带来更满意的用户体验。如果你也想带给用户更满意的用户体验,那你应当把按钮放在用户所希望看到的地方。
禁用按钮应该怎么用?来看高手的分析!
最近收到的一则问题,大概是:在做设计的时候,经常会遇到一个问题,就是一个按钮,在同一页面的不同情况下,有时可用,有时不可用,我们到底是显示不可用时的禁用状态呢?还是直接隐藏这个按钮呢?
如何做好交互评审?从这3个思路出发!(附交互自查表)
面对频繁迭代、业务线众多的产品,交互设计需求量大,无法靠设计师有限的人力输出所有稿件。所以部分需求是由产品经理、运营输出原型方案,交互进行审核把控,在此过程中总会出现很多交互问题需要设计师找出并修正,
如何做好图片标签设计?来看Vivo设计总结的三部曲!
缘起 最近组内设计评审,视频和小说两个业务都涉及到在图片上显示标签(Tag)的设计,但是Tag的样式和位置却不完全不同,如下图所示:
用一份大厂级的完整交互文档案例,帮你深入学习交互细节
前言 当我在网上搜寻交互文档规范时,可以搜到很多关于交互文档的结构搭建的文章,但始终没有一份较为完整的案例 Demo 展示,主要是因为大多数商业项目的交互文档是涉密的,无法进行分享。
想让按钮设计更精致?收下这20条超实用的技巧
按钮在产品界面中是非常重要的元件之一,按钮作为用户引流和行动触发来说都是至关重要的。如何把按钮设计做到最好,是设计师需要不断探索的问题,把控好每一个细节才能让每一个元件更精致。
用「列表多选」的交互案例,帮你学习高手的分析思路!
前言 之前在工作的时候遇到一个问题,在设计列表多选的时候,产品执意要将多选操作的按钮放在列表顶部,但是按照设计规范,该按钮应该是隐藏的,在勾选列表某一行后才会触发显示该按钮,随之产品提出的问题是:
从0到1的产品,如何一次性解决所有异常和加载状态?
本篇文章的价值:看完之后可以独立统筹整个产品的全局设计。 做从 0 到 1 的产品时,在设计产品功能的交互流程和 UI 设计中,都是先做出所有正常的交互流程和界面。
设计师进阶必备!如何通过数据优化设计?
作为交互设计师或用户体验设计师。都需要对整个产品的数据情况有清晰的掌握,这将为设计提供更好的支持。