设计师必看：8 处满足原型设计的矢量图标根据地

（熊先生）做原型设计时，我们往往感觉图标素材不够用，尤其是矢量图标不够。矢量图标是矢量图的一种，这种图形也叫做绘图图像，是各种设计中比较常用的图片格式之一。因为其是根据几何特性绘制，并且通过数学公式计算获得，所以，矢量图最大的特点就是可以无限根据设计需要放大或缩小，并且不会失真。那么，这么好用的矢量图标，要到哪里去找呢？今天我就和大家一起逛逛国内外比较常用的矢量图标的网站。

产品 2016年11月18日

10 个 APP 设计的必备要点，让用户更好地理解你的产品

良好的产品设计，能够让用户更加清楚明白产品所要表达的一切，理解产品设计的要项，从而建立良好的用户体验。众所周知，从APP原型的迭代到APP界面视觉设计，然后到客户端和H5前端代码实现到后台正常运转，所有的过程都是为了向用户递交一份可感知层面的、体验良好的用户界面，这也是用户能真实直观感受产品的主要部分。这些过程伴随着一系列的设计方法反复推敲产品用户界面的易用性，通过不同的设

产品 2016年12月18日

网页设计需要学哪些软件？

本文源于@酷coo豆的回答：想要从事网页设计，需要学习哪些软件？我大一，因为专业的问题需要自学？一、平面设计与网页设计自从@酷coo豆由平面设计，转向了网页设计后。感觉到两者之间有着太多的共性，共同的基础理论、常用的设计软件都大同小异。其最大的不同就是承载媒介的区别——一个是“印刷纸张”，一个是电子屏幕。所以对于网页设计需要学什么软件，其主要还是以Photoshop为主，包

产品 2017年01月13日

少即是多：给你的配色做减法

做产品需要克制，少即是多，简洁的配色能够把重点第一时间呈现给用户。研究表明：人类在回忆所看到过的场景和事物时，对色彩的记忆度要高于形态。也就是说，从视觉角度来看，一款产品给用户留下最深的印象往往是界面的配色。由此我们也能够看出配色可以说是设计师最重要的武器，很可能没有之一，但是这个武器有使用的“限制”。UI设计的一个基本原则就是 避免页面中出现过多的颜色 ，这个道理大家都懂

产品 2017年08月02日

为何 UI/UX 设计师需要创建情绪板？

帮你理清创意的情绪板，是设计项目前期的利器。想想看，你花费了大量的时间来构思，设计，最后做出了一个完整的原型，可是客户直接拒绝了你的设计，甚至吐槽你的设计和他之前的需求毫无关联。这种情况听起来和你熟悉吧？的确，每个设计师都有过类似的不快经历，并且希望有规避这种情况的办法，或者建议。然而，实际上，并不存在完美的解决方案。不过，设计师如果能够善用情绪板（Mood Boardin

产品 2017年10月26日

5年迭代，我总结了一套全面的交互设计知识体系

文章为作者经过5年多的不断迭代，形成的一套交互设计知识体系，希望对你来说，有所收获。又是近一年没有更新！一年前信誓旦旦的说“用知识管理的方法，跟大家一起建立交互设计的知识体系”。一年后，我却并没有做到。最初是因为那时分享的几篇创新方法的文章阅读量寥寥，开始质疑做这件事情是不是大家需要的，再之后懒到一发不可收拾。忙碌的工作之余，开始做点其他的事情，比如健身练练马甲线，比如做点

产品 2018年01月19日

超全面！腾讯设计师做了100个弹框后总结的设计经验

JHong：最近2年一直在做Web/App相关项目，设计过上百个弹框，其中总结了一些心得，将透过以下文章介绍弹框在Web上的各种应用﹑技巧及表现。什么是弹框?弹框是一种交互方式，用作提醒，做决定或者解决某个任务。弹框一般包含一个蒙版，一个主体及一个关闭入口，常见于网页及移动端。其好处是让用户更聚焦，且不用离开当前页面，更快更容易完成任务。由于弹框与当下流行的卡片式设计在表现

产品 2016年06月21日

功能性动画设计: 优秀的转场效果

功能性动画是一种微妙的动画，有着明确、合理的目标。它能减少认知负荷，防止变化视盲，在空间上营造更好的印象。但还有一点，动画让用户界面鲜活起来。通过组合与分割、改变形状和尺寸，运动可以使外表感觉鲜活。应当运用功能性的动画，流畅地在导航内容间引导用户，解释屏幕元素和排列的变化，并且强调元素层级。成功的动效设计具有以下6个特征：1. 响应_视觉反馈_在ui设计中极度重要。因为它符

产品经理 2016年09月17日

QOC：让设计思考被看见

在前一篇总结分享《交互新人的踩坑史》中，提到了可以运用QOC的设计理念帮助我们在纠结设计方案时帮助我们思考和决策。关于QOC的介绍只是在总结中草草带过，所以有小伙伴问我：QOC到底是什么？我们到底应该怎么用呢？…… 于是今天想跟大家具体聊聊QOC，文章中较多个人见解，求意见，请轻拍。1、QOC是什么？首先解释一下QOC是什么，QOC（Questions-Options-an

产品 2016年11月26日

案例分析｜社交网络产品 LOGO 设计系统

在SNG（腾讯社交网络事业群）品牌系统语言里，LOGO系统承载品牌视觉的最核心容器，是整个品牌视觉系统的灵魂，是品牌的精神文化理念、信誉、服务等特点的浓缩表现，直接影响着社交网络品牌的发展。本文核心剖析社交网络产品LOGO设计系统。 锐变启程伴随着我们的成长的QQ，2016年已经成功锐变。新企鹅整体造型更加锐利、修身、简洁。企鹅的视觉角度从略带俯视变成了平视，让其图形更加的

产品 2017年02月03日