设计原则

经验比较丰富的体验设计师在设计一个页面的时候，思维不仅仅停留在某一个界面，而更多的是思考某一个交互流程，某个界面在这个交互流程中扮演一个什么角色，然后再去设计静态页面的同时让...

去年年底，一位深圳的咖啡师朋友找到了我，希望给自己经营的品牌做一个标志，于是有了这个logo的委托。项目完结后，觉得过程好像还蛮有意思的，而自己也有一段时间没有写文字总结类的东西...

在交互设计领域有很多经过了时间的验证的法则定律被认作了标准，那么你都知道都有哪些吗？除非有更好的选择，否则就遵从标准。——阿兰·库珀（交互设计之父） 本次文章主要针对交互七...

文字编排一共分为两篇，上一篇文章讲的是如何设置行高，那这一篇文章主要讲如何设置行长，教大家如何在页面中规定行长使它更加合理并容易阅读。另外我也希望文章的内容由大家来定，我可以...

文字编排一共两篇，这是篇文章上篇，主要讲如何设置行高、行高与行间距的差别。那下一篇主要讲行长，在页面中如何约束行长使它更合理，阅读更舒适。另外我也希望我的文章的内容由你们来定...

图标样式：实心图标 or 线性图标，到底那种风格更适合用户体验呢？ 在设计UI页面时，我们通常需要决定是使用实心图标还是线性图标。它们两种到底哪种风格更符合用户体验呢？ ...

APP的图标作为启动产品的入口，一直是一个重要的视觉符号，为了让用户更好的记忆，其设计通常使用与产品的功能和内容相关，让人看到图标就能联想到产品的功能使用场景等。...

化繁为简，是解决难题的好办法。今天的文章将会教你如何拆分一个动画，以及如何使得动画符合一般物理学规律而变得生动。作为一个动效爱好者，被问到最多的一个问题就是：“我要怎样开始才能...

作为一个UX、UI设计师，我们需要知道如何、何时、何地通过动效来提高用户体验。在本文中，有12个特定的机会可支持用户体验动效的可用性。这些机会称为“用户体验动效的12大原则”，它们可以...

好的设计的关键是什么？好的版面设计要从强大的构图和良好的流程开始。你有没有打开网站，或拿起小册子或传单寻找一些信息，却感觉找不到你要找的东西？你可能会看到一个混乱无序的信息混...

生活中所见到的物体都是立体的，小到一张纸的厚度，大到一个建筑的高度，都是在现实空间中有体积的。于是我们在做设计的时候经常能够听到这样的声音：让这个图形再立体一点！那么这个所谓...

在工作中，有时会遇到这样的一个现象：自以为是最优的设计方案，用户却并不会按照预期的方式使用。每每发生这样的事情都会让我很困惑，用户为什么不听话呢？ 一、 试想这样一个场景：假...

什么是高级搜索？ 搜索是一种从巨大内容中查找所需信息的方法。基础搜索是用于查找项目的单个参数（通常是名称）。高级搜索是一种通过指定包含多个参数的条件从大型项目列表中查找内容的方...

  在日常生活中，我们是不是会经常碰到过“这个东西好难用啊！ ”“找不到厕所的位置，怎么办啊，急死我了！ ”“水龙头的水一直飞溅出来打湿自己的衣服！ ” 如下图所示   &nbs...

让设计品牌化的一些感悟，总结出来希望能够帮到更多的设计师，也欢迎大家交流评论，共同进步 前言 随着互联网飞速发展，市场上出现了越来越多的产品，传统品牌也开启了线上模式，近几...

表单对于企业和个人同样至关重要，当涉及到数据收集时，我们大多数情况下会采用表单(或许是因为在互联网繁荣之前我们就已经在线下使用了很久的表单)。因此建立一个用户友好的表单是增加填...

从具有微型屏幕的智能手表到最广泛的电视屏幕，其中所开发的内容，应以便在各种屏幕尺寸之间进行查看和交互。但针对不同设备的设计更多的只是调整在不同的屏幕上显示的内容大小。它涉及到很...

动画是整个过程的完全独立的部分，必须在评估整个项目时立即予以确认。     首先，我们谈论动画在实际应用中的努力和需求。创建动画设计显然比将其变成现实容易得多，编程...

之所以喜欢这篇文章，并将它翻译出来，其原因是文中的那些动画打动了我，仔细思考每一个动画都能让自己产生很多联想和灵感，借此分享给大家，也是希望大家能有所收获。 当然可能又会有人...

几天前我想参考一下微信里一个功能的原型页面，结果翻了翻xiaopiu的精选广场里的内容，发现我们竟然没有微信的原型资源，难道这就是俗称的“灯下黑”吗？因为太过熟悉反而容易忽略了？微信这个...

今天LOGO研究所 为大家整理日本LOGO设计10+包含LOGO、项目背景以及一些基本的延展效果，希望对你有所启发，欢迎学者转发和收藏，   樱 花 日 料 这是罗马设计师做的一个日本料理品...

在如今的数字世界里，我们通过手机和电脑做了很多或重要或紧急的事。但时不时地，我们仍然需要去访问那些复杂、混乱且粗糙的产品来完成一些任务。而身为设计师，我们的责任是设计出一款值得...

在界面文案的阅读学习中，我发现两种常见的观点：界面必须是用户导向的、设计方法需要改善。然而，真正知道如何行动的人却寥寥无几。 很多界面文案看起来很呆板，违和感太强以至于让用户无...

“ 1985年，当画图工具伴随Windows 1.0诞生时，人们惊喜的发现利用图形界面，用户竟然可以在电脑上绘图了。这些设计工...

主题：卡片分类法是一种用户体验设计中的调研方法，它可以帮助我们分析用户，构建符合用户预期的信息架构。 一个网站是否好用，判断标准之一就是信息组织的是否有条理，用户能否方便地找...

上一篇文章我们讲了黄金分割线，黄金风格线是蛮神奇的东西，是大自然的一种现象。我们不知道是为什么，只知道它非常漂亮。 但是黄金风格线还不止这么多的表现形式。它还有一种更复杂的表现...

动效的设计，最关键的就是对时间的把控，时间是至关重要的。如果不考虑动效时间，你就不肯定算不上是合格的动效设计师。 高级动画师能熟练掌握动画的节奏，时间，速度，构图，结构和动力...

在多年的应用程序设计中，设计师之间进行了多次的探讨，一直在为提高产品设计的质量以及可用性而进行设计。可用性这个词本身就给设计师带来了一种轻微的不满意感。你可能会问为什么，设计师...

网页或App界面的情感化设计，作为用户体验和需求金字塔的最高层级，越来越多的受到设计师们的关注和重视。Donald Arthur Norman， 作为享誉全球的认知心理学家和尼尔森·诺曼集团的联合创办...

本次教程案例较综合，所用软件包括AI、PS、AE，所用插件包括ConnectLayers、Dulk、Newton2。从人物插画绘制到素材制作到牛顿插件动画到骨骼动画循序渐进   写在前面 Newton2牛...

消息中心几乎已经成为了每个产品的「标配」，它让用户能够及时获取到需要知道的消息和提醒并进行处理，同时也让运营者能够有一个渠道能向用户发送重要通知。作为产品的设计者，我们并不能将...

很多人在这个信息爆炸的移动时代，更想看到一些所谓的“干货”，干货到底是什么，可以直接拿来上手的是干货吗？还是需要你经过判断和思维转化再处理得到的属于自己的启发？本篇交互模式大家可...

我刚开始在VWO工作的时候，一直想弄清楚一个问题：企业软件（B2B）真的和B2C应用不一样吗？对于设计师或者设计流程来说，两者又有什么不同？ 这篇文章是我在过去几年里的一些经验梳理，...

如果你经常在AE中为角色设定绑定和动画，那么这个角色绑定脚本 Duik一定会成为你使用中必不可少的工具之一 写在前面 Duik由DuDuF出品的动力学和动画工具 动画的基本工具包含：反向动力...

一款产品在完成界面设计的后期运营宣传包装中常常会用到一些炫酷的粒子动画，今天给大家分享的是Trapcode里的Form插件。   写在前面 一款产品在完成界面设计的后期运营宣传包装中...

《白》是原研哉于2008年出版的一本书，书籍很薄，却有让人醍醐灌顶的感受。这本书不是讲颜色，讲的是对于日本美学源头的追溯。作者也在文中列举了日本宗教建筑，语言，茶道中的“留白”的力...

首先声明此文并没有要黑谁的意思，更未收受任何贿赂，作者纯粹站在专业用户的立场上针对改品牌的设计和服务给出一些个人见解。 Luckin Coffee 最近很火，在这之前我作为一个普通消费者已...

平时的工作中，经常会遇到一些不舒服但是又说不上理由的交互问题。本文作者从争论的点出发，有理有据的说明这些问题，并给出了修改建议，当然作者也说了他的观点并非就一定正确，只是希望...

尼尔森（Jakob Nielsen）是一位人机交互学博士，于1995年1月1日发表了「十大可用性原则」。1995年以来，他通过自己的 Alertbox 邮件列表以及 useit.com 网站，向成千上万的 Web 设计师传授...

精者，精进也。益者，好也。通过精进的思考、修炼和实践，把事情做好，这是我对精益的理解。本篇结合工作中的思考与实践，简谈精益用研之道，以飨读者。   一、用研定位 ...