首页

优秀的表格设计技巧～～第一篇

蓝蓝设计的小编

表格信息通常是很乏味的

从某种意义上来说，的确如此。一个好的表格应该以易于理解，简单明了的方式传递大量的信息。真正的重点应该 放在信息上， 对表格的过度设计会抵消这种作用。从另一方面来说，巧妙的设计不仅可以使一个表格更具吸引力， 而且可以增加可读性。

今天我们来看看提升表格功能和美观的几种方式。我们经常会在网上的价格页上看到表格的应用，因此主要以该种表 单为例。请记住这些原则可以应用到任意类型的信息列表上（不仅限于<table>).

垂直，水平或矩阵？Vertical, Horizontal or Matrix?

一如以往，我们从最明显的地方开始。第一步是决定表格的整体结构。结构取决于呈现数据的类型和复杂性。选择 垂直的列还是水平行，通常取决于个人偏好。大致规划下表单的内容，然后决定采取哪种方法能更好地传递信息。很显然，如果信息包含多变量，那么选择矩阵来表示。下面分别以几个简单案例来开始。

垂直

评论(0) 浏览(4966)

项目评估标准：如何让项目评估方式可量化

蓝蓝设计的小编

蓝蓝一直在思考这个问题，如何让设计效果可量化，看到这篇文章，转载到博客中推荐给大家。以后会搜集这方面的相关文章，观阅各家之言。

最近在一直在思考一个命题--“如何量化项目目标及效果”。做了几个项目，所负责的产品数据一直表现抢眼。但是从统计学观点来看，我的选择和决定并不一定就是影响数据表现的唯一因素，也不一定是影响最大的因素。该如何从众多影响因素中抽离出PM决策对产品数据的影响？I'v no idea。目前思考的进展并不能让自己满意，先把想到的一些东西整理出来，部分内容也涉及到了一些相关内容的思考，有空和大家头脑风暴一下吧。

【项目目的与评估方式】
    产品项目的目的无非是两个：用户维系和用户拓展。
    用户维系：是对现有用户需求进行挖掘，并对产品进行针对性的优化改进以提高活跃度、降低流失率。此类项目的评估即可从用户周/月活跃度、用户流失率、改进部分的单独的UV、PV量以及用户点击统计等方面来进行评估。
    用户拓展：目的的实现方式本质上有两种：1、更好地满足目标用户的需求---从竞品那儿拉人；2、产品运营---让更多的目标用户知道我们的产品。前者的评估方式主要是看UV的一系列统计变化，除此之外还可以通过用户访谈，竞品对比来量化；后者的评估方式就得具体看运营活动的方式来确定评估方式了。
    虽然绝大多数项目都不仅仅是单一的维系或者拓展，但PM应该在项目之初确定项目的主要目标。这样在项目结束之后采用与目的相适应的评估方式进行客观分析。

评论(0) 浏览(10203)

设计评估标准：如何让设计效果可量化

蓝蓝设计的小编

蓝蓝一直在思考这个问题，如何让设计效果可量化，看到这篇文章，转载到博客中推荐给大家。以后会搜集这方面的相关文章，观阅各家之言。

交互设计评估标准：如何让设计效果可量化
记得在项目不断迭代优化过程中，设计师们也总说我们价值不被认可。当时需求方与老板也常问我你们设计究竟能否可量化如何可量化？当然先不说其它因果原由与价值其它体现。本身这个问题也是我长久一来一直思考刚好借此将它解决。当时也找团队讨论听到大家纷纷提到设计太抽象与设计很难通过数据量化等…其实在这个探讨过程也是发现问题所在过程，把大家疑虑问题点归纳然后逐个分析并且思考解决后再归纳梳出。然后在实战过程中再不断调整与持续再归纳思考。

简单如下：

首先，我们做项目的交互设计可量化是需要一个基本评估标准：

个人认为根据不同项目侧重会有所不同，这个需要设计师根据项目需求和产品目标等来判断。任何纬度与标准都是参考，随着个人和行业发展与变化一定都是时时变通。所以没有固定标准走天下或者说标准也是时时更新中。

1.项目功能设计。

-点击率、转化率、点击流、活跃度、留存率、成功率等

2.体验可用性。

识别性-点击率

性-时间效率

有效性-功能使用成功率、操作信息传达有效性

评论(0) 浏览(5671)

视觉设计师是怎样让前端工程师100% 实现设计效果的

蓝蓝设计的小编

首先，作为一个设计师，尤其是UI设计师，请跟我一起大声念：必须掌握前端切图流程！！

这可能意味着你得学会HTML+CSS，或者要长时间和IOS或者安卓开发人员交流他们是怎么把图片和文字排进屏幕内的。别老是抱怨你是设计怎么能去学码农的东西，设计人员对这些看似高深的源码有本能的畏惧和厌恶。无论你所在的公司在项目人员配置上如何贴心到位，但如果你自己没有掌握这些知识点，就不要妄想最后实现环节上能顺利收尾，因为你从出发点开始和程序员的认知就不对称，这些不对称是矛盾和偏差的根源。

评论(0) 浏览(10285)

界面设计的四个层面 设计最重要的一步 往往并不会去追求外观的美

蓝蓝设计的小编

许多设计师在社区中分享的作品往往是为了炫技，而产品的逻辑通常都经不起推敲的，真正优秀的设计应该从更高的层面出发，而不只是做表面上的工作。

前言

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

__________________以下为译文正文__________________

设计追波风

[ISUX转译]设计追波风

评论(0) 浏览(9526)

关于工作效率的心得分享

蓝蓝设计的小编

我相信大家应该都有过工作效率的些许烦恼。而这个效率啊伴随我很长时间的痛苦。每每到PDI的时候领导必提效率有木有？自认为快是不算的，必须领导和客户方说了算，对于当年校招进来的毛驴，是一件泪崩漫长的提升过程。整天琢磨如何快，多快的速度才算快，恨不得快到连参照物都变得动感模糊。时间是把杀猪刀，不仅催人老还得与它赛跑，经过这几年的自残式磨练，也早该总结总结。



一、 懂得整理需求

效率是先把重要的事情优先排序来完成，好的整理习惯是可以提率的。当需求很多的时候是可以通过整理需求有条不紊的进行。只要了解哪些是重要和紧急的事情，就能轻松的决定先处理什么。这个相当于是做项目管理的事情，要善于管理自己的工作。建议学习佐藤可士和的《整理术》。

例如：本周产品经理们提了很多需求：@#￥……&%……&%……

可这样做:

1、列出所有需求

ABCBBD

2、归纳类型

ABBBCD

3、了解份量

A（传输功能设计)：总办需求

BBB（图标类设计）: 迭代需求，排一起绘制

C（新增界面设计）: 迭代需求，需较多时间设计

D（功能宣传图）：迭代需求，版本发布的新功能宣传

4、明确期限

假如级别为High、Mid、Low…

A（传输功能设计)：总办需求—非常紧急（今天）—High

D（功能宣传图）：迭代需求，版本发布的新功能宣传—周三—Mid

C（新增界面设计）: 迭代需求，需较多时间设计—本周—Mid

BBB（图标类设计）: 迭代需求，需较多时间设计—本周—Low

需求从散到整，从大到小，从繁到简，从紧急到迭代这样去处理就会变得清晰可观。

评论(0) 浏览(3690)

做好扁平化设计－视觉篇

蓝蓝设计的小编

3

　一头牛从最初的写实到最后仅仅只用几根线条来表示，整个简化的过程也经历了好几个步骤，当然这里对设计师观察和提炼能力要求很高，要充分了解对象物的本质，懂得巧妙的取舍，用极简的要素，在没有更多装饰的情况下表达清楚内容，在界线与轮廓的高对比下，表现出物体的美感。

评论(0) 浏览(4093)

设计中的字体字号

蓝蓝设计的小编

 

问题的关键有：

1.字体样式太多，导致页面杂乱

2.使用的字体不易识别

3.字体样式和内容的气氛或规范不匹配

怎么避免这样的结果发生呢？

通过设计经验可以帮助你做出更好的版式

了解不同平台的常用字体设计规范

在每个项目设计中只使用1-2个字体样式，而在品牌字有明确的规范的情况下，只需要一种字体贯穿全文，通过对字体放大来强调重点文案。字体用的太多，越显得不够专业。

不同的样式的字体，形状或系列最好相同，保证字体风格的一致性。

字体与背景的层次要分明

确保字体样式与色调气氛相匹配

评论(0) 浏览(16644)

界面设计的统一与迥异

蓝蓝设计的小编

统一的力量是强大的。作为人类，在日常活动中，我们潜意识期望某种协调和秩序。世上每个禁行标记看起来都很像，这是有原因的。我在澳大利亚时，学着在道路另一侧驾驶就已经很艰难了。想象一下，如果每个城市都有自己特定的禁行标志——紫色霓虹灯禁行标志——那会是什么情况！某种程度上来说，我们靠一致性来使自己感到平常和舒适。


我们会注意到相互迥异的事物，这可能让人沮丧和迷惑。但有时又会让人耳目一新、为之着迷。我爱星巴克，我会本能地购买咖啡，动作一气呵成。领取我的白色超大杯咖啡时，也没有丝毫畏缩。忽然，在十一月的某天，我手捧着一杯迷人的红色假日杯，上面有一些令人感到安逸的冬季图案。白色的杯子星巴克已经使用多年，没有什么打破过这一传统，但有时制造点混乱也不错。它能通过人们不熟悉的方式，吸引和迷住顾客。


评论(0) 浏览(4293)

APP交互设计作品欣赏 by Ramotion INC.

蓝蓝设计的小编

一个优秀的APP交互动画不仅仅是弦，而且要实用，有的还要考虑手机的性能等因素，所以想做一个好的交互不并容易，今天摘选自Ramotion公司的一些项目交互作品，交互效果很棒，值得欣赏学习。

（GIF图片较大，想看好作品，请耐心等待加载。）

一个有趣的下拉刷新loading交互效果，这个弹性看起来很有吸引力。

app Interactive Design-by-ramotion-1

评论(0) 浏览(12916)

分类

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档