设计文章

花了7天看了上千个交互动效神作,我总结出5个技巧

编者按:对一个全无经验的动效新手而言,如何制作出「正确」而不是「华丽」的动效?今天这篇Medium 上的好文,从克制、交互叙述流程、一步完成、不是动效的错和把握细节五个方面,附上案例分析,帮你学会基础的动画制作技巧。首先,我想大家会有这样的问题:什么是微交互 (micro-interaction)?来自 UXPin(一款在线可交互原型制作工具)的 Carrie Cousin

用户操作错误?来学习一下产品的容错性设计原则

半木:随着互联网的飞速发展,越来越多产品尤其是2C类产品更加注重用户体验,其中错误对用户体验的影响是灾难性的,在此我总结出一些容错性设计原则供大家参考和探讨。一、容错性概念及重要性对于容错性,大家可能不太清楚是什么概念,但当提到可用性时,那么大部分设计师都会比较熟悉这个词的含义。可用性是产品/系统重要的质量指标,是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度。

网站设计:不如学用简约风格的原则

极简风格能帮助用户简化操作,兼容性好,载入页面快等等优点,不过虽然看起来简单,我们需要考虑的东西可一点都不少。这一次,就让我们一边学习简约风格的原则,一边将它应用到实际网站制作中去吧。详细从以下开始。什么是简约风格的网站?扁平设计、英雄形象和汉堡包菜单等等许多这些现在流行的设计趋势,都是于2000年开始逐渐受到极简风格的影响才诞生的。「这里的英雄形象指的是:在网站首页上使用

这篇 8000 字长文,能帮你学会组件化设计与开发的思维方式

@可乐橙_ColaChan:最近打算在公司内部做一个分享,讲的是组件化的设计与开发的思维方式。准备完演讲资料,发现这完全可以改成一篇文章。藏着掖着不合适,发出来分享给有需求的朋友吧,就当是个试讲了,希望大家帮忙指出错误。下载地址:https://www.jianguoyun.com/p/DY1Z3bEQwKOaBhimoyg由于本文首先是以keynote的形式诞生的,其中还

让设计不再是小透明!超全面的用户引导设计指南

网易UEDC-任轶:用户引导,在生活中随处可见。医院的科室指向标、交通警察的指挥手势、男厕内为了达到“精准射击”的小苍蝇……然而,当我们看到不知是该“推”还是“拉”的门把手、看不出状态的开关、摸不清头绪的指示标,便会产生迷惑甚至焦躁。引导是通过某种手段或方法,干预目标对象的决策和发展,促使其更快地接近目标。 工作中,臭脸君经常纠结如何告知用户功能新增和变更、如何让用户按照我

实战经验!滴滴专车会员项目背后的设计经验总结

现如今,滴滴一部分出行用户从对出行需求的基本满足,到开始对品质要求提升,希望可以享受到更好更贴心的服务,因此专车用户在这一年开始快速提升了起来,滴滴专车无论是从线上还是线下,都希望给用户带来舒适的服务体验。滴滴专车经过两年的发展,从一个可以满足基本出行的服务工具逐步升级到一个可以满足大多出行场景以及定制化服务的产品。为了更好的提升专车服务体验,让专车高频用户可以享受到更多的

超实用!给新手设计师的灵感收集指南(附设计小技巧)

编者按:今天这篇好文推荐了不少能帮设计师寻找灵感的书籍和网站,都是高手常逛的,适合收藏起来每天看。另外附上腾讯设计师收集的8个设计小技巧,学起来!年轻设计师们常常会为缺少设计灵感而苦恼,反观那些优秀的设计师,他们却总是能够不断地创作出那些极具创意且富含功能性的作品来。是因为我们缺乏天赋,还是不够聪明呢?不,那些杰出的设计大师们不断地告诉我们:设计灵感并非与生俱来,而是需要你

2016 年最受关注的 10 个 LOGO 改版,你错过了哪些?

IBM的创始人小沃森曾说过:Good Design is good business. 毋容置疑,好的品牌设计能在受众心中留下好的印象,甚至会影响品牌的商业表现。在刚刚过去2016年,一些著名的国际品牌(也有一些是组织或机构)在自身的视觉设计上做出了重大改变:“让品牌更加年轻多元化”,“更适应移动互联网的”……特赞整理出了这其中10个最受关注的品牌Logo更新,看一看哪些是

译文 | 车载系统交互设计畅想 Part3:主动性辅助面板 - 场景式车载助理

在第一篇章中,我通过对 智能汽车车载中控仪表的重新设计来减少驾驶中过多信息对驾驶员的注意力干扰 。我的设计思路是通过多维度的交互操作来帮助驾驶员完成一些简单的操作任务,同时保证双手不离开方向盘。通过更多最对新手驾驶员的采访研究与测试,我又在第二章节中 针对消除驾驶过程中的焦虑情绪做了分析与方案设计 。在本章节中,我试图总结前两章节的研究发现,并设计一套针对智能驾驶的主动控制

2017 年的 9 大网页设计工具

我们现在可以找到很多付费的和免费的网页设计工具,这些工具可以帮助设计师轻松完成工作。下面介绍一下2017年首选的网页设计工具。1. AtomicAtomic是一个不需要编码的原型工具。虽然使用这个工具有点贵(每月15至35刀不等),它有个30天的免费试用期。简单开始一个项目你可以先新建一个画布,也可以将Photoshop和Sketch文件导入Atomic历史记录这个工具