产品迭代中,如何做到视觉设计的继承和升级

一个产品从起步到日趋成熟通常要经历多次迭代。在这个过程中,对于视觉设计师而言,如何在不断变化的产品中保持设计的延续,同时又能够有所突破,应该是大多数人都曾经面临或正在面临的问题。 本文将阐述自己在产品多次改版中视觉延续方面的思考总结,以微供市场多次改版为例,与大家探讨产品迭代中如何做到视觉继承与升级。 一、视觉表现为何要在迭代中有所继承? 从用户的角度,如果一个业务/产品的每个版本的设计表现都完全不一样,那么用户要不停的去理解学习新的版本。同时,也不利于此业务/产品在用户中的

经常被忽略的动效,对于用户体验设计是如此重要

动画效果是用户体验设计中绕不开的环节,而在移动端交互当中,动效是作为转场的润滑剂,承上启下的重要环节而存在。无论是发送信息,打开设置,选中元素,导航到下一个页面,这些变化发生的时候,动效让这一切不那么突兀,自然地过渡,呈现状态变化,帮助用户更清晰的明白当前的状态,这是绝佳的方式。 在今天的文章当中,我们尽可能系统地呈现动画和动效在视觉和交互上的常见功能和作用。 呈现系统状态 当用户通过交互触发界面行为的时候,他们希望能够看到视觉上的响应——整个交互系统应该明确地表示它已经收

信息架构设计大杀器!超全面的卡片分类法使用指南

卡片分类法是一种用户体验设计中的调研方法,它可以帮助我们分析用户,构建符合用户预期的信息架构。 一个网站是否好用,判断标准之一就是信息组织的是否有条理,用户能否方便地找到他们需要的东西。但一个非常常见的现象就是,网站上的内容是以公司的角度来设计的,而非以用户为中心(在近期我们针对43个网站的研究中,这个可用性问题排在第一位)。找出最符合用户心理模型的信息架构方案的方法之一,就是使用卡片分类法。 定义:卡片分类是一种用户体验研究方法,研究参与者根据对他们自身有意义的标准,将写着

网易设计师:做好文字排版的小技巧

网易UEDC – SONG:「细节决定成败」,在设计中也同样如此。 一个好的设计作品是由多种元素构成的,有的设计师往往重画面,而忽视了文字的排版。然而文字是最强有力的表现形式,和最有力量的信息内容。 人们在看一件作品的视觉顺序应该是:从主题到画面、到作品内容、再到各种细节的表现。主题大都是以文字的形式来展现会更加直观,作品内容则是由一段一段文字来说明。 读者的视线在文字上的停留时间要比画面更长,所以可千万不要忽视文字的排版。 一、中文字体、西文字体的排版及标点符号的调整 在画

如何通过校招进入BAT!阿里师兄师姐来教你

报名方式 1. 关注优设微信品牌号:youshege(扫描下方二维码亦可) 2. 在优设微信回复 “讲座”,即可进入报名环节。 讲座地点 讲座届时会在腾讯课堂优设官方频道进行 讲座时间 3月31日 周六晚 20:00-21:30 嘉宾介绍 李培坚,阿里巴巴基础事业群TXD团队交互设计师,负责B类企业级大型系统的设计,参与数据可视化和人工智能的设计研究,组织部门的设计原则和规范的制定。 李以杰,阿里巴巴基础事业群TXD团队视觉设计师,负责产品视觉风格的定义和插画设计,负责团

10个值得收藏的 iPad Pro 展示模型免费打包下载!

编者按:苹果在今年首次新品发布会上推出了一款支持 Apple Pencil 的新 iPad,跟随这个热潮,小编帮大家整理了10个 iPad Pro 展示模型,让你的设计稿看起来更精美,非常方便,下载即用。 打包链接:https://pan.baidu.com/s/19KWOj9Ewt_uZiUCxdmHNUg 密码:dtid △ 图1 △ 图2 △ 图3 △ 图4 △ 图5 △ 图6 △ 图7 △ 图8 △ 图9 △ 图10 「更多展示模型下载」 《设

解读Poi操作表格导出(生成多个sheet)

Java表格导出的方式有很多,有前端弹出对话框的形式,有poi操作,有jxl操作,可以说实现的形式多种多样。下面我用的只是其中一个poi操作Excel表格,同时可以在一张表格中生成多个sheet,后端实现,动态指定,无前端操作对话框。 记得导入poi相关jar包,下面直接看代码吧: package test; import java.io.OutputStream; import java.util.List; import org.apach

Java邮件发送:带附件 or 不带附件 is nothing

昨天正好要用邮件发送的功能,顺便看了下具体的实现,网上的版本很多,下面是我自己觉得高可用的一个版本,非常好用,并进行总结,优化了,大家可以拿来直接使用哦。 Java使用时添加相应的lib包:mail-1.4.7.jar,其他版本的也行。总的来说,需要实现三个类(但是,为了代码结构的严谨性,我们还是写完整些吧),大家可以放在一个package包下,方便管理和使用。 好了,闲话不多说,见代码吧。 (一)邮件内容实体类(大部分版本都差不多,有的参数未用到) pa

【译】使用圆锥渐变和CSS变量创建一个Range Input控制的环形图

原文地址:https://css-tricks.com/using-conic-gradients-css-variables-create-doughnut-chart-output-range-input/ 作者: Ana Tudor  最近我在 codepen 上看到了一个例子,我的第一个想法是这个案例可以只用三个元素完成:一个容器,一个 range 类型的 input 和一个 output 。在 CSS 方面,涉及到使用一个把 CSS 变量作为范围渲染参数的圆锥渐变