最近观察到的几个网页设计的趋势

前段时间，腾讯 CDC 团队的博客网站改版，乍看之下，我以为是 mobile first 然后再去适配桌面端，窄屏下几乎占满屏幕的大 banner，卡片式、突出焦点图的文章。结果一问，不是，还是 desktop first。但这让我联想起，最近观察到的几个网页设计上的趋势。1. 信息密度降低除了上面说到 CDC 的网站之外，面向 C 端用户而且用户数比较大的，就是 QQ 音

产品 2016年11月23日

卡片式设计的最佳实践

卡片本质上是一个简单的信息容器，信息量有限，但设计干净整洁。现如今，在保证界面具有优秀可用性的同时，卡片式的设计甚至成为了平衡界面美学的默认做法。作为最初由Pinterest和Facebook这样的终端服务引入的一种新的设计方案，今天卡片式设计的影响力正在多个行业蔓延开来。如果设计合理，卡片式的设计将能够在一定程度上改善应用程序的用户体验。在本文中，我将描述5种有用的卡片设

产品 2017年01月11日

惊喜来了！如何用PS给心爱的妹子/男神做一份独特的礼物？

编者按：当设计师遇上喜欢的人，该送什么礼物才能不落俗，格调够高还有创意呢？今天@Veles 传授的这一招简单实用，而且送给妹子后不用担心角落吃灰，出街率满满！单身的朋友们，是时候来提升一下自己的撩妹/汉能力了。我相信当人家知道你是干设计的时候，肯定遇到过这样的场景。甲：呀！你是做设计的啊？你会画画呀？好厉害呀！可以不可以送我一副我的图呀，很简单的。设计狗：啧啧啧，简单，你咋

产品 2016年06月27日

UI 设计中的黄金分割比

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

产品 2017年03月14日

史上最全的摄影后期调色工具剖析！

面对一张原片，在我们分析过后这张照片需要调什么色彩之后，便该进入实操环节了——使用各式各样的调色工具，为我们完成照片的色彩调整。当我们去欣赏一幅照片时，给我们带来第一眼冲击的便是照片的色彩，色彩在一幅作品中有着关键性的作用。简单的色彩中可以包含情绪，传达拍摄者的感情，合理的调整色彩可以让照片拥有更强的生命力。在介绍Photoshop色彩调整工具前，我们首先需要了解一个重点—

产品 2016年11月30日

App 动效原理和应用设计

前言时下对动效的追捧，疯狂至可以用一句话形容——“没有动效的APP，简直不是好的APP”。优秀的动效设计在提升产品体验、用户粘性方面的积极作用有目共睹，已然成为现下Web、APP产品交互设计和界面设计必不可少的元素。笔者想从常见基础动效、动效作用、动效的应用设计和动效评判四个方面简单谈谈对动效理解。Part 1 基础动效常见动效通常是由多个基础动效组合而成。下面就让我们来看

产品 2016年11月28日

关于交互设计，你应清楚的一些基本概念

我们总是对UX、Interaction、HCI、UI等等一些交互设计概念傻傻分不清楚，到底这些概念的基本定义是什么？又有何区别？文章一一解读。一直以来，经常有学生来问我，“是该选产品设计好还是交互设计好？”或者“过去是做产品设计的可不可以转交互设计？”“是不是视觉设计转交互或者界面设计方便点？”等等诸如此类的问题。笔者注：“产品”既可以是物质化的（硬件等实体产物），也可以是

产品 2017年08月09日

网易设计师：聊聊产品设计和开发中的破窗问题

编者按：由于设计趋势变化太快，现在有很多设计平台规范的交互方式不统一/视觉风格不一致，该如何应对这些历史遗留问题，今天这篇短小精悍的文章或许能给你一点启发。什么是破窗理论？美国斯坦福大学心理学家菲利普·津巴多于1969年进行了一项实验，他找来两辆一模一样的汽车，把其中的一辆停在加州帕洛阿尔托的中产阶级社区，而另一辆停在相对杂乱的纽约布朗克斯区。停在布朗克斯的那辆，他把车牌摘

产品 2016年06月21日

文韬互联：网站首页布局设计该注意哪几方面？

前言：文韬互联在百家号上所发布的文章，全部为手打纯原创，如有朋友喜欢我的文章，欢迎订阅。在前面我们讲了关于域名和服务器的事情，其中域名的标题是《 文韬互联：用户该如何选择合适的域名 》，对域名和服务器有兴趣或疑问的朋友，可以搜索相关标题进行检索。我们在谈完服务器以及域名之后，可以开始进入网站设计和制作这方面了。今天谈的标题就是网站首页布局设计该注意哪几方面，敬请朋友们留心仔

产品 2017年01月09日

用这个设计方案，成功解决了为色盲设计的难题

编者按：色盲是一个庞大的群体，一向鼓励「用设计解决问题」的同学们，是时候学习这个专门为色盲人群打造的设计方案了，附上国内某知名地图的成功案例，强烈建议阅读。无障碍设计（barrierfreedesign）这个概念名称始见于1974年，是联合国组织提出的设计新主张。其理想目标是“无障碍”。关注、重视残疾人、老年人的特殊需求。人类是拥有视觉、听觉、触觉等诸多感知“通道”的整合体

产品 2017年02月23日