UI 设计中的“黑与白”

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

产品 2017年04月25日

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

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

产品 2017年04月25日

响应式 web 设计布局与规范

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

产品 2017年04月25日

再来一波！2017 年 4 月前端开发者超实用干货大合集

进入2017年之后，设计和前端开发一直在快速的发展着，过去一年的设计和技术积累，催生了一批又一批的新工具和素材，今天的这一批干货素材主要是给网页前端和开发者所用的，其中所涵盖的内容多种多样，从APP到代码片段不一而足。SlinkySlinky 是一款实用的 Sketch插件，能帮你一键将Sketch 画板导出为 HTML邮件模板，Slinky 目前还处于快速发展的阶段，部分

产品 2017年04月24日

双 11 期间有 1.7 亿个 BANNER，都来自阿里的“鲁班”AI 设计系统

随着人工智能时代的到来，设计与人工智能的纠葛，艺术与科技的博弈，越来越频繁地现身热门话题榜。而在设计人工智能领域，阿里巴巴已经开始加速探索。就像那句广为流传的“Talk is cheap, show me the code”，他们也真的在去年“双11”期间，show 出了 1.7 亿由阿里的设计人工智能产品“鲁班”设计的 banner（广告横幅）。所以，怀着对科技既畏又爱的

产品 2017年04月21日

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

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

产品 2017年04月21日

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

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

产品 2017年04月20日

接货！2017 年 4 月设计圈干货大合集

又到了每月放送的设计师干货大合集了~这些让你的设计工作更加便捷、更加有趣的设计素材，应该合乎喜欢尝鲜的你的口味。这些素材同以往一样，免费的占到了绝大多数，它们有的尚且处于测试阶段，有的则是秉承最基本的共享精神，源自于乐于分享的设计师与开发者。其中免费的代码片段，也许只是前端设计师从自己的项目中扒出来，以飨同行；而同样免费的思源宋体则是Google 和Adobe 联合多国设计

产品 2017年04月19日

超实用！西文字体及排版的运用方法（附字体搭配建议）

一直觉得每种字体都带有自己的性格和情感。所以在实际的应用中，选择哪种字体的重要性比想象中重要得多。字体传达的信息，甚至可以影响人们的购买决策，影响到客户是否对你说「YES」。这里我参考了一些文章，总结了一些对字体的情感和应用研究。阅读时间：10 分钟本文将介绍字体与阅读体验字体与文化联系几种常见字体的故事与情感表达字体应用建议 （附五种字体搭配建议）字体与阅读体验每个人、每

产品 2017年04月19日

设计排版的 6 个基本步骤

作为一个设计师的最重要技能之一就是你要学习如何去选择排版。这是因为文本是设计师与用户沟通的主要方式之一。排版能成就你的设计，也能毁灭你的设计。本文的目的是作为一个起点帮助你学习如何为你的设计选择排版。它将激励你探索超乎你所认知的字体间的组合。By @jonathanzwhite作为一个设计师的最重要技能之一就是你要学习如何去选择排版。这是因为文本是设计师与用户沟通的主要方式

产品 2017年04月18日