元素
这样才够专业！提高设计一致性的7个小贴士
@惜可若己 ：设计中的一致性会在无形之中使你的设计效果更加优秀，也更易于用户使用。今天这篇教程免费提供了7个提升设计一致性的小贴士，适用于视觉/UI/品牌设计等，实战性很强，建议阅读。对于一致性来说，在某些些情况下，要理解并实践它几乎是无需伤脑的事情，而在其他情况下，理解起来可能会有点复杂。简单来说，一致性是交互设计中的一种基本规范，它涉及到一份设计中的所有元素，它能够用在
产品
2016年08月10日
平面设计中，引导受众视觉关注的八个方法
@马良重生 ：在平面设计中，可以利用一些具有指向性的设计元素，如：色彩、人物和动作、留白处理等，让用户的眼神跟着页面元素的引导，完成对信息的关注与吸收。今天这篇文章，我将分享几个引导视觉的方法和技巧，一起来收。作者好文回顾：《超实用！10个帮你搞定整页专题设计的方法（附案例）》一，先要有个视觉点，靠这些点指引或者聚集视线点的形状并非都是圆，或者是某种具象的元素。比如：在整张
产品
2016年09月08日
用好这四个元素，帮你做出高大上的电商Banner（附技巧及神器）
@ChiNa_威海_山岩 ：一个电商Banner 由不同的元素（背景、主体、文字、装饰）构成，如何运用好这四个元素，就成了一个Banner 是否优秀的关键。今天这篇好文，结合超多案例，教你如何运用好这四个元素，内附不少配色和修图的技巧及工具，干货多多，别错过咯。我们聊聊图片制作中的元素构成，以及如何运用这些元素让图片内容更合理、丰富。根据大的框架我们首先可以给图片中的元素氛
产品
2016年08月30日
给产品更多可能性：将问题简化到设计元素
对于产品需求，特别是对于运营性质比较强的需求，通过寻求更具灵活度的解决方案，提升的不仅仅是这单个需求的设计质量，更是产品整体的更新能力和效率。这是对产品经理逻辑思维和设计能力更高的要求。如何设计的灵活度，给产品更多可能呢？本文将问题简化到设计元素的维度去思考：单元素：对于单一的设计元素，如何发散探求其灵活度多元素：对于多个元素的组合，如何处理实现其灵活度0 前提凡事都是有不
产品设计
2017年02月11日
四个方面，深解产品架构设计
一个APP根据其所提供的服务不同，包含各种各样的功能元素。产品架构，就是将这些不同用途的功能元素围绕特定的目标进行分类整合。1.为什么需要产品架构当我们打开一个APP， 映入我们眼帘的首先是一个精致的页面，一些丰富的信息、导航，一些生动的横幅引导我们去做一些看上去很有意思的事情。这些东西是APP的组成部分，是APP的一些必要的功能元素，它们分别作为显示、引导、诱导的功能。一
产品经理
2017年03月20日
不整虚的，12 条提高产品可用性的动效设计的原理
本文将市面上最常被使用的动效进行了一次总结并逐条阐明这些设计背后的原理,并附上几个大家常见的 App 作为例子，大家可以随手打开把玩把玩。缓动（Easing）、偏移量和延迟（Offset & Delay）主要与时间相关。父子关系（Parenting）用于阐述元素之间的关系。变形（Transformation）、数值变化（Value Change）、遮罩（Masking
产品经理
2017年05月15日
实例分析：「8 招」教你玩转视觉引导
在所有的设计需求中，可以利用一些具有指向性的设计元素，如：色彩、人物和动作、留白处理等，让用户的眼神跟着页面元素的引导，完成对信息的关注与吸收。今天这篇文章，我将分享几个引导视觉的方法和技巧，一起来收。01.先要有个视觉点，靠这些点指引或者聚集视线点的形状并非都是圆，或者是某种具象的元素。比如：在整张页面中出现的大小对比关系，那么小的元素可以称之为点。大的元素也可称之为点。
产品经理
2017年06月30日
7点设计技巧，让UI动效更上一层楼
在设计动效的时候，注意状态变化的指示，元素之间关系的强化，适当地增加一些乐趣。遵循这样的原则，总能让动效更上一层楼。动效现如今在 APP 和网页中几乎已经成为了基本的组成部分，经过仔细打磨的 UI动效对于整个界面的提升是显著的。动效呈现出状态切换的过程，展现了元素之间的逻辑关系，并且吸引用户的注意力，引导他们执行有效的交互。在设计动效的过程中， Material Motio
产品
2018年05月14日
