设计理论

随着Material Design的流行，卡片式设计几乎成为当前界面设计的主流模式，并且已经深入到各个行业、领域的UI设计当中。卡片作为信息载体，也使得卡片式UI成为现代网页设计和移动应用设计的...

日本平面设计大师原研哉说过，平面设计的本质是美化信息。既然如此，那么美又有哪些标准呢？我认为轮廓（造型）之美是基础。 任何一个图形都有轮廓，否则就不能称之为图形，轮廓决定了图...

什么是社群?有共同爱好、需求的人组成的群体，有内容、有互动，由多种形式组成。相比于APP用户，社群具备了情感层的纽带，提升了营销和服务的深度，建立起了高忠诚度的“会员体系”，也是企...

指纹识别是以前做过的概念版小案例，当时做的时候，出现了很多小问题，回过头总结一下帮助自己加深记忆，也希望能够帮助到大家～这是一篇满满干货的文章，相信对设计师要做试问识别非常有...

本文中，我们讨论了关于网页正负空间的格式塔原则。文章虽然有点长但讲解详细，希望能对你有所帮助。 备注：翻译过程中为了适合我们的阅读习惯，有对原文进行一定的...

译者声：去年双十一成交额再度刷新纪录，2135亿！我们今年的“需求”真的要比往年多出来那么多吗？还是那些把人绕晕的促销手段和一张张火红热闹的界面让人们杀红了眼；你有没有被默默帮你勾...

“层次感”这个词在设计中的出现频率是很高的，主要体现在信息层级关系和视觉丰富度这两点，而缺少层次感的设计会给人一种信息杂乱、画面单调的视觉感受，甚至枯燥、乏味，这也恰恰...

前言 视觉和交互同学在沟通时会听到以下对话： 视觉同学：“ 这个内容我想换个位置，可以吗？”“ 我可以用另外一种布局方式嘛？”… 交互同学：“ 你这里的表达有些歧义，用户...

在日常的设计工作中，我们经常会碰到：“因为作品中视觉元素过多，导致整体视觉主体不够凸显，使得画面杂乱、缺少主次关系、甚至有些轻浮”。这种现象会极大的影响设计作品的视觉表达以及信...

实体名片还有其非常大的作用，在这里为你提供具有影响力的21款创意名片设计。 2019年，公司的大部分业务可能在数字空间得以实现。但这并不意味着实体印刷是一种无效的方式，它依然能满足...

前言 文章从常规的banner广告去展开叙述，对当下常见banner的设计风格等进行剖析，并融入自己的思考和总结，着重从用户的角度去思考一张banner广告的从0到1的过程。 我们分三个维度去探讨...

最近发现了一个非常优秀的作者@木七木七，他写了一篇关于语音交互设计流程的文章，内容非常详细，是个很棒的文！剖析的很到位，阅读完后我现在也对VUI（语音交互设计师Voice User Interfac...

滑块的使用已经不是什么新鲜的设计方式了，作为一种标准UI控件，滑块在设计上被广泛用于选择某个值或值范围。滑块之所以在可以设计上大显身手，最主要的原因就是它可以让用户快速浏览一系...

“所见即所得”原则我记得在之前的文章中就提到过，但是没有详细说明。最近在体验一些产品时，发现很多交互设计上的坑都可以归纳到“所见非所得”上。   所见非所得 我们可以首先来看...

Office图标的更新频率实在是不高，上一次更新我都不记得是什么时候了，但它的每一次更新都是一个流行趋势的代表，以Word图标的更新轨迹就能看出来，仔细看这些风格是不是都是那些曾经流行的...

哈喽家好，我是研习设的小凹，惊不惊喜，意不意外？我终于见光了！这算是我第一次跟大家正式见面，之前我们隔着电脑，手机来观看学习教程，以后，我们就可以面对面的进行交流了。? ...

这是数据可视化设计系列文章的第二篇，我们重点探讨设计执行相关的话题，我主要从布局和配色两方面进行阐述。 往期文章：《数据可视化设计浅析与研究（一）》    第一部分...

原型图的交互说明是针对原型图内容元素的解释文字。清晰准确的交互说明能够起到以下作用：减少交互设计师与产品上下游人员的沟通成本；提升协作效率；避免项目返工延期。 原型图交互说明...

当我们看到一件设计作品的时候，往往映入眼帘的先是配色，然后才是其他的内容，配色的好坏，直接决定了我们对这个作品的第一印象。当然，选中一个合适的配色绝不是一个偶然的事儿，这其实是...

  “ 我把品牌看做魔鬼或神灵，诞生于虚无之中， 越是崇拜它、了解它、关注它，它就会...

去年参加阿里云栖大会的时候，见过一个巨大的 DashBoard 数据液晶大屏，用来展示安全生态领域的可视化数据，当时给我的印象就是「哇，好酷！」，然后，就没有然后了…虽然当时设计得很酷，数...

互联网大厂UED团队设计流程，通常有以下流程阶段：产品需求 > 需求评审 > 交互设计 > 交互评审 >视觉设计 > 视觉评审 > 开发走查 > 可用性报告   UED团队设...

  一、什么是响应式？ 按照本人自己的理解，响应式就是通过合理的设计方案配合规范的技术实现策略，使同一个Web页面在各个终端（设备）不同分辨率屏幕上都能有最佳的用户体验。 ...

前言 凡是需要立体感，就必须要处理好高光和阴影。想必这一过程对设计师来说并不陌生，今天我们要教大家的一种渐变方法，可以很快速的制造出立体的效果。这就是我们今天要学的放射型渐变。 ...

前言 渐变究竟有哪些实现方式？ 为什么渐变除了用色还应注重用形？ 为什么说不同的设计思路做出的渐变是迥然不同的？ 虽然实现渐变有各种不同的方法，我们在此归纳了九种实现渐变的主要方...

写在前面 很多新人在开始做移动端UI设计的时候，往往对界面的一些尺寸规范不是十分清楚，很多时候都是凭借自己的感觉和经验去绘制界面，心里并没有一个清晰的概念，导致做出来的页面总...

原创难吗？也许这个方法可以给你启发。   一、原创是一种态度 1.每个人都拥有原创能力 原创对于设计师来说，就好像歌手独一无二的声音。每个人都拥...

设计中的重复是什么？ 在平面设计中，重复构成是常用的一种构成方法，通过重复可以使画面达到和谐、统一的视觉效果，并能加强给人的印象，也可以达到一种有规律的节奏感和形式美感。 排...

单选按钮和下拉菜单是两个非常重要的输入控件，当用户输入时，他们都可以互换使用。但它们在不同的场景中的使用有不同的效果，本文主要讲述关于它们使用的7个规则。     &nb...

你已经接近你的设计项目的终点了，但最后一步你难倒了：选择一种配色方案。 让我猜一猜：当涉及到设计（任何事情）时，你很难选择正确的颜色？ 你已经组织了布局，确定了内容，甚至选择了...

瀑布流这种方式越来越多的出现在我们的视线当中，随着 Pinterest 在 2011 年开始走红，瀑布流模式被越来越多的 UGC 为主的相关网站进行承载使用，大家所知道的花瓣、小红书采用的就是瀑布...

对如今的UX设计师来说，会点动效什么的基本已是常规操作了。作为UX设计师，动效可以辅助的产出可以涵盖界面交互动效、项目宣传MG动画、产品吉祥物表情包、年终汇报PPT等等...

旅行时我们顺利到达一个又一个的目的地；生病时我们快速地找到医疗科室；超市里我们在数以万计的商品中找到心仪的商品，完成这些事情我们不经意间借助了无数的引导，可能是路边的指示牌、...

我们对公众号都很熟悉，每天我们都会在碎片化的时间里刷刷手机，看看微信公众号里的文章，今天可能被服务号推送的美妆推荐软广种了草，明天又可能被朋友转发的咪蒙鸡汤洗了脑。微信公众号...

本篇文章立足于视觉设计方向中的版式编排作为出发点，以可视化的形式对版面进行划分，让大家更好的理解版面编排所用到的一些方法。   原文地址：站酷 作者：Martin_K  ...

闲暇时日，抱着靠枕躺在沙发，似有阳光从露台照进客厅，索性拿了枕头遮住眼睛。办公桌上的电脑还在放着最喜欢看的美剧，但是今儿这种声音反而有助于睡眠，说不定在梦里还可能想起一件小事...

总是有很多设计师给我发工作做得图片过来交流，然后说自己工作做的东西总是很规矩，没有什么亮点。我觉得大家真的没必要特别纠结，我们不是在做艺术品，大部分时间，我们就是在做一些中规...

如果问大家：你在公司最大的感受是什么？相信，五花八门的回答之后，一定有“产品/服务迭代快”的身影。谈到产品迭代，就离不开一种方法——卡片分类。上一期研子同大家...

第二部分.非语言类沟通的设计 1.信息排布 机器人和用户的头像及其消息的排列方式也不应随意。以下有两种最常见的对话显示类型   A.头像 消息对齐（在多数情况下左对齐）一个个纵向...

在本文中，我将向您展示一项项目研究，它描述了一个B2B网站设计会话UI的完整过程，包括对话脚本的片段、通信理论的基础和一些我认为使这个项目具有独特性的技巧和途径。   开始 在20...