用好这四个元素，帮你做出高大上的电商Banner（附技巧及神器）

@ChiNa_威海_山岩 ：一个电商Banner 由不同的元素（背景、主体、文字、装饰）构成，如何运用好这四个元素，就成了一个Banner 是否优秀的关键。今天这篇好文，结合超多案例，教你如何运用好这四个元素，内附不少配色和修图的技巧及工具，干货多多，别错过咯。我们聊聊图片制作中的元素构成，以及如何运用这些元素让图片内容更合理、丰富。根据大的框架我们首先可以给图片中的元素氛

产品 2016年08月30日

基础知识！聊聊交互设计三要素之细节设计

@黄红艺Designer ：交互设计三部曲终于写到最后了，今天聊聊交互设计的最后一个要素 —— 交互细节设计。本要素是在前两个要素指导下的设计实践，也是交互设计可视化与形象化的关键。往期回顾：《基础知识！聊聊交互设计三要素之信息架构和流程设计》相对于前两个要素的完整性和系统性，第三个要素-交互细节设计，就显得琐碎和零散。根据交互设计由浅入深的渐进，交互细节可以分为布局、控件

产品 2016年09月08日

提升效率！帮你大幅度节省时间的四个设计利器（附酷站推荐）

编者按：想要准时下班去撩汉？想要晚上能赴约吃小龙虾？提高效率是必须的。今日很不诚恳地（被老板逼的）推荐我常用的4个设计神器，一秒找到需要的图标/半秒收集灵感图/把视频压缩得比GIF还要小/快速完成设计标注… 别错过了！利器一：Rightfont 一句话介绍：1秒找到需要的图标。[br]配合软件：Ai / Sketch 等设计软件。[br]适合人群：PM/交互/UI/GUI此

产品 2016年07月26日

超实用！10个帮你搞定整页专题设计的方法（附案例）

@马良重生 ：单页设计，简单将其比喻为在一张纸上进行的创作和设计。在设计单页的专题时，为了让首屏到次屏再到内容区间的视觉更加的连贯和流畅，就要充分利用好局部对比和整体关系来使页面效果更加的完整。以下是我在工作中总结了几点做专题单页时的技巧。电商中的专题设计都是单页设计的一种应用。单页最早出现在平面设计中，设计师通过用不同尺寸、材质的纸张，在仅有的正面和反面上进行自由设计的过

产品 2016年06月16日

超全面！一份详尽实用的信息可视化绘制指南

编者按：今天这篇文章不仅介绍了6种常见可视化图表的类型，包括每种图表的适用场景和优劣势分析，而且附上了10个简单好用的数据可视化使用小贴士和制作信息可视化的5个流程，特别实用，一起来学习。我们常常迷失在数据中，纷繁复杂的数据让我们无所适从。可视化作为解决这问题的有效手段，通过视觉的方式让数字易于理解。数据可视化和信息可视化都是可视化的一种方式，数据可视化将数据库中每一个数据

产品 2016年07月11日

关于 PS 裁剪工具，不得不知的十大隐藏独门武器

@阿随向前冲：很多同学可能不知道，Photoshop的基础功能“裁剪”工具，还有这10个提高效率的实用技巧！1. 裁剪构图指南当我们选择了裁剪工具，准备对图片进行裁剪的时候，PS小公举贴心地提供了“设置裁剪工具的叠加选项”的功能，嗯，不用理这个不够直接的官翻，它的作用其实就是在构图上为裁剪提供了参考线，主要包括三等分、网格、对角、三角形、黄金比例、金色螺线六种构图原则，选择

产品 2016年10月29日

腾讯重磅出品！一份超全面的2016年用户体验行业调查报告

编者按：想了解用户体验的从业者都是谁？薪资有多少？哪些人想跳槽？对工作是否满意？行业趋势发展如何？哪些核心能力最重要？来看这份腾讯CDC出品的《2016用户体验行业调查报告》，数据以图表形式呈现，直观易懂，附上完整版的PDF下载，强烈建议阅读。完整报告下载：2016用户体验行业调查报告.PDF2016年4月起， CDC通过腾讯问卷调查平台对1580名从事用户体验行业的从业人

用户研究 2016年07月07日

正在开发中的 Photoshop 设计构建工具：UI-DNA

Photoshop CC 2017 终于发布了，一直有些在意 CC 2017 会不会有些革命性的更新，因为之前一直在断断续续的开发一个工具，用来增强 Photoshop 在 UI 设计工作中的“功能”，由于担心 CC 2017 会不会有大的更新和变化，所以开发一直很“谨慎”，而新的 Photoshop 发布了，新的更新并没有太大的变化，而 Adobe XD 也更偏向于交互原

产品 2016年11月06日

读书笔记来了！谷歌的Material Design 设计指南精华版

编者按：Google的设计指南一直是UI/UX设计师的必读手册，如果你还没抽出时间完整读一遍，不妨先来看看在微软实习的交互设计师@戴小维Saki  写的读书笔记，简明精炼，可以帮你速览一遍，纯实干货，建议收藏。这个系列更不能错过！三维世界（3D world）：[br]x ， y ， z 三维坐标属性[br]z 轴上占据一定的位置并且有一个 1dp 厚度的标准光影关系（Lig

产品 2016年06月29日

高效流程！帮你快速做出优秀电商Banner 的设计三部曲

不沉的骨头：这一期分享主要是说到我自己在工作中做营销Banner 设计的方式和案例详解，分为3个大方向和几个小方向（版面/配色/细节丰富），我们一个一个去了解清楚。在此要说明的是，流程呢是我个人平时的习惯方式。仅供参考，希望能帮助到大家。部分案例来源于网络 多有得罪请恕罪。一、Banner 三部曲 1-先形式版面形式[br]标题形式 2-再配色产品（人物）取色[br]依据理

产品 2016年07月27日