如何善用对比度来提升网页内容的可读性

当我们聊设计的时候，可读性是我们最常提及的话题。良好的设计应该都是可读的设计，如果信息都无法正常而清晰的传达，那么设计就失去了意义。设计的可读性和排版设计息息相关，与此同时，对比度的控制也是其中的核心。想要提升内容的可读性，让内容以更加顺畅、更符合逻辑的形式呈现在用户面前，你需要借助对比度来表达，让用户真正顺畅的理解。色彩对比前景的文字需要和背景有着明显的对比，它需要能够吸

产品 2017年03月13日

总监有话说：我为什么讨厌一些“UI 设计师”

编者按：UI 设计师在这两三年突然火起来，一说起UI 很多人的印象都停留在「自学3个月薪酬12K 」，究竟它为什么会火起来，我们应该怎样学习UI 设计？来看总监的经验。最近邀请我回答的问题有很大一部分都是和UI 有关：不得不说，我入行7，8年，见过太多不同设计师的title，界面设计师，网页设计师，视觉设计师，互动设计师，UI设计师…等等等等，虽然很大程度上这些职位的工作内

产品 2017年03月13日

提高设计格调！17 款「高级感」的日文字体打包下载

@乘与九设计：日文字体可能对于普通人来说接触比较少，但对于设计师来说，日本字体具有很高的实用价值和参考价值。我自己对日本的设计一直抱有特殊情感，自然也很爱收集美的字体。一口气整理了我全部日文字体包，分享给你们，一起来学习日本字体设计吧！废话不多说，直接上图：▲ ヒラギノ明朝 ProN▲ ヒラギノ角ゴ ProN▲ 小塚ゴシック Pr6N▲ A-OTF 教科書ICA▲ A-OT

产品 2017年03月13日

【连载】曝光 - 产品思维与设计思维（14）

用户体验资源的稀缺性，使得我们必须要在用户认知能力和设备特性的限制之下，尽最大可能有效地将内容呈现给用户，并在这个过程中确保转化效率。最终的结果，意味着赚更多的钱、让用户发现更多的好东西、留住更多的用户等等。现实当中往往陷入两个极端。一种极端是简单粗暴，密密麻麻的信息呈现，将各种希望推给用户的内容都放出来，最终反而会影响转化。国内前些年的门户网站是很典型的例子，密集的信息堆

产品设计 2017年03月13日

探探和 LinkedIn 都在用的卡片设计，怎样才给你好的体验？

最近，越来越多 app 开始使用「卡片式设计」，例如我们所熟知的高端职场社区 LinkedIn 领英和 Facebook。到底这种卡片式设计怎么用，才能给我们良好的体验？AppSo（微信号 appsolution）为你带来了 5 个实践原则和案例。卡片是简洁小巧的信息盒子。 在界面设计中，要平衡界面的审美和可用性，卡片基本是一个通用选择。卡片这一设计概念最先被 Pin

交互体验 2017年03月14日

UI 设计中的黄金分割比

之前在 Medium 上看到的这篇文章，翻译了一下，介绍给大家。作者信息见文章末尾。黄金分割比在建筑、电器、logo 设计和摄影等领域都有着举足轻重的作用。我不准备用过多的篇幅去讲它的概念，大家可以在维基百科中去了解。我们的意识总是倾向于接受和谐和美好事物，而黄金分割比就可以在感知上使一款产品让人感到舒适和愉悦。简单点说，它就是一个让产品在设计中达到某种平衡的工具。这种方法

产品 2017年03月14日

微信 10 个交互设计细节问题的探讨

微信小程序开闸后果然立即成为这个雾霾格外严重的冬天中的一抹亮色，关于小程序将如何给互联网应用生态带来冲击的讨论迅速在朋友圈刷了屏，小至小程序和WebAPP体验的对比、低频APP的危机，大至微信在库克眼皮底下的暗度陈仓、引流与分流的博弈，太多的可能性值得我们拭目以待。此时作为一枚安静的设计汪，注意力还是回到微信传统的聊天、朋友圈、公众号这三大模块的交互设计本身吧。原本以为伴随

产品 2017年03月14日

在这些实例中，学会用动效赋予你 APP 生命力

如果重新审视10年前的网页和移动端应用的话，你会发现动效和动画在这个时期简直是犯规一般的存在：浏览器和硬件设备吃不消，它们根本无法成为设计最佳实践。十年前你所能看到的动画和动效，通常是使用Flash实现，或者短暂的存在于弹出框和闪烁的按钮特效中。但是情况在最近的几年出现了巨大的转变，iOS和Android 设备的大规模普及，移动端芯片的性能提升，让设计师在移动端APP上实现

产品设计 2017年03月14日

淘宝刚发布的新版本，可能会引领 2017 年的 UI 设计风格

编者按：前两天淘宝的App 发布了一款新版，新版UI 在视觉和动效上都有了比较大的升级，很可能是会带起一波真正的UI 设计趋势。在官方设计师出来分析之前，不妨先看看在野设计师怎么看。作者微信公众号：设计工厂关键字：设计, 设计文章, 动效

产品 2017年03月14日

用两个实战案例，帮你掌握专业设计师才会的设计思维方法

什么是设计思维呢？顾名思义，设计思维就是设计师用来思考问题和解决问题的方法。如何培养设计思维？今天这篇用两个实战案例帮你一窥设计思维的奥妙。我们先来看一个小测试：以下的方案中，哪一个是好设计？我们平时评判一个设计的好与坏，很多时候都是从色彩好不好看、使用时有没有可用性的问题等等角度来做出判断。那么请大家来看一下，这里的两个方案。先来简单介绍一下背景，这是百度金融产品线面向教

产品 2017年03月14日