hardwear：想必多数同学曾经学习计算机就是从Word开始，其中一项重要的学习任务就是创建表格，如今在网络页面里表格随处可见，尤其是商业产品里充满了大量的数据，要没有这些表格估计看内容得吐血…… 表格形形色色，默默无闻的呈现着数据，阅读起来如何最为顺畅，如何才能从表格里发掘出重要信息，有哪些可以对表格进行的操作，梳理一下以供参考。

在后台界面，表格对数据的维护和体现是最常见的，那么也推荐您看看一组惊艳的后台管理界面设计

1.行高是表格浏览时的重要参数

行高是表格非常重要的参数，行高间距直接影响着阅读的体验，有如同Omniture为了最大限度的放置数据内容，强化数据显示效果而降低行高的情况，也有SugarCRM一样的行高较高可以放置更多文本信息的表格。

很多设计师会采用一些生动可爱动物形象来设计一款logo，今天，小编为大家搜集了一些以动物为蓝本的logo设计图案，供大家学习鉴赏～～:)

推荐阅读：
《还在为设计LOGO犯愁？来看看这10个LOGO资源站》
《佳作欣赏：以鸡蛋为元素的LOGO设计》
《如何才是一个好的LOGO？》

iOS7采用了色彩新鲜的渐变效果，老实说，每个设计师都应该掌握这种最简单的装饰技巧。而且渐变效果千变万化，好的渐变效果能够成就一款设计，而糟糕的渐变效果会毁了一款设计。渐变效果的好坏取决于“色彩调整”以及“整个主题的搭配度”。除此之外，渐变效果还可以根据“流行色”来进行适度的调配。现在流行使用霓虹灯色彩般的渐变，让人感觉光鲜可鉴，再加上纤细简约的字体，线条简练的图标，整个界面将变得非常极简且高雅。

今天我们要探讨的可不是渐变，要探讨的是移动界面设计中的渐变。我们来一起学习、感受一下现今移动界面设计中最流行的渐变吧。

推荐阅读：
《一枚app图标的设计文化》
《超赞！高大上的动效设计方法及流程总结》

一、渐变作为界面的背景

iOS7 Lockscreen by Michael Shanks
神秘、优雅、颇具吸引力、简单、只包含必要信息，半透明的解锁条让我们感受到细腻的质感。

Sense by Tommy Borgen.

同样大道至简。整个渐变的色彩搭配很讲究，中心略微模糊的圆圈中包含了清新的字体，流动的背景，纯净的像梦一般。

本帖收集了50套设计精美，并可设计师自行编辑的界面PSD源文件。内容大致包含banner切换，MP3/视频播放器，日历，表单（登录，注册，搜索…），进度条，提示框，按钮，导航，面包屑等等…不管是应用在小需求还是大项目，相信都可为你带来帮助。

Simple UI Elements

Apple Styled UI Elements

Grayness UI Kit

一个干货推荐啦：25个定价界面网页欣赏！没错！你没有看错，足足25个哦！啊？你问我有木有酬劳，呃！蓝蓝设计说是要给，但我肯定不会要的，虽然很想要，呃，出来混，后来还是木有要。。。）

价格界面是网页中常见的，但容易被忽视的一个部分。想想看，你什么时候见过这些界面呢？本工第一反应就是迅雷、QQ之类的会员充值界面。这种不是经常可以看见，但是又具有明确目的性的界面，如何让它和主题页面匹配、同时又突出重点信息呢？这是个问题！今天就让我们欣赏25个外国网站的定价界面，从中学习经验吧；）

1. Freshdesk

正确的背景风格可以为整个网站确定基调。我们搜集了一批使用大幅图像、明亮颜色或出众图案来作为背景的
优秀网站，希望从中探寻当下网站的流行设计风格。

什么样的背景最适合你的网站，这并没有一定之规，但确实有一些共同的要素：
互联网背景的内容应该有目的性。
背景应该与你的品牌风格一致。
背景之上的文字内容应该易于阅读(无论是颜色、反差还是尺寸大小。) 背景的主题在整个网站内应该连贯一致。
背景应该能很快下载并且不会让你的网站变得缓慢甚至卡死。
现在的流行趋势是什么？

就像服装和发型会变，网页设计的风格也在变。对于背景来说，趋势的变化尤其突出。
目前，大量的网站在首屏采用了大图。一些背景是清晰、写实的（如照片和插图），而另一些则可能是抽象隐晦的。大尺寸的、虚化或模糊的图也随处可见。

蓝蓝设计：本教程主要使用Photoshop制作金属质感的工具型App图标，主要通过图层样式来完成，喜欢的朋友一起来学习吧。
1.首先我们来做下背景，这个背景我是先画了个圆做了些效果(投影，内阴影)定义成图案。

2.用圆角矩形工具，画部的渐变，在这一步我先画个半径为47的大圆角矩形，在用剪切画个35的小圆角矩形，最后填充投影和渐变叠加。

经常有新入职的同学，搞不清设计师和别的职位如产品经理，在工作内容上有什么区别。回答了几次之后，我总结出两方面的差别，简单概括为：技能和定位。

“技能”指的是设计师掌握了项目中其他角色都不具备的能力——画图。这么概括有点简单粗暴了，事实上设计师的专业能力远比画图两字涵盖的内容要广。但“画图”确实是更容易被所有人理解的说法（向家里长辈解释我干什么的时候，他们如果不理解我就会说是画图的，他们就会貌似恍然大悟地哦一声，终于听到一个他们想要的能听懂的答案了）。伴随着人机界面从命令行到图形可视化，再进化到哪儿哪儿都可以摸的触屏时代，用户对于“美”和“交互”的要求越来越高，设计师的能力和价值也愈发受到重视。

设计师的“定位”，是随着用户体验受重视而发展起来的。互联网产品有一个很重要的特点是免费。聊天是免费的，搜索是免费的，游戏是免费的，杀毒也是免费的。免费对用户来说当然是好事，但免费也意味着用户迁移的成本很低，特别是当产品同质化严重时。一款免费游戏，如果突然宣布收费，市场上又有同类游戏，结果很有可能是大规模的用户流失。和传统行业不同，在免费的商业模式之下，用户黏性、忠诚度对产品来说至关重要；而用户体验就是构成黏性的一个重要因素。于是伴随着互联网行业的蓬勃发展，用户体验设计师，以用户体验卫道者的姿态站了出来。

这么说不代表别的角色不用对用户体验负责。在一个优秀的团队中，从项目经理到开发测试，每个成员都会对最终的体验努力并负责。但设计师之外的其他角色会面临屁股决定脑袋的困境。比如产品经理除了用户体验之外，还要兼顾商业价值和老板需求；开发要考虑实现成本和技术限制；运营要负责营收和转化率等。而设计师的定位更纯粹，自身立场不存在矛盾和冲突：站在用户立场，坚持用户体验的价值，时刻提醒团队用户想要什么；同时负责设计细节的执行。

这样就引出正题了，一个项目团队中设计师和其他角色的矛盾冲突，本质上就是这层定位差异带来的。（开发：这里明明功能都实现好了，设计师你还老是要改来改去的，到底想搞哪样！）基于这种定位冲突，设计师不能简单地把自己定位在执行层面上，还要通过积极主动的沟通，推动用户体验的落地和实现。这就对互联网设计师的沟通提出了很高的要求。

实际工作中，我们每天也花大量时间在开各种会，各种讨论上。沟通的效率和效果都直接影响着最后产出的质量。但在我们看最终的工作结果的时候，沟通作为过程反而不那么直观，很难去评价和衡量。我试着列举设计沟通中容易犯的一些错误，并总结了7条经验，希望对同样在思考这些问题的同学有些帮助。下文主要拿产品经理和设计师之间的矛盾冲突来举例。

1. 避免鸡同鸭讲

双方都在说自己的道理，却不听对方是怎么讲的；或者因为沟通双方无法说出真实的想法，导致沟通停留在表面上无法深入。这两种情况下，沟通效率都很低，而且很难达成共识得到结果。

比如我有一次看到，产品经理在和设计师争执，一个在讲运营的事情，一个在讲设计规范的事情，都在尝试着告诉对方，从自己的专业角度来看，这个事情应该怎么做。讨论几乎无法进行下去，因为谁也不肯让步。这种沟通效率是很低的，双方压根就没有站在同一个层面讲问题，设计师不懂运营，产品经理不懂设计。

译者序

本文围绕劝导式设计(persuasive design)而展开，介绍了移动终端上banner广告、push信息等典型的劝服失败案例，并从用户与移动设备之间的情感联系出发，探讨了移动劝导策略的几个切入点。所谓劝导式设计，是指通过说服和社会影响，而非通过强制的方式，以达到改变和引导用户态度或行为的技术。这种技术常被应用于销售、外交、政治、宗教、军事训练、公共卫生和管理等领域。近年来，大多数劝导式技术的研究主要集中在计算机交互领域，包括台式电脑、互联网服务、视屏游戏和移动设备。劝导技术可以看成是对用户意图的设计。

作者： Amber Krishan 译者：晓千 秦封
译文

【Tips：消费者不会仅仅因为导航很容易而为你的产品买单。】

为移动设备而设计时,设计师要考虑移动设备间的差异，努力提供统一的体验。他们致力于减少点击的次数，使架构更扁平；并根据触摸屏的特点而设计, 在较小屏上规划合理的布局等。这些重点都在通过方便的使用、流畅的导航和简洁的呈现，来确保的最佳的产品可用性。

为确保你的用户“可以做”你想让他们做的事情，较高的可用性是一个很好的开始。但它并不能保证用户“会来做”这些事情。因为，用户不会仅仅因为导航容易使用而来买你的产品。

消费者是否来买你的产品，这和科学的劝导式设计策略相关。通过“人——机” 互动的研究我们了解到，计算机设备本身具备巨大的“劝导”潜力。如果在设备的体验设计中注入激励机制，这些设备将激励我们的用户并驱动他们的想法。

能找到合适的技巧来劝导你的用户是一个巨大的挑战。这涉及到深入理解用户的动机、障碍、信任和感受。上述这些对人的深入理解可以让我们更系统的去了解人们如何使用移动设备，这样，我们就可以找到更有力的方法来劝导用户。

典型的“劝导”失败案例

你的产品能够有效地劝导用户来使用吗？嗯，让我们看一些普通公司通常会使用的典型手段。

banner广告

今天要分享出来的网站就像水浒传里的108个好汉一样，个个身怀绝技，是滴！我们也做了简单的介绍，因为网站太多，就木有一一截图，大家自行感受一下。（有几个需翻墙）

这里列出了许多鲜为人知的好网站，还有那些大家知道却常常被遗忘的网站。
这些网站中，大部分都在某一个领域非常专业，并且都拥有非常简单的网址，你可以省略搜索的步骤，轻松将他们记在心里。

01. screenr.com —— 将你在电脑上的操作录制成影片并直接传送到YouTube上。

02. bounceapp.com —— 能够将一个网页进行完整的截图。

03. goo.gl —— 将网站地址进行缩写并可以将网址转换成二维码。

04. untiny.me —— 找到缩写网址的原始域名。

05. localti.me —— 能查询不只一个城市的当地时间。

06. copypastecharacter.com —— 复制你键盘上没有的特殊字符。

07. topsy.com —— Twitter专用搜索引擎。

08. fb.me/AppStore —— 无需运行iTunes就可以搜索iOS的手机应用。

09. iconfinder.com ——在这里可以找到图标的所有尺寸。

10. office.com —— 下载办公文件的模板、剪贴画以及图片。

11. woorank.com —— 你想知道的关于一个网站的所有信息都可以在这里找到。

12. virustotal.com —— 对任何可疑的文件或者邮件附件进行病毒扫描。

13. wolframalpha.com —— 不用搜索就可以知道问题的答案 —— 更多信息，请阅读Wolfram提示。

14. printwhatyoulike.com —— 完整的打印网页。

15. joliprint.com —— 将新闻和博客内容重新整合为报纸。

16. isnsfw.com —— 当你想要分享18X网页时为你做警示标记。

17. e.ggtimer.com —— 一个居家常备的简易在线计时器。

18. coralcdn.org —— 如果某网站由于服务器太繁忙而无法访问的话，试试通过CDN来进入网站吧。

19. random.org —— 帮你随机挑选数字，抛硬币～

20. mywot.com —— 测试任意网站的可信任指数。

21. viewer.zoho.com —— 帮你用浏览器来预览PDF文件和PPT。

22. tubemogul.com —— 能同时向多个视频网站上传视频。

23. truveo.com —— 最佳网络视频搜索。

24. scr.im —— 不用担心垃圾邮件困扰，安全无忧地分享你的邮件地址。

25. spypig.com —— 从今往后在你的邮箱里查看收据吧～

26. sizeasy.com —— 将任一产品进行视觉化并进行尺寸比较。

27. whatfontis.com —— 迅速通过图片来确定字体名称。

28. fontsquirrel.com —— 优质的字体大集合 —— 免费自用与商用。