网页设计灵动布局之相对自由式

前言我们人类千人千面，但怎么长都不会偏离骨骼。因此，保持了内在的坚固恒久性，外表就一出戏，相对自由式的进行视觉想象编结。布局排版说来很容易，无非就是整理好网页的元素清单，然后一一放上版面即可。其实就因为自由搭配的方式千差万别，我们总为最好解决方案心悬一线，其实最后的结果又马马虎虎。优秀的排版是构图、图片、配色、字体等各方协调的共同结果，设计其实是没有规则可循，审美从来都不在

产品经理 2016年09月14日

浅谈思路！七个技巧帮你搞定响应式网页中的图片设计

响应式网页设计已经是如今当之无愧的标准配置了，我们需要响应式的技术来应对日渐碎片化的屏幕尺寸，网页设计师也力图做好这件事情。而网页中的图片和图库的响应式设计，也是其中的重点难点。它们是网页中最常见，也是最直观可见的元素。打开一个漂亮精致的网站，然而其中的图片和图库看起来怎么都和页面不匹配，这样的情况恐怕是最让人抓狂的了。如果要设计好响应式的图片和图库，今天接下来要聊的7个技

产品经理 2016年09月14日

关于用户头像的设计思考

对于有用户体系的产品来说，用户的缺省头像如何设计，是一个普遍存在的难题。你的设计稿常常会因为使用了洋气的歪果仁作头像，而使它们看起来很棒。但回到现实中，绝大多数用户上传的头像要么质量很差，要么就干脆没有。有头像和没有头像的对比。作者 Olia Gozha.现在有两个问题，第一个是关于头像显示的——若没人上传头像，你的设计稿看起来会怎样？第二个问题是如何鼓励用户上传头像，这个

产品经理 2016年09月14日

Netfli 的 AB 测试之道

几周前，我在旧金山的Yelp总部参加了一场设计师与极客们的活动，Anna Blaylock和Navin Iyengar两位都是Netflix的产品设计师，他们分享了自己多年在千万级用户群中做A/B测试的经验。他们也展示了相关的产品案例，帮助与会者思考自己的设计。下面是我关于他们演讲做的记录，其中包含我最喜欢的一些精华。演讲的照片实验我非常喜欢PPT的第一页——_绝命毒师_里

产品经理 2016年09月14日

好的设计准则如何塑造更强大的产品形态？

我的工作是为房地产专业人士设计和改进一款传统的客户关系管理系统（CRM）。我们经常遇到设计瓶颈，因为没有任何的设计准则可以参考。我们的用户对这款产品爱憎分明。一些用户认为这是一个引领时代的工具，帮助他们提高业务量的同时，更好的管理他们的联系人。另外也有一些客户认为它是一个累赘，完成任务需要耗费大量时间，错误多而且使用很不方便。这里需要改进很多内容，但是限制条件是什么？不对称

产品经理 2016年09月14日

视觉设计本地化的重要性

与最新发布的德国网站 carwow 对比，我们不可避免的发现自已需要去为国外市场的网站内容作出适配。有些人觉得这件事情并不是很复杂，只是简单的将已有的网站内容翻译成另一种语言而已。事实上…这大错特错了。翻译本身不是万能的，而且我们很快就发现让 可爱的 德文适应我们为英文而创建的漂亮和均衡的布局结构是一件非常困难的事情。另一件事实是，对于一个说英语的人来说，德语单词看起来出奇

产品经理 2016年09月14日

设计一个你自己不会去用的产品

当我告诉朋友说我的工作是设计一款主打运动新闻的产品，他们往往会说，“你了解运动吗？”。作为回应，我常常在电视上观看比赛，同时也知道一些基本的运动常识，但是我绝对不是运动迷，离运动迷还差远了。必须承认，当我开始为 90min 和 12up 的母公司 MinuteMedia 工作的时候是有所考虑的。毕竟我自己之前还是一位芭蕾舞者，所以现在设计一款面向运动爱好者的产品，听起来也是

产品经理 2016年09月14日

你的设计应该「所见即所得」

几年前的一个夏天，我有机会住在旧金山里同一栋楼不同单元的两个 Loft 公寓中。由于这是同一栋楼，所以你可能会想这两个单元应该是相似的。的确，它们都有1000平方英尺的面积，墙壁上全是巨大的格子窗户，使得阳光和温度能倾泻到屋子里（住在屋子里就像我的故乡德克萨斯州一样，正午阳光与地面的角度有90度）。它们的屋子一角都有厨房，还有金属楼梯延伸到二楼的开放式卧室，以及那个烦人的中

产品经理 2016年09月14日

设计师必知！可能是最全的关于颜色模式知识（二）

设计师必知！可能是最全的关于颜色模式知识（一）设计师必知！可能是最全的关于颜色模式知识（二）设计师必知！可能是最全的关于颜色模式知识（三） 色域： 色域的概念就是字面意思，指在某个范围内所能描述的自然界可见光颜色范围，也是对色彩进行编码的一种方式。无论是色彩输入设备（色彩源）还是色彩输出设备，都具有自己的特定色域。色域会根据颜色模式的不同而发生描述方式上和色域覆盖范围上的不

产品经理 2016年09月12日

设计师必知！可能是最全的关于颜色模式知识（一）

设计师必知！可能是最全的关于颜色模式知识（一）设计师必知！可能是最全的关于颜色模式知识（二）设计师必知！可能是最全的关于颜色模式知识（三）颜色模式，又叫色彩模式。 首先我们要知道这里面讲的颜色不是我们调色盘里面的颜色，而是计算机里面的。你可以把计算机比作调色盘，只不过把调色盘里面的颜料换成了计算机里面的数字，后者用数字去描述颜色(比如R:0,G:0,B:255出来的颜色是蓝

产品经理 2016年09月12日