设计分享：设计可复用表格

“如果我有一个小时去解决问题，我会花55分钟去思考这个问题，然后用5分钟来想解决方案。”——佚名我们是来自CareerBuilder的交互设计师Havana和视觉设计师Ada，我们的视觉设计负责人Mark Patterson给了我们一个任务：设计表格的UI规范，用在包含不同用例和不同目标用户的产品线上。我们使用到的方法涉及到快速确定目标和问题的核心，并在早期通过测试验证我们

用户研究 2018年01月02日

单元格动态合并

前言需求是第一生产力。实际业务中的表格往往各具特色的复杂，N行N列的简单表格基本满足不了需求。今天跟大家分享的“成果”就来源于实际项目需求。因为我的项目基于MINIUI开发，所以这是一个站在巨人肩膀上的果实。但也不局限于仅仅在MINIUI上才能使用，分享的是合并单元格的一种生成思路。只要您能满足以下三个条件同样也能变着法儿地适用：①能取得表格中所有数据；②能取得指定行列数数

业界 2016年07月06日

手机端表格设计

表格似乎和移动设备很难融合，强行贴上还真有些毁三观。即便是想方设法地避免，也总会有因为这样那样的原因，而不得不同时面对它们的时候。其实有很多方法可以优化手机端的表格，但是可能不一定每一种都适合你遇到的情况，所以我整理了一套循序渐进的处理方法。Level 1. 整理信息假设你在设计一款类似微信聊天群的功能，PM给你一张“成员信息表”，并要求你把它放在群成员管理界面上。这张表格

产品设计 2017年11月26日

复杂中见条理 —— 数据表格设计点集合（上）

数据表格中也包含着很多易忽略的设计点。数据表格是很常见的设计元素。常见，以至于自己设计时会欠缺更加深入的理解与思考。尤其是工作后接触到了很多后台系统，企业级系统等，更发现数据表格作为数据的载体，其实占据了比较重要的位置。它可以把数据，任务，有条理地归类。可能对于面向消费者的产品来说，数据表格的重要性没那么明显，但对于复杂系统来说，它们的背后，是成千上万的数据，而这些数据都需

产品 2017年08月16日

web 表格设计攻略

在后台管理系统、数据类产品等的设计中，表格作为一种常见的信息组织整理手段，甚至是web页面的基础设施之一，其重要性不言自明。结合最近做的几个项目和相关设计经验总结，特此整理出这样一篇设计攻略，希望能够对你的设计有所帮助。表格的定义与用途表格的定义表格是用来收集、整理、组织、分析数据的二维矩阵。一般来说，由行、列分割而成的单元格是构成表格的基本元素。表格的行、列之间相互独立又

产品经理 2017年07月13日

【翻译】更好的设计数据型表格

【翻译】Design Better Data Tables一、了解数字不是所有数字都是均匀的或相等的。这里的数字指的不是π或者无穷，这里说的数字可能是表格式、复古风格的，或者是衬线字和等比例分布的数字。下面是一个关于复古字和衬线字的简单对比：复古风格的数字在句子里面看起来比较美观，因为他们在英文的句子里面更加匹配小写字母的大小和留白。衬线的数字就显得更加证实一点，并且可以有

产品经理 2017年06月27日

产品设计中，如何优雅地呈现数据的展现形式？

如今的产品设计已然不是图形表达，而是如何做好数据表达。本文内容所讨论的是关于在产品设计中设计师应该如何表现数据的展现形式。尽管数据展现并非是所有行业领域的设计重点，但在特定范围里，如：行业经济数据，体育博彩数据，棋牌竞技数据，交通里程数据，个人成就数据等等，其内容是整个产品中不可或缺的一部分。该如何将各个维度的数据恰如其分的表达出来，会成为设计师的工作重点，这比单独的图形版

产品经理 2017年06月28日

Web 页面中的表格设计，远没那么简单

表格的设计远远没有想象的那么简单，除了纯粹的数据展示，现在的表格越来越兼顾到一些导航的功能在里面，不仅仅纵向展示数据，在横向方面也做了相应的扩展。本文作者将来详细聊一聊表格。作为页面布局的重要组成部分，表格的身影随处可见。了解与熟知To B业务平台软件设计的工作人员都应该知道，表格在平台应用中的重要性。表格出现的概率不是一般的多，内容信息的排列布局、大量数据的展示、众多功能

产品经理 2017年04月25日

这样做 PPT 表格，才有商务范！

在进行工作汇报PPT制作的时候，常常会涉及到表格的制作，那如何进行表格的制作，才符合职场的需求，今天在这里给大家提供几个案例。上面这种表格是我们在大多数情况下都会看到的一种PPT表格形式。存在着不少的问题，下面我们对它进行拆解分析。问题诊断字体这张幻灯片的字体用的是“宋体”，而通常来说宋体多应用在印刷或者有中国风的PPT当中，使用在商务场合多有不当。表格表格的第一行字体采用

产品经理 2017年02月27日

表格设计的六种打开方式，正确提升表格的阅读效率

本文主要从提升表格的阅读效率的角度给出设计方法。在设计数据类产品、后台配置产品时，PD 常常会指着一块地方说「这儿放个表格，需要有balabala…」，而表格的结构不外乎这几种类型：垂直布局水平布局矩阵布局水平布局：邮箱是一种典型的强调行的表格设计，它弱化了列的概念，阅读信息的视觉流是从左到右，一条一条的阅读信息。这种排列方式强调信息的连贯性，适合大量信息的浏览。大多数的表

产品经理 2016年12月20日