交互设计_交互设计技术文章

交互设计

0 人感兴趣 · 15 次引用

关注

最新
推荐

Web 界面开发指南，持续更新

南城FE

06-08

这份文档列出了一些使我们的（Web）界面更好的细节处理方式，这个列表并不是完整全面的，但它会基于经验持续不断更新。其中有些实现可能是偏于主观性的，但大多数适用于所有网站。

CSS 前端交互设计

https://static001.geekbang.org/infoq/01/011286c2ac67a13717d59b03446e2fcb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ChatGPT 之后，B 端产品设计会迎来颠覆式革命吗？| Liga 妙谈

LigaAI

06-05

ChatGPT 掀起了国内的大模型革命，当一部分先行者正在努力探索中国 LLM 的形态，LigaAI 关心起了 GPT 类人工智能在 B 端产品的落地与影响。

交互设计产品设计与思考 tob产品 ChatGPT 企业号 6 月 PK 榜

与众不同的夜间开关交互效果

南城FE

05-19

一个包含云朵，星星，太阳，月亮，小飞机，太空熊等元素的夜间模式切换开关效果，如此与众不同的交互设计效果你不来看看吗

CSS 前端动画交互设计开关

Principle for Mac(交互式原型设计工具) v6.29.6 免激活版

真大的脸盆

03-29

Principle for Mac是一款著名的Mac端交互原型设计工具，无论是设计应用程序界面、交互界面或是动画，都让我们的设计看上去更加吸引人，结合了Sketch，After Effect，Keynote以及Flash等多款软件的优点于一身，软件轻便小巧，使用非常简单，支持多种尺寸的原型

Mac 交互设计 Mac 软件交互式产品原型设计工具

https://static001.geekbang.org/infoq/93/938304dba5dbae056328af0bd4727e81.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

一个炫酷的头像悬停效果

南城FE

02-06

你知道当一个人的头像从一个圆圈或洞里伸出来时的那种效果吗？本文将使用一种很简洁的方式实现该悬停效果，只用了一个img元素和不到20行的CSS技巧实现一个炫酷的头像悬停效果

CSS css3 前端动画交互设计

https://static001.geekbang.org/infoq/46/463ffb393c59ec960a6059820c7a0bad.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

要做好用户体验，一定要知道这些心理学效应！

产品海豚湾

01-05

用户体验，本质上就是用户使用过程中的心理感受。如何减少用户使用过程的“受挫感”，增强“愉悦感”？除了遵循已经形成的固有的交互习惯外，也需要运用心理学去分析。心理学知识除了提升用户体验之外，也能够帮助我们提高用户转化率和营造良好的产品的口碑。

心理学产品经理产品设计用户体验交互设计

https://static001.geekbang.org/infoq/c3/c350c9ecf115df0addcf34805e927293.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

那些你不知道的炫酷开关交互效果 (12 种)

南城FE

2022-12-14

本文将继续更新那些炫酷交互效果系列文章，今天带来的是有关 toggle 开关相关的组件。本次文章总计收集12款不同交互效果，相信总有一款适合你。

CSS 前端交互设计

https://static001.geekbang.org/infoq/9f/9f8ab6f52c4a1979d19ff576562212f2.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

那些你不知道的炫酷导航交互效果

南城FE

2022-10-31

一个结构层次清晰的导航是网站必不可少的功能之一，它可以帮助用户快速轻松的找到想要的信息，本文整理分享了几款很不错的导航交互效果，希望可以给你的项目添砖加瓦。

CSS 前端交互设计导航交互

https://static001.geekbang.org/infoq/65/65d1347e43a66747b74256bf0343c8dd.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

那些你不知道的炫酷按钮交互效果

南城FE

2022-09-21

一个好的前端页面在实现设计图的同时，如果也有极强的与用户交互效果，那么给用户带来的体验是极好的。近期整理了一组相对炫酷前端按钮交互动画，今天分享给大家。

CSS 前端动画交互设计按钮

https://static001.geekbang.org/infoq/f5/f504ffc63238410be0a257c911304413.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

音乐体验天花板！14 个网易云音乐的情感化设计细节

张姣发

2022-07-27

众多身份都不能表达我对网易云的喜欢程度。因为它不仅是一款音乐播放器，更像是一个有血有肉、有情感的虚拟人一直陪伴在我身边，治愈着我～你很好奇它具有什么力量，能使用户粘性如此持久，那么我不妨带大家看看网易云音乐中情感化驱动的魅力所在。

创新交互设计网易云音乐

https://static001.geekbang.org/infoq/11/117d2e96f261d71362e5252fede40ad0.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Web 用户体验设计提升实践

Shopee技术团队

2021-11-16

本文是基于 Shopee 供应链团队内部 WMS（Warehouse Management System，仓库管理系统）项目的整体重构，总结而出的一份 Web 用户体验设计提升指南。

大前端 web开发用户体验交互设计可访问性

https://static001.geekbang.org/infoq/00/002bcb25195aacef308c674d10389864.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

万绿丛中一点红——雷斯多夫效应

Justin

2021-02-27

今天要讨论的记忆偏差，雷斯多夫效应，又叫隔离效应。是说，当存在多个相似物体时，我们很可能会记住与其余物体不同的那个。

心理学交互设计 28天写作游戏设计

11.11 数据可视化大屏设计揭秘

京东科技开发者

2020-11-27

本次与大家分享的11.11机房数据图谱大屏，作为这系列之一，以最新的视觉体验和可视化形态为观者传递了机房、网络的实时状况。本篇文章我们将以设计者的身份为大家带来相关见解与分析。

大数据 AI 数据分析数据可视化交互设计

简单交互式页面的思考（C）

Alex

2020-08-19

在写二分树结构时，做了一个简单的交互式页面

指针 C语言交互设计

https://static001.geekbang.org/infoq/90/901647d801320c47d7223fe2da9df548.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

对于一款软件而言，完备的功能固然重要，但交互体验也不该被忽视

Philips

2020-08-17

一般情况下，软件开发的前期设计以及开发的过程中，满足其功能性的优先级要高于交互界面的美观性。以至于业界中众多软件平台的UI设计，与其完备的功能形成落差。对于对美感稍有追求和欣赏能力的用户来说，使用时所感受到的巨大割裂感可能会令其产生剧烈不适。

Java 敏捷开发 UI .net core 交互设计

创作场景

交互设计

推荐作者

推荐标签