如何为你的网页设计添加神奇的交互效果

不管用户处于何种目的来到你的网站，势必都会创建一系列的活动事件。一些互动（例如点击）几乎每个用户在浏览网页设计时并不会过多的关注这些。但像其他具有一定“神奇效果”的互动，会使得用户想要更多点击和触发。和 网站设计的很多规则一样，交互之间也有一个细微的界限，要么恰到好处，是用户在接触时能产生好奇感和兴趣，要么超过了限度使得页面整体给人一种压倒一切感觉。最神奇的交互应该是能够让

产品 2017年05月08日

幻灯片 / “卡片式设计”到底是什么？

今天QQ版本更新了，相信你一定在其中观察到了一些细微的变化。比如：渐变又要火了、弹窗出现方式不一样了、底部的小图标也变了、空间里的每个用户发的动态变成了我们今天要说的主题“ 卡片式设计 ”。为了做出这份设计，我仔细研究了我手机里所有应用的界面设计。如果让我推荐的话，我一定首推 豆瓣 ，里边的设计细节很到位。成品如下。01.简单的 渐变 ，简单的标题设计。02.“ 圆角矩形

产品经理 2017年05月08日

DROPBOX 那个 1 分钟的宣传视频，原来是这么设计出来的！

@可乐橙_ColaChan：一分钟。这点时间连泡一壶茶、甚至等个红灯都不够。但要用来讲述一大堆关于Dropbox的产品更新，我们只有一分钟的时间。如你所见，今年早些时候，我们准备好了要发布一系列关于协作与生产力的新功能。伴随本次发布，我们的品牌设计团队想要创作一段短视频，展示这些功能的相互配合。一分钟。这能有多难，对吧？本文中，我们会讲述这段视频的制作过程。（注：文中的音乐

产品 2017年05月08日

UI Color trend 2017/2018

原文地址：https://medium.muz.li/@usemuzliTips： 阅读完本文，大概需要3分钟。UI色彩每年都在变，年年都会有微妙的差异性，2016年在UI上的用色还没有那么大胆，但是2017年开始，色彩运用的越来越大胆了，比如新版淘宝，就采用了比较年轻态的渐变色，可以看得出来接下来会有更多的产品会采用丰富饱满的色彩，而色彩的运用呢，也趋于多元化，极简风与大

产品经理 2017年05月08日

2017 年最热的十个新锐创意机构的作品集都在这儿了

无论是做设计，还是搞定自己的作品集，总是有基本的规则可供遵循的，但无论怎么做，你总得将自己的设计，以最吸引人的方式呈现出来。你可以看书，可以自己揣摩，也可以向别人学习。而设计机构的作品集，是诸多学习对象中，最值得学习的一类。毫无疑问，设计机构比起绝大多数的个人设计师更有钱，有时间，有资源，来完成更优秀、更高规格的设计作品、产品项目，所以通常情况下，个人设计作品少有能够匹敌他

产品经理 2017年05月08日

从 MOTO X 到 PIXEL 手机，专访谷歌安卓团队设计师李昀临

这次访谈，我们请到了Google 安卓团队的设计师李昀临。她正在为去年推出的 Pixel 手机做操作系统的设计。在加入 Google 之前，她是摩托罗拉颇受好评的旗舰机 Moto X 的设计师之一。如今，李昀临从事用户体验设计已近 10 年，回看她的设计师生涯，却有一个与设计似乎并不那么相关的起点。从新闻学到AR游戏设计UX Coffee：你在台湾国立政治大学新闻系读的本科

产品 2017年05月08日

专业科班系列！超实用的标题排版小套路

@乘与九设计：今天不分享那么大的理论，介绍几个简简单单排标题的方法，供大家学习参考。01. 同字号加粗 & 置顶▲ 标题：方正兰亭特黑简体 内文：方正兰亭黑简体标题置于左上顶部，并远离正文，标题加粗，标题字号与正文字号相同。在文字内容很多的情况下，这种设置的好处是让读者有足够呼吸的空间，这种方式的标题设计是比较优雅、克制与内敛的。02. 大字号标题 & 置顶▲ 标题：小塚宋

产品经理 2017年05月08日

酷站两连发！韩国免费图库 + 预览响应式网站的显示效果

编者按：本文介绍两个酷站，一个是韩国的图库，分类清晰，免费可商用。一个是可以在线测试响应式网站的显示效果，都非常实用。本文要介绍一款来自韩国的免费图库「CC0photo」，CC0photo 提供许多很好用的高画质相片素材，大多都是在韩国拍摄，相片使用 CC0 授权释出，使用者可免费、自由下载，亦可用于个人或商业用途，无须标示出处或连回原始页面。CC0photo 没有太过复杂

产品经理 2017年05月08日

该用哪款字体？来看腾讯设计高手的超全中文字体推荐！

编者按：高手都在用哪些字体？来看腾讯游戏女神@叶小凉_的私人字体库！格调高设计感强，你值得拥有。小凉姐是腾讯TGI 的设计师，参与了包括电影《机器纪元》、灵山奇缘、新流星搜剑录、御龙在天、剑网3手游等的大型项目，在字体方面颇有造诣。关键字：设计, 设计师, 设计文章

产品 2017年05月08日

视觉设计不是为了美，而是让用户理解我们

视觉设计不是艺术，而是专业的商业行为，因此设计一定是美的，但绝不能仅仅只有美。视觉设计的首要目的是传递信息 所有设计的首要目的一定是帮助企业传递某种信息，因此评价视觉设计好不好，通常我认为是用户能否正确理解企业想要传递的信息。而一旦用户未能按照我们预期那样去解读，即使结果是好的，那我觉得这仍然是一个失败的设计。在我的理解中，信息的传递是有层次之分的：1）引起注意，只有让人注

产品经理 2017年04月27日