首页

11个超实用的数据表单设计技巧，全是关键知识点！

双双 交互设计及用户体验

数据表单是一种常见的平台设计样式，在看似乏味呆板的设计中，沉淀着许多优质的设计体验方法。尤其是在信息组织、信息传达、信息承载和阅读性方面，数据表单蕴含了许多设计规则和设计模式，使用户能够轻松地获取、处理信息。该篇文章介绍了固定表头、固定侧栏、自定义栏、分页器、过滤器、数据排序、多选项同时操作、简单且简约、普通的字体样式、项目链接、鼠标悬停这 11 个设计指南，为大家提供有关数据表单设计的实用性建议...

阅读全文>>

评论(0) 浏览(371)

从功能、交互和UI看，如何进行数据表格的设计

双双 交互设计及用户体验

表格和网格一直是产品和后台面板的重要UI组件。然而，即使到了今天，也很容易找出设计不当或用户体验不好的数据表。   今天我们邀请了 Gil Bouhnick ，来跟大家一起聊一聊「如何设计出一个可观的数据表」。   接下来，就进入正题吧～   我使用过 30 多种 SaaS 工具和 SDK ，经常用它...

阅读全文>>

评论(0) 浏览(303)

涨姿势！写给网页设计师的网页设计简史

双双 网站设计文章及欣赏

编者按：互联网的诞生本就是一个奇迹，作为其中最重要的载体之一，网页就是这个大时代最重要的缩影，相关技术、设计伴随着信息共享催动着整个时代滚滚向前。这是一段简短的网页设计发展史，我们可以看到技术、设计与思想的演进，看到无数有识之士改变世界的剪影。本文作者是网站Froont.com的联合创始人Sandijs Ruluks。 当我发现设计网页有多投机取巧的方法之时，就逐渐开始对手打网页...

阅读全文>>

评论(0) 浏览(305)

B端典型表格设计

双双 交互设计及用户体验

什么是表格？ 表格页是公认为展示数据最为清晰和高效的形式，它的信息密度极高，就像是一个家庭衣柜，里面很多抽屉，我们需要把衣物整洁摆放收纳，提高空间利用率。 表格页由三个部分，如下图所示： 一、数据查看 数据查看可通过四个维度去自检设计是否合理，分别为信息降噪、呼吸适中、高效易读、详情查看。 1、信息降噪-内容 ...

阅读全文>>

评论(0) 浏览(266)

实战经验！如何做好网页后台的表单和表格设计？

双双 交互设计及用户体验

一个完整的后台，由菜单/导航、数据/图形展示、表格、表单、控件/组件以及弹窗等构成，下面跟大家分享后台中的表格和表单的设计细节。 当接到一个全新的网页后台项目时，首先确定设计风格，然后考虑这个后台尺寸是做居中固定式，还是全屏响应式。全屏响应式的网页设计，除非有规定，否则你可以选择任意主流尺寸作为基尺寸来设计网页。当然，不管选择什么尺寸，都得基于做好一个后台而开展工作。 如何定义一个...

阅读全文>>

评论(0) 浏览(320)

超多案例！B 端后台类产品的图表设计思路及方法

双双 交互设计及用户体验

随着大数据的兴起，数据价值的不断挖掘，图表作为数据呈现与分析的有效手段，正扮演着越来越重要的角色。我们在进行 B 端平台设计时也在思考：如何让图表清晰的传达信息，同时带来美观的视觉感受。 为了达到清晰传达和视觉美观的目标，我们结合实际项目，进行大量探索及思考，梳理总结了一套适用于 B 端后台类产品的图表设计思路及方法，涵盖了曲线图、柱状图、饼图、雷达图、漏斗图等各类常用图表类型。...

阅读全文>>

评论(0) 浏览(307)

数据可视化设计必修课（一）：图表篇

双双 交互设计及用户体验

图表是数据可视化中最常用的一种表现形式，一定要吃透它。 随着互联网数字化越来越完善，数据可视化这个词的使用频率也越来越高，而图表是数据可视化中最常用的一种表现形式。无论是工作汇报还是后台设计，都离不开图表的使用。然而关于图表类相关的资料太零碎了，不成体系，对于初学者非常不友好，本篇文章我从图表的祖辈开始，把它都给挖了出来，希望对你有帮助。 什么是图表 图表...

阅读全文>>

评论(0) 浏览(311)

超全！B端通用界面设计法则全方位科普！

双双 图标设计文章及欣赏

很多产品经理和设计师在设计 B 端产品界面的时候不知道该怎么办，今天笔者给大家汇总了一些 B 端典型界面及其设计原则，帮助大家从容应对界面设计，不再不知所措。 Dashboard Dashboard 页通常作为产品的首页出现，产品内各种重要的数据和信息都会展现在 Dashboard 上。用户可以通过点击 Dashboard 上的卡片或卡片上某条数据，快速链接到详情，这大大缩短了用户获...

阅读全文>>

评论(0) 浏览(484)

版式设计没思维？这样做让你事半功倍！

双双 图标设计文章及欣赏

再过几天就又双叒叕到「双十一」了，身边的许多朋友已经开始忙着囤优惠券，找链接了，而做为「设计“狮”」的我却还在连夜赶着各大品牌和公司的「宣传海报」，整天埋在做图—改图—再做图的循环中，不知道各位设计大大们最近的生活是不是也跟我一样呢。 好了，在开始今天的干货分享之前，我想先请大家一起来看几张海报： 看完之后，大家有没发现这几张海报有什么特点呢？ 没错，他...

阅读全文>>

评论(0) 浏览(392)

搞懂这7个图标设计原则，你就能像专业图标设计师一样

双双 图标设计文章及欣赏

编者按：设计原则总是看起来简单抽象不言自明的，但是在细分的设计领域，这些原则其实有着各自不同适用情况，有着「特定的条件」。图标设计，就是如此。今天的这篇文章，来自专业的图标设计师 Helena Zhang，她结合自己制作 Phosphor 系列图标的经验，来分享她对于图标设计原则的理解。 这些设计原则就像一份清晰的设计框架，或者设计自查表单一样，帮你规避设计陷...

阅读全文>>

评论(0) 浏览(372)

分类

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档