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

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

产品 2017年06月05日

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

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

产品 2017年06月05日

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

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

产品 2017年06月05日

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

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

产品 2017年06月06日

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

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

产品 2017年06月06日

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

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

产品 2017年06月07日

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

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

产品 2017年06月08日

实战案例！京东商城 IPAD 4.0 商品详情页改版设计总结

@薛斯塔 ：京东iPad作为一个独立的客户端app，在外界看来一直处于一个比较尴尬的境地。一方面对标的电商类竞品们大都放弃了Pad阵地，基本放弃了原生界面的开发；一方面在京东内部，相对于其他的客户端，Pad的体量也一直占比不高。但作为以品质保证、用心服务为价值观的一款京东产品，我们依然希望为Pad端用户设计最好的购物体验,这也是京东人自上而下达成的共识与默契。因此，作为负责

产品 2017年06月08日

网站建设前要注意 这些网站设计误区可能会毁了网站

在传统企业拥抱互联网的今天，企业网站从最初的企业名片单一功能衍生到营销、推广、电子商务、网络办公等多个功能，如何让网站把这些功能发挥到最大，显然，对于企业网站来说，在网站建设的前期，就应该做好网站设计，如果设计不当，不仅仅会影响到网站整体效果，更有可能网站因此排名不好，最终自废“武功”，成了可有可无的鸡肋存在。 信息化时代，企业为了更好的推广自己的产品而建立自己的网站，在网

产品 2017年06月08日

电商网站设计系列（3）——商详页改版设计的复盘思考

前段时间笔者主导了网站 wap 端的商详页改版设计，这次终于腾出时间来好好分析总结下。虽然从这个项目中能够获得的经验远远低于我的预期，但这个小项目多少也融入了笔者很多思考，当然其中有很多不足，在这里一并分享给大家，相互学习。本文会从以下四个方面分别阐述：Part1：项目背景Part2：项目目标Part3：目前现状&解决方案Part4：遇到的坑Part1：项目背景商详页改版设

产品 2017年06月11日