新姿势！用自然灵活的波纹曲线来柔化你的设计

相比于无处不在直线，曲线常常能让整个设计更加柔和一些。在网页和UI中，适时的加入波纹曲线这样的元素，能让界面更加自然，更加轻盈。波纹曲线的优势在于，它可以无缝地同各种不同的风格融合到一起，并且拥有调和不同的元素、不同风格的特性。作为一种基础的视觉元素，波纹曲线不仅仅在风格设计上有着独特的功用，而且在整个UI设计中还具备一定的功能性。在扁平化设计大行其道的今天，波纹曲线越来越

产品 2017年06月29日

10 个排版技巧提高网页的可读性

文本将介绍一些帮助提高文本内容的可读性的10个小技巧。沟通在设计中起着至关重要的作用。这是建立用户和网站之间的明确联系，并帮助你的用户实现目标的关键。当我们谈论网页设计环境中的沟通时，这通常是指文本。排版在这个过程中起着至关重要的作用：网络中超过95％的信息是以文字的形式出现。好的排版提高了用户的阅读积极性性，反之，差的排版会降低用户的阅读积极性。 正如Oliver Rei

产品 2017年06月28日

对比这 10 个注意事项，你的网页文字排版达标了么？

对于网页而言，视觉信息的传达至关重要。用户通过页面获取信息，文字、图片、图标、按钮、表单等UI元素都承载着不同类型的信息。在这其中，文字的作用尤其巨大。排版设计的时候，对于文本内容的处理，占据了相当大的比例。虽然网络上，信息呈现的方式多种多样，但是依然有超过9成的信息是通过文本来传递的。良好的排版设计能让阅读成为一件愉悦的事情，正如同 Oliver Reichenstein

产品 2017年06月27日

交互实战｜覆盖层设计：弹出式半屏页面和弹出式气泡（下）

上篇《交互实战｜覆盖层设计：对话框&浮层（上）》讨论了“对话框”和“浮层”两种覆盖层中最为常见的样式：对话框主要分为提示型和输入型两大类；浮层主要分为Toast和Snackbar两类。在下篇中，想要讨论一些不那么常用的覆盖层交互形式：弹出式半屏页面和弹出式气泡。1. 弹出式半屏页面弹出式半屏页面其实并不是一种官方既有的交互形式，而是本文对iOS和Android平台中相似交互

产品 2017年03月24日

Vue 高效 UI 组件库—iView 开发实践

前段时间在微软参加活动，分享了 TalkingData 开源的基于 Vue.js 的高效 UI 组件库 iView 的一些开发经验，现整理成文，和大家探讨。GitHub：https://github.com/iview/iview关于 iView开发历程和命名TalkingData 可视化团队使用 Vue 有半年多时间，经历了从开始简单的使用双向绑定，到后来完全依赖 Vue

产品 2016年11月07日

阿里干货！衡量交互设计方案标准的五层总结

鸿影：好的交互设计方案究竟应该是怎样的？为什么自己看来已经做得很完美的交互文档，拿去评审就被挑战得一踏糊涂？为什么细节考虑都很完善周到了，可总让人觉得缺失了什么？在几次「不太愉快」的设计评审经历后，我便有了给自己梳理一个交互设计全流程自查标准的计划，因为种种原因拖延到这周才完成初次系统整理，在此分享给大家，也欢迎指出我的错漏与不合理之处。第一层：目标相关性、流程完整性、整体

产品 2016年08月01日

三大点，浅析结构化设计思维

这期文章，我想引入一个知识点：结构化设计思维。这篇文章是在我拜读《结构思考力》这本书之后的想法，并结合自己的设计经验将一些在工作中用到的方法做一个系统的归类。很多同学在进行设计的时候往往知道设计方案却无法系统和结构化，这导致了当设计目标和场景变化的时候就无法将设计运用自如。比如针对目前公司的产品，你可能很快就能出几个设计方案，这时候让你换一个产品做设计，你会发现无从下手，好

产品 2017年01月19日

不止于美：浅析信息图形设计

人在喝完可乐一小时内会有什么反应？高速发展的中国互联网在一分钟内会发生些什么事情？美国大选，川普和希拉里的支持率到底有多大差距？信息图带你一分钟搞懂这些事！随着经济技术的发展，信息化科技化速度越来越快，信息量的不断增加，使我们对于信息的整理与识别要求也越来越高。繁忙的工作生活下，如何使信息更为直观的提供给用户，信息图形设计在这种环境下应运而生。一. 什么是信息图形信息图形设

产品设计 2017年05月23日

UX 设计中颜色微调的五个技巧

颜色是所有设计系统中的一个关键要素。在网站或应用程序中，可以通过多种方式使用颜色。有时通过对比或将颜色限制在选定范围，可以利用颜色创建焦点；颜色还有助于建立层次结构，并影响用户的视角。在本文中，我们将讨论如何策略性地使用颜色。1. 通过配比创建焦点颜色配比的一个典范是Viporte的设计。向下滚动其主页时，你会发现每个部分的中心部位都有一个大字母。在该部分加入动画前，该字母

产品 2017年02月23日

有图有案例！125个提升网页可用性的优化小技巧（四）

编者按：这个系列的教程有125个实用的网页优化技巧，每一个技巧都有案例阐述，保证简单易懂。今天@企业官网设计精选 翻译了第四部分 —— 在网页设计中兼顾所有用户和场景的3个技巧。一起来收！往期回顾：《有图有案例！125个提升网页可用性的优化小技巧（一）》《有图有对比！125个提升网页可用性的优化小技巧（二）》《有图有案例！125个提升网页可用性的优化小技巧（三）》尽可能兼顾

用户研究 2016年05月13日