设计文章

好的UI设计师应该是理论结合实践，好的理论是指导实践，所以今天我带来了这一篇文章。讲讲什么是黄金ux七大定律以及它们如何在UI中的运用。 1、费兹定律 费兹定律（fitts’law) 是心理学家...

我们在做Android移动APP设计的时候，字号的选择也是很让人头疼，今天设计达人网整理了一份有关Android系统字体规范，如果在做Android项目的用户应该看看，如果有任何建议欢迎在留言处与我们...

我们平时使用 widndows，MAC 操作系统以及一些 APP 程序时，确认框中的[确定]/[ok]之类的按钮有的放左边，有的放右边，到底是放在右边正解还是放在左边呢？

使用 Mockplus 软件有段时间了，期间有很多使用者问我组件的设置交互状态怎么用（当然有很多人看了都会用），我就有想把怎样使用设置交互状态的方法记录下来，供初学者参考，今天趁休息时间整理了一下，分...

这是一个创新的年代，如果你的设计千篇一律，哪对用户来说，这是很乏味的作品。所以在满足设计需求的同时，我们可以加入一些趣味性的东西，比如方案、声音、交互细节、图像等等，让页面更加有趣。[…...

📰 设计资讯 Unicode 新增表情符号 近日 Unicode 联盟将发布最新的 Emoji 表情符号列表，确认新增：扭曲的脸、战斗云、芭蕾舞者、虎鲸、长号、宝箱和类似“大脚怪”的多毛生物等表情符号...

一个优秀的APP交互动画不仅仅是弦，而且要实用，有的还要考虑手机的性能等因素，所以想做一个好的交互不并容易，今天摘选自Ramotion公司的一些项目交互作品，交互效果很棒，值得欣赏学习。

在你的表单设计中，你会把错误信息提示放在哪个位置呢？如果它们不符合用户预期，就可能成为用户体验上的障碍。试想，当用户输入错误的信息时，他们首先需要理解错误是什么，然后才是修正错误、重新提交表单。但如果...

通常刚在UI设计培训班出来的设计师经验不足，往往只能把界面做到“好看”而已，却忽略了界面设计中那些重要的设计细节，其实界面有很多设计“小元素”是非常重要而且实用，这里分享一些关于“小元素”的设计经验总...

在当今快速发展的数字产品领域，设计系统已成为提升开发效率和产品质量的关键工具。它们不仅帮助团队实现设计的高度一致性，还促进了不同部门间的无缝协作，同时显著减少了开发过程中的错误和重复劳动。设计系统的核...

响应式web设计对于解决多类型屏幕问题来说是个不错方案，但从印刷的角度来看，其却存在着很多的困难。没有固定的页面尺寸、没有毫米或英寸，没有任何物理限制，让人感到无从下手。随着建立网站可用的各种小工具越...

在B端产品的设计过程中，我深切体会到动效能在很多体验领域起到四两拨千斤的作用。于是我将自己这些年来做动效的思考，结合B端产品的一些固有特点，来和大家聊一聊动效设计在B端产品体验设计中的意义。[R...

我热爱旅行，就和千千万踏上旅行的人一样。多一份独处异乡的体验，试一次全新的生活场景，旅行所带来的这种感觉无可替代。作为一个设计师，上个月我给自己分配了一个任务：复盘Passpod App的重设计...

本文重点介绍两种可用于设计需求优先级排序方法论：一是波士顿矩阵分析法，属于定性分析；二是KANO模型分析法，属于定量分析。 [……]

1. Design System Design System 是一个专注于分享设计系统的示例代码、设计文件和维护设计系统故事的资源网站。你可以在这里找到很多构建和维护设计系统的灵感以及实际应用示例...

在人工智能迅猛发展的时代，设计领域也迎来了前所未有的变革。MotiffAI与妙多一起，致力于探索人与AI共同协作的新方式，通过一系列先进的AI工具，提升设计效率，创造更好的设计体验。本文将介绍Moti...

今天给大家介绍一款简单实用的原型交互演示设计工具—摩客串串Chinco。

去年我们发布了 Gyroscope 以来，许多人问过我们做动画用的什么 JavaScript 库，我们也曾想过将它公布于众，但实际上那并不是奥妙所在。

“是能点还是不能点呢？”这是当用户在面对一些操作按钮时，大脑中所迟疑的问题。

译者推荐：参与式设计并不是一个非常新鲜的设计方法。但是参与式设计在使用上难度比较大，在国内很少使用。文章讲述了如何在实际中运用参与式设计，并且结合案例，可以让读者对于参与式设计有深度理解。[̷...

界面设计中常见不可点击或被禁用的按钮，只有达成某些条件后，按钮才能解除禁用。禁用按钮的处理有多种处理方式，但设计思路可以概括为两种类型：「召唤类」与「工具类」按钮。 一、召唤类按钮的禁用状态 在召...

字体来源及授权：https://mp.weixin.qq.com/s/3X9j26oaVfwaZ9GcROMPWw 鸿雷行书简体是由鸿雷字记发布的一款手写行书风格的中文免费商用字体，并在官方公众号（l...

组件化，就像乐高拼图一样，整个网站是由一些组件拼接而成，这些组件可以独立使用，也可以拼接在一起，这样程序员开发时就能按照你的组件进行组件化（模块化）开发，是非常灵活的工作方式。

在UI设计中，原型设计并非是自己可有可无的工作环节。很多UI设计师存在一个误区，认为原型设计是他人的工作，而自己是负责实现的。事实上，这种想法不利于自己的成长和职业发展。今天设计达人和大家分享原型设计...

今天给大家带来的是亚马逊排版的设计，应该也是第一次做亚马逊的版式拆解，还有现在亚马逊的画面，也是与国内的电商主图做一个同步，都是采用手机端的尺寸去设计主图，我不知道大家有没有开始做3:4的比例的尺寸了...

无论是网站还是APP UI设计，适当的适用交互动效，会使得你的界面更有吸引力，甚至令人着迷，现在使用交互动画已经越来越流行，如果你不加点动效上去，哪么你就真的凹凸曼了。

昨天微信更新了IOS的新版本，有几项比较明显的设计细节做了修改，今天作者就和大家一起聊聊具体的修改点和我对这些修改的思考。废话不多说我们直接来看图。

这一年都在做人机交互相关的项目，这些项目和我工作前几年的工作不太一样，所以本篇文章我打算写一下自己对交互设计和人机交互的一些看法，如果读者对这个话题有自己的看法，可以在评论区留言交流。[…...

Tab bar 作为整个APP的第一触点，给用户传递的理念及信息在整个APP中具有不可替代的重要性。我们的第一感受是粗糙或是精致，都会通过这个简单的操作切换而得到。因此 tab bar 的设计，往往也...

在过去两个月，从国外的Google I/O、Apple WWDC、Facebook 开发者大会，到国内的飞聊、QQ改版、豆瓣FM 6.0，可以看到很多关于交互设计上的趋势。同时，我从日常的产品体验中...

语音 AI 应用迎来新的开发利器。AI 语音技术公司 ElevenLabs 正式发布了 「ElevenLabs UI」 —— 一个专为 AI 音频与语音代理场景打造的开源组件库。它不仅为开发者提供...

最近发现有一种交互样式已经越来越少，已经快被UI设计界抛弃了——那就是悬停高亮色[……]

对于淘宝APP设计体验已经相当不错，但依然还有升级的空间，细节决定成败，大方面做好后，还得从细节方面入手，这里面的体验升级有什么设计秘诀吗？让我们来一起看看淘宝最新设计升级背后的故事[…...

几平每个购物网站都会有一个购物车功能，它可以算是不可缺少的重要组成部分之一，也许你已习惯了右上角的购物车体验，也想不出创意的点子，那么建议看看 codyhouse 的新作：「添加购物」交互效果，也许会...

对于交互设计师而言，在画完原型图后还需要撰写一篇规范的交互文档，这不仅能更好的与团队对接，同时让交互原型更能清晰表达出来，今天分享交互文档的撰写经验和文档的Axure源文件，希望能给大家带来帮助...

今天来分享一下工作中非常重要的协作问题。

一个产品的成败，其交互设计起着很重要的作用，所以为什么很多公司愿意花重金招聘 UX 设计师，比高级视觉设计师的薪资还要高。作为交互设计师应该多使用 APP，多参考其它优秀的 APP 交互体验，这样才能...

随着3D设计和游戏开发的不断发展，高质量的纹理素材和3D模型已成为创作者必不可少的工具。很多设计师和开发者都需要大量的素材资源来提升项目质量，而购买这些资源通常需要投入大量资金。如果你正在寻找免费...

自PC时代（包括智能手机、电视机）以来，计算机操作系统的用户界面中含有各种各样的控件元素以及操作规范。也正因为界面元素和操作的不同使其形成了自己独特的系统特征。不同的可穿戴计算设备也同样有着不一样的系...

Mockplus 目前是国内比较流行的原型设计工具，功能上，相比Axure不算全面和强大，但在不少功能上有它独到之处。

武侠小说中有“走火入魔”一说，指的是武功修炼过程中内力/内气走错方向，造成不同程度的后果。同理，在入门交互设计时，如果学习步骤有误，轻则会演绎出“交互设计，从入门到放弃”，或者是东拼西凑，尽是零散的知...

在数字产品展示中，样机效果图始终是最直观、最具说服力的呈现方式。相比传统的静态模板，今天要推荐的这款工具——Mockify，打破了你对样机生成工具的固有印象。它不仅完全免费在线使用，更像是一款简易3D...

虽然只是一个简单的下拉刷新动效设计，但是设计思考的时候，你只是想换个展示的图案呢，还是只想提高一些趣味性就ok了呢，还是说可以再深入点思考，从表到里的展示出品牌故事特性，加深用户对品牌的印象？~最后希...

在交互设计中，设计师与目标用户的联系很密切，我们需要时刻考虑用户在什么场景下做了哪些操作，确保产品功能好用、易用，符合用户的操作。

​在手机淘宝中，大至链路的衔接，小至一个按钮的点击响应，动效是体验无处不在的润滑剂，为用户每一步的操作提供了合理的预期与过渡。而通过动效衔接不同界面或不同响应状态，无论对流畅直观地表达流程意图，还是精...

前言：在用户体验设计中，微交互变得越来越重要，它不仅指导用户使用产品、减少出错、安抚情绪，更是一种积极有效的沟通方式。在不断发展的互联网环境下，利用微交互加强与用户的互动，成为产品持续用户满足用户需求...

近些年，WPS 组件页在完善基础功能的同时，增加了许多新功能。新功能的持续增多，虽然满足了用户更广泛的需求，但也使界面中的功能入口越来越多，一定程度上增加了用户的认知负担。 […̷...

一、UIED SVG简介：高质量SVG资源的一站式平台 UIED SVG 是一个高质量的免费SVG图标资源平台，专为设计师、开发者及创意团队打造。该平台整合了多个优质开源图标库，提供 AI图标...

检视用户如何去浏览网页内容的一个关键关键模式，这将有助于指导页面设计，提高用户的交互行为。

知名设计增强工具 FigmaEX 发布了最新版本 125.9.10，Mac 与 Windows 平台的汉化客户端现已同步上线。新版针对上周部分用户反馈的问题进行了修复，并与 Figma 官方版本保...

作者： 陈允信，来源：设计便利店 ▲https://www.behance.net ▲https://dribbble.com ▲https://abduzeedo.com/ ▲https://the...

在设计 - 开发协作中，“规范不统一、组件还原难、多平台适配繁琐” 是高频痛点 —— 设计师手动绘制的组件可能与开发框架不兼容，开发还原时又需反复确认尺寸、色彩等细节。而 Google 官方推出的...

“这次我们与谷歌再次合作，重新定义在不同的设备上的图像使用标准。 我们核心的设计理论还是以简洁加抽象为基础。这一套视觉语言，能够清晰的描述不同的设备，不同状态，解释应用功能以及用户的交互。” R...

来自国内开发者的新工具 Lotties 文件编辑器（Lottie Editor X） 正式上线，为设计师和动效从业者提供了一款高效、简洁的动画编辑解决方案。该工具支持快速修改 Lottie 动画...

“工欲善其事，必先利其器”；作为设计人员来说，设计方法和设计模型就是辅助我们更好做设计的工具。就像厨师做菜时候的菜谱一样；面对新的菜种，能更快指引我们做出味道不错的菜肴[……]

在产品开发过程中，制定清晰的产品路线图是非常重要的，它帮助团队明确目标、制定计划，并确保项目按时交付。然而，设计一个有效且直观的产品路线图往往需要一定的时间和精力。Slugmap是一个在线产品路线图生...

在创意设计与数字内容快速发展的时代，Jitter 正成为越来越多设计师和团队的首选动效设计平台。该平台的使命非常明确——让每位设计师都能轻松制作动画（Make motion accessible ...

著名魔术师达里尔·菲茨基（Dariel Fitzkee）曾经说过，“魔术既要有细节也要有表演。”交互设计就是这样。设计师们想把页面布局作好，如果细节处理不好，解决方案便会失败。魔术就在于细节。这就是为...

组件化，就像乐高拼图一样，整个网站是由一些组件拼接而成，这些组件可以独立使用，也可以拼接在一起，这样程序员开发时就能按照你的组件进行组件化（模块化）开发，是非常灵活的工作方式。

业内有很多人觉得手势交互没必要拿出来深究，觉得用户使用产品的过程中，自然而然就会去使用拇指，进行手势操作。但这种说法，就跟「用户心理模型」类似。当然，对于用户来说没必要深究手势交互，但作为设计师，如果...