这个控件叫：Popover/ 气泡弹出框 / 弹出式气泡 / 气泡

鉴于国内交互设计名词混乱不统一，很多设计师不知道如何用专业术语称呼一个控件，因此我开了《这个控件叫什么》专题，梳理控件的名称和使用事项，希望能为推动交互设计发展，做出一点微小的贡献。Popover（气泡弹出框/弹出式气泡/气泡）是由一个矩形和三角箭头组成的弹出窗口，箭头指向的地方通常是导致Popover弹出的控件或区域。通过点击Popover内的按钮或非Popover的屏幕

产品设计 2017年09月08日

超简单！10 张图秒懂UI和UX到底有何不同？

@墨刀_MockingBot ：UI 和 UX 到底有什么不同？一图胜千言，我们整理了10 张形象生动的图片，告诉你 UI 和UX 的区别到底在哪里。有哪些不容易搞懂的差别？《术语小科普！聊聊线框稿、视觉稿与原型的区别》《UI设计师来收！FLOW CHART 和 UI FLOW 有什么差别？》如果说 UX 设计师是一个站在 4000 米山上远眺产品整体格局的人，那么UI设计

产品 2016年08月30日

专访丨从 GOOGLE 到 AIRBNB，这个萌妹子想让设计更有温度

UX Coffee 设计咖 是一档为产品设计师和关注用户体验的同学准备的播客节目。三位主播都在硅谷工作，每期节目我们会邀请业界大咖聊聊和用户体验设计相关的事。这期我们请到了Airbnb设计师Sunny（王莹）来我们的节目作客。以下是 Sunny 提供的 podcast 文字版本。大家好，我是 Sunny，中文名王莹，现在是Airbnb的体验设计师，坐标旧金山。我是长沙人，中

产品 2016年11月17日

网页设计技巧：让这些数学理论来为你网页设计撑腰

数学是一门逻辑性非常强的学科，在设计中，多是与网页设计、网页设计、用户体验等领域相关，这种逻辑性的思维是设计师不可缺少的。如果简单的比较网页设计和数学的话，应该说是做设计和解数学题，把一切可能性通过强逻辑产出，理性的思考和清晰的布局等，或许就能把一道数学难题解决，但是在网页设计上除了强大的逻辑和理性的思考之外，另一方面，还需要感性的因素。当笔者们很小的时候，就接触到了画画，

产品 2017年01月04日

为什么这些 UI 设计很糟糕？什么是好的 UI 设计？

UI（User Interface），即界面设计，它是网站、App给用户在感觉（视觉、触觉、听觉等）和情感上带来的第一体验，包括人机交互、界面逻辑、界面美观设计三个方面 。简单来讲，UI不仅是一种表现形式，更是用户对界面的体验和信息交互意愿。显而易见，好的UI设计不仅让软件有个性、品位，还让用户操作简单舒适，从而进一步体现软件的定位和特点。那么，到底什么才算是好的UI设计呢

交互体验 2017年10月31日

形式追随功能！聊聊卡片式设计的基础概念和运用方法

编者按：卡片式设计有什么优点？什么时候可以运用卡片式设计？最近腾讯设计师leey 在项目改版中也运用了卡片式设计，发现效果不错，所以希望借在项目里的思考与尝试，抛出引子，供大家参考。在互联网产品中，除了内容型外，一些功能型的产品信息内容也是相当巨大的，特别是管理控制系统，业务管理、功能操作、数据展示等。在信息量这么大的页面中除了重视内容质量外，形式功能的组织与呈现也是同等重

产品 2016年07月24日

电商实战！从京东分会场学到的模块化设计方法总结

Xueyuan：在电商的世界，似乎一切时间都可以和购物挂钩，5.20、6.18、11.11、12.12、年货…..；有购物节就要有各种各样的会场进行促销展示；面对越来越细分化的类目会场，作为设计师需要把多达几十个会场一一设计出吗？NO！如何提高设计及后续工作的效率，似乎在工业产品的标准化零件中找到了答案——标准化模块设计如果将会场比作工业产品，模块即是零件，动线即是图纸；使

产品 2017年06月19日

神器两连发！快速生成文字云效果 + 预览字体运用效果的网站

@你丫才美工 ：今天推荐的两个神器，一个是超方便的文字拼接图生成工具，一秒生成酷炫的文字云效果。一个是能直接预览字体实际运用效果的网站，以后再也不担心选错字体啦。文字云大家都见过这种靠文字组成图形的元素，用在很多PPT或海报里瞬间拔高逼格有木有！今天阿昕就来强势安利一个可以快速生成这种效果的在线工具，方便又好用！做出来是酱婶的：看着很不错啊有木有！那么今天阿昕就带大家来试一

产品 2017年05月19日

没思路？教你从空间/变化/形式3个方面搞定电商banner排版

@谢思靖 ：什么是真正好的排版，我觉得起码要做到清晰易读、信息突出并且观感上舒服好看，在这个基础上有突出的设计感、形式感，就是正真好的排版。怎么做？3个部分决定排版的步骤和方法，咱们分步来说。 空间是文字之间、图文之间的排列关系，是排版的第一步和基础，一张图的空间关系即构图自一开始就影响到整体的走向和最终的成型，所以在设计之初，一定得经过深思虑，深入了解文字的多少、图形的类

产品 2016年06月03日

「薛之谦憋大招 H5」制作过程详解

文章来自薛之谦H5制作团队的经验总结，记录了H5的整个制作过程，主要对H5的设计构思以及动画设计进行细致的分享，希望能够对大家有所启发。 不知大家有否见过这样一个H5： 这则名为《薛之谦2个月没写段子，结果憋了个大招》H5在微信上发布3小时左右，PV已经突破120W。正如title所说，这是薛之谦憋的一记大招，也是品牌团队、公关传播和创意设计团队整齐抱团憋的一记大招。刷屏期

产品 2017年01月08日