Panli团队博客

　　今天讨论一下表格设计，关于表格，表面看起来很简单，要做一个漂亮表格难度可不小，也很少有人对表格进行修饰和设计。表格功能主要是展示数据和记录数据，而过多的文字容易使眼睛疲劳，因此一个的舒适表格有助于用户静心阅读，也是网站注重细节的体现。
　　首先说说表格的色彩，表格的功能以展示数据为主，因此表格本身的色彩不宜太过鲜艳，适当的柔和。为了能让表格在页面上有一定分量，为表格加了一个淡灰色的背景，然后再在背景里镶白底线框表格，上下左右边距为6px，这样中间内容显得格外明亮，立即突出表格，行与行之间白灰相间，这样防止阅读时出现错觉，方便用户阅读。
　　关于表格文字颜色，一个表格里文字必须分轻重，如：下图是一个消费记录表格，金额为表格重点，因此用红色突出重点。切记，表格文字颜色不宜太多，多了会显得花，可以根据表格不同来确定重点的栏目数；链接用蓝色，这是用户习惯；其他内容用黑色，这也是表格文字的主要颜色，他不但是有效的数据，还能起到衬托重点的作用。表格的特殊数据展示（如下图），出现几率相对较低，但是视觉冲击一定要强，因此文字颜色用了一个和红色互为补色的绿色，很容易区分出和其他数据的不同。
　　最后表格需要整洁、大气，因此表格文字的行高、字体大小、边距也必须按好好把握，根据以往的经验，内容距离边线框10px比较合适，当字体大小是12px时，内容行高为20px最合适，当字体大小是14px时，内容行高为22px最合适。
　　以上是个人见解，仅供参考！

新版一键填单终于上线了！首先表扬下我们Panli程序员，因为有他们出色的技术能力以及认真负责的工作态度，我们UED团队的想法才得以准确实现。当然也希望广大网友对我们产品提出宝贵意见，我们永远不会满足，寻求不断改进。以下为一键填单正常情况下的三个步骤：

 一键填单（第一步）

 一键填单（第二步）

一键填单（第三步） 
 新版本不但在视觉上更加迎合网民，更重要的是用户体验的提升。
首先来说说视觉，窗体采用橙色为主色调，根据色彩心里学，橙色可使人心情舒畅，产生兴奋感。文字的颜色也有讲究，一般文字是用黑色或灰色；提示性的语句用相对温馨一点的蓝色；需特别注意的用红色，起警示作用（如下图）；成功提示用绿色（第三步），填完代购单需经历两个步骤，而绿色对疲惫与消极情绪有一定的作用。设计版面时，特别注意了网站的层次感以及窗口布局的齐整，这样能让用户感觉舒坦。
用户体验上的改进，第一，增加了商品图片缩略图，这方面的改进能起到心里暗示作用，用户更能确定这确实就是他所要代购的商品；第二，提示信息的改进，引导用户操作，即使初次使用一键填单也会轻松完成代购单填写；第三，表单的改进，这里主要重新设计了几个状态：1.蓝色边框的普通状态；2.抓取成功的是灰色锁定状态；3.未能抓取到数据情况下的警示状态，提醒用户手动输入数据；第四，完成填写后的提示，包括商品的信息和个人购物车的数据，加入这些提示，能让用户消除一切怀疑心态，让其确信商品已代购成功；

感谢大家对Panli的支持，欢迎各位留言。