每个设计师都该懂的参考线完全手册

@不知语冰：看完这个教程，你能收获到常用的设计辅助线合集+常用设计辅助线使用方法+常用的设计比例列表。辅助线（或称参考线），在UI设计中是经常会用到的，无论是用来规范设计还是用来提升“专业观感”都是很用的。一般的辅助线使用PS、AI自带的工具就可以了，另外使用像 guideguide 这样的插件更能事半功倍。而设计中还可能用到一些特殊的辅助线，比如黄金比例、超椭圆等等。 这

产品 2017年04月25日

Apps 交互式字体地图 视觉设计新帮手

IDEO 利用人工智能与卷积神经网络提取出更高水准的视觉模式识别，创造出一款名为“字体地图（font map）”的交互式界面，其中包含了超过 750 种字体，使用者可以用数字方式自由取用字体并进行探索在一次关于机器学习如何应用在多种创造性挑战的研究练习中， ideo设计公司的设计师们尝试将人工智能带入到字体的世界中。考虑到字体选择一直是设计师需要做出的最频繁的视觉决策，id

产品 2017年04月25日

UI 设计中的“黑与白”

我们都知道在UI设计中配色占据着极其重要的地位，良好的配色会提升产品的用户体验度，更会吸引更多潜在用户的目光。当然一款产品配色体系的建立是一个极其繁琐的过程，碍于篇幅我无法展开来说。这篇文章我们只是主要来探讨一下如何确定产品的主体配色风格： 是白底黑字还是黑底白字？ 影响配色的因素一款产品配色风格的确定是要综合多方面因素的，在配色方案制定的初始阶段，我们应该考虑以下几个方

产品 2017年04月25日

想要提升转化率？那你要明白这些色彩心理学知识

色彩是设计师手里最重要的工具，它是决定了视觉效果，能够影响用户的心情和情绪，左右用户感知和行为。色彩本身并不会产生愉悦感和品质感，但是它能强化它们。你有没有想过，当你在购物的时候，超过90%的购买决策都受到色彩的影响。有统计发现，杂志上的全彩广告要比黑白广告多26%，这也能说明一部分问题。结论并不难得出，色彩对于用户的影响是显著的，对于选择、转化率的影响是毋庸置疑的。不过，

产品 2017年04月25日

响应式 web 设计布局与规范

响应式web设计布局与规范简介本教程讲解如何在网页布局中应用响应式设计。在课程中，您将学到响应式 Web 设计。随着移动设备的普及，如何让用户通过移动设备浏览您的网站获得良好的视觉效果，已经是一个不可避免的问题了。响应式 Web 设计就是为实现这个目的的有效方法。什么是响应式 Web 设计推荐视频教程：《h5视频教程》 ， 《css+div 视频教程》 ， 《DW视频教程》

产品 2017年04月25日

UI 设计师：教你以问答形式“来“把玩”APP

作为APP狂热分子，定期去App Store或者其他渠道找新鲜的产品来玩儿，已经持续了很多年。但是光浮于表面的玩儿，还不够。因为只有了解产品背后的逻辑才能更全面的解读为何会那么设计。下面分享下我通过自问自答的方式分析APP的方法，希望对你有帮助。一、产品层面分析一款app，首先从产品层面入手，因为产品定位决定着后续的交互设计、视觉设计、运营策略等等。通常可以从三个维度来分析

用户研究 2017年04月24日

快速做出好 BANNER！保险类产品主图的通用设计方法总结

商品的产品图，就是出现在各电商网站上的产品照片或者图像。在淘宝的店铺设计中，一般可分为常规的产品主图和直通车两种。本文主要介绍在保险这个垂直领域，电商产品主图的通用设计方法。搜索结果下方排列的产品，由产品主图和产品文字信息组成，按销量或其他条件排列的搜索结果没有竞价排名。产品主图也在店铺首页和产品页面出现，作为产品的流量入口，对引流有着关键作用。众所周知，淘宝商城的实物类商

产品 2017年04月21日

专业科班高手：对我设计生涯影响最大的 8 本书

@乘与九设计：信息爆炸的今天，接收的知识和讯息数量庞大，而人的精力有限，还需应当放下最具有价值的知识之上，微博、微信、知乎固然也有不错的内容，但那些经历过时间沉淀的书籍更值得反复咀嚼，接下来，我给大家介绍影响我设计最大的8本书。01. 《艺术的故事》- 贡布里希《艺术的故事》是写给大众看的艺术史，故而深入浅出，生动有趣，更重要的是刷新了我以往几个片面的观点：1，艺术史并非是

产品 2017年04月20日

用 ZARA 的优化案例，教你学会把「设计思维」运用到实战过程中！

没看错，就是你们熟悉的那个服装品牌 Zara，这篇文章作者 William Ng 运用了「设计思维 」的模式，分析了 Zara手机应用的可用性，并提出了改进建议。算是对设计思维的具体案例运用。Zara是我最爱的服装品牌之一。但每次使用他们的软件，我都感觉有各种问题。所以我做了一个 Zara 的可用性测试与分析，来看看是不是别的用户也和我一样有同样的烦恼。结果我发现了许多用户

产品 2017年04月20日

找不到交互设计实例？看这里！

从欣赏的角度来说，优秀网页和应用设计本身就是一种美，能为设计师和用户带来一种纯粹的乐趣。现在很多优秀的网站、移动应用中都广泛的使用到交互设计。网络上也有很多相关的文章，例如什么是交互设计， 交互设计的流程是怎样的？但是设计从来不是空谈，理论和实际的碰撞，才能激发出更多的灵感。以下是我自己总结出来的10个优秀的交互设计实例(APP， 网页），希望对你们有帮助。移动应用 交互设

产品 2017年04月20日