首页

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

双双 交互设计及用户体验

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

阅读全文>>

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

双双 交互设计及用户体验

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

阅读全文>>

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

双双 网站设计文章及欣赏

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

阅读全文>>

B端典型表格设计

双双 交互设计及用户体验

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

阅读全文>>

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

双双 交互设计及用户体验

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

阅读全文>>

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

双双 交互设计及用户体验

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

阅读全文>>

数据可视化设计必修课(一):图表篇

双双 交互设计及用户体验

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

阅读全文>>

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

双双 图标设计文章及欣赏

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

阅读全文>>

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

双双 图标设计文章及欣赏

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

阅读全文>>

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

双双 图标设计文章及欣赏

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

阅读全文>>

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档