配色高手系列！聊聊“黑色”在电商设计里的常用搭配技巧！

@做设计的面条 ：鉴于在之前的一篇文章《高手课堂！5招带你玩转电商最常用的色彩搭配！》里我讲到了关于热闹促销型的电商设计最常用的颜色“红色”在电商设计里的运用，那么今天我就讲一下热闹促销型的电商设计最忌讳的颜色“黑色”在电商设计里的运用吧。那么按照惯例，为了便于大家理解，我依旧是先给大家列个文章提纲咯：黑色的释义。2. 黑色占比多少与活动定位之间的关系。3. 黑色页面的常用

产品 2017年06月08日

新鲜出炉！IOS 11 中有哪些值得关注的 UI 设计细节？

今天从 Apple 官网看了 iOS 11 的介绍，发现有不少的更新哦，比如控制中心、Siri、Live Photo 等等，总体来说都有很多不错的体验，不过本文不介绍功能，只说视觉界面。在 iOS 11 的新 UI 界面中，重大更新的界面主要有 App Store，所以我从应用商店的UI设计也能看出一些大概细节。图标：从线性改为面形新版 Store 的图标从线性改为面形，图

产品 2017年06月07日

超实用！12 条提高产品可用性的动效设计原理（附案例）

本文将市面上最常被使用的动效进行了一次总结并逐条阐明这些设计背后的原理，每条原理后面我都会为朋友们选出一些大家最常用的 App 作为例子，顺手打开就能体验啦。缓动（Easing）、偏移量和延迟（Offset & Delay）主要与时间相关。父子关系（Parenting）用于阐述元素之间的关系。变形（Transformation）、数值变化（Value Change）、遮罩（

产品 2017年06月06日

前端速来！2017 年 6 月前端开发者干货大合集

每个月的前端开发者干货素材大合集，相对而言更加专注于为网页设计师和前端开发者搜集相关的工具和素材，这次的大合集当中包含一款颇为有趣的屏幕录像软件，几款适用范围较广的基于Material Design的框架，还有一些性能测试库也非常好用。这些前端工具与素材功能各不相同，总会有一两款是你感兴趣，甚至正好想要的~KapKap 是一款设计精巧的macOS 屏幕录像软件，它是基于We

产品 2017年06月06日

我用目标导向设计法，完成了爱奇艺 PC 站风云榜的改版设计

爱奇艺PC站的风云榜，是一个提供各种频道榜单的荟萃之地。其存在的主要功能，是让用户能够了解热门的剧目，从中选择想看的影片，也能够了解最近都在流行些什么。然而，该模块很久没有更新，在内容展示上有着比较大的问题，导航上也存在使用不便的情况。因此，产品提出优化。在这次优化的过程中，我使用了之前介绍过的“目标导向设计法”来指导我的设计，效果显著。下面跟大家具体介绍一下。首先，先来看

产品 2017年06月05日

网站设计：为什么你的内容文本需要更大字号的 4 个原因

你是否有注意到，你的网站上的正文文字太小了。当桌面显示器和手机屏幕的尺寸随着科技的发展在变大变高清时，字号似乎没能适应或者说跟上这种变化，所以我们在观看文本时，会觉得好像字号缩小了好多。虽然他们和原始尺寸是一样的，但他们在感觉上比以前小好多。我发现自己在阅读屏幕上的内容时，经常是眯着眼睛看的，这不应该是这样。今天我们将讨论这种日益增长的问题的原因，以及寻找如何解决这个问题的

产品 2017年06月05日

学会插画的这四种玩法，能让你的 UI 体验更优异

人是高度视觉化的生物，能够即时处理大量的视觉信息，据统计我们所获取的90%的信息都是视觉化的。单一图像比起大块的文本对于用户而言更容易消化吸收。因此，在许多情况下，静态的图片能够传达出相当复杂多样的想法，尤其是在进行大范围展示的时候，它比文本的表现力要强的多。人的大脑对与图像信息的处理速度要比识别文本要快得多。长期以来，图片都作为UI界面中最具有表现力的元素而存在，而最近几

产品 2017年06月05日

领导说官网好丑要改版，从做好一份竞品分析开始

这段时间一直在做公司官网的改版，感慨太多，一是公司官网的风格实在太老旧，属于2015年流行的设计风格，如下图，二是领导一直追求外国网站简约大气的风格，类似airbnb官网。 现在的官网首屏然鹅，公司做的是云计算产品，跟airbnb这样亲民友好的网站八竿子打不着一块，所以，做好一份竞品分析，既能体现自己的专业度，又能让不懂云计算产品的设计师找着门路，还能让领导信服，多么一箭三

产品经理 2017年06月03日

字体新玩法？这些自由多彩的字体正在走向标准化

Color Fonts，多彩字体是近两年频繁出现的设计语汇，越来越多的设计项目当中，开始使用这一技术，尽管目前它依然处于起步阶段。诸如Adobe Typekit 这样的字体服务供应商，已经开始提供一些支持特定浏览器的多彩字体。也正是因为多彩字体使用范围越来越广泛，才有设计师预测，它会成为网页设计领域的“Next Big Thing”。作为一个植根于网页设计领域的设计趋势，多

产品 2017年06月02日

你真的了解“扁平化”？

这几天煮木君看了本易中天写的史书，书名记不住了大概讲的就是“王安石变法”，变法过程中北宋所经历的一些事及变法过程中遇到的问题...小伙伴可能会问，“王安石变法和扁平化设计有什么关系？”别急嘛，慢慢来。在没有完全了解王安石变法之前，煮木君就觉得王安石是个只会读书，不知百姓疾苦的“嘴炮”。后来才发现，其实错怪王安石了。王安石不止有满腹经纶更有自我牺牲不怕被后人千古后人唾骂的精神

产品 2017年06月02日