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