蓝蓝觉得在界面设计中,优秀的表格设计技巧是非常基础,也非常重要的。所以从网上搜集转载了此主题的一些文章,来学习~~这是第二篇!感谢原作者。
hardwear:想必多数同学曾经学习计算机就是从Word开始,其中一项重要的学习任务就是创建表格,如今在网络页面里表格随处可见,尤其是商业产品里充满了大量的数据,要没有这些表格估计看内容得吐血…… 表格形形色色,默默无闻的呈现着数据,阅读起来如何最为顺畅,如何才能从表格里发掘出重要信息,有哪些可以对表格进行的操作,梳理一下以供参考。
行高是表格非常重要的参数,行高间距直接影响着阅读的体验,有如同Omniture为了最大限度的放置数据内容,强化数据显示效果而降低行高的情况,也有SugarCRM一样的行高较高可以放置更多文本信息的表格。
表格信息通常是很乏味的
从某种意义上来说,的确如此。一个好的表格应该以易于理解,简单明了的方式传递大量的信息。真正的重点应该 放在信息上, 对表格的过度设计会抵消这种作用。从另一方面来说,巧妙的设计不仅可以使一个表格更具吸引力, 而且可以增加可读性。
今天我们来看看提升表格功能和美观的几种方式。我们经常会在网上的价格页上看到表格的应用,因此主要以该种表 单为例。请记住这些原则可以应用到任意类型的信息列表上(不仅限于<table>).
一如以往,我们从最明显的地方开始。第一步是决定表格的整体结构。结构取决于呈现数据的类型和复杂性。选择 垂直的列还是水平行,通常取决于个人偏好。大致规划下表单的内容,然后决定采取哪种方法能更好地传递信息。很显然,如果信息包含多变量,那么选择矩阵来表示。下面分别以几个简单案例来开始。
App Store和Google Play里的app多如牛毛。很难说未来的趋势是什么,不过显然我们可以轻易选出当下的5种趋势并加以分析。今天@十萬個為什麽 同学简单归纳了当下的5种移动APP设计趋势,来涨姿势吧。
看看时下的app中的颜色、创意和简单朴素,我们能从中学到一些设计移动app的技巧。
当视线掠过一行文字时,它是跳跃前进的,我们称之为扫视。你读的不是字母,甚至不是词语,而是文字某部分的影像,大脑会补上它预期的内容。如果超出大脑预料,它会促使眼睛回去核实假设十分正确。通过在字里行间创造平顺的视觉流动,好的字体极度减轻了眼睛的负担。
对任何字体工作者而言,在移动设备上要面临与生俱来的挑战:空间有限,环境光通常比较微弱。不过将已经用于web端的技巧稍加调整,我们就可以提升移动设备的易读性。
蓝蓝一直在思考这个问题,如何让设计效果可量化,看到这篇文章,转载到博客中推荐给大家。以后会搜集这方面的相关文章,观阅各家之言。
蓝蓝一直在思考这个问题,如何让设计效果可量化,看到这篇文章,转载到博客中推荐给大家。以后会搜集这方面的相关文章,观阅各家之言。
许多设计师在社区中分享的作品往往是为了炫技,而产品的逻辑通常都经不起推敲的,真正优秀的设计应该从更高的层面出发,而不只是做表面上的工作。
13年底,Intercom 的产品VP Paul Adams 在 Intercom 官博发表了 一篇博文 。文章讲述了网络上设计社区里普遍存在的一种现象,大意是“许多设计师在社区中分享的作品往往是为了炫技,而产品的逻辑通常都经不起推敲的,真正优秀的设计应该从更高的层面出发,而不只是做表面上的工作”。
文章发布后,在 Twitter 、HN 及博客评论下引起了反响。虽然部分内容在一些设计师眼里看起来比较有攻击性(也就是俗称“开喷”),甚至还带有些地图炮,但是文中关于“设计的四个层次”以及“when..I want to..then I can…”等设计观点和方法论都非常值得我们回味并运用到工作当中。
文章是2月前Sam推荐给我的,随后到 twitter 上获得了作者的授权,在这里也应作者需要,贴上 Intercom 的官博连接:http://blog.intercom.io/ 。
译文开始,Dribbble 大牛务必冷静阅读。 =D
__________________以下为译文正文__________________