当前位置:首页 >ui设计作品集pdf >产品体验设计-交互篇(二) 正文

产品体验设计-交互篇(二)

来源:ui设计网   作者:ui设计常用软件   时间:2020-08-09 07:52:14

第二个方案降低饱和度,产品使用浊色调配色,浊色调是比较中性的色调,不同色相之间相互搭配所带来的视觉感受很缓和,视觉冲击力也明显减弱。

原色混合产生了二次色,体验用二次色混合,产生了三次色。绿色与红色色相相隔较远,设计对比较强烈,绿色的产品在红色背景上显得比较突出。

产品体验设计-交互篇(二)

蓝色和紫色、交互绿色是距离最近的颜色,既有相似色因素,又存在着适度的对比,视觉效果比较柔和。产品参考资料:这可能是有史以来最全的色彩对比教程   作者:研习社色彩吸取的实用方法   作者:研习社淘宝美工学配色之六字真言  作者:董浩_超级美工甲方竟敢说你的配色丑。对比柔和的配色:体验单色搭配、体验相似色搭配【单色搭配】在同一色相上进行纯度、明度变化,搭配上并没有形成颜色的层次,但形成了明暗的变化,单色搭配可以产生低对比度的和谐美感,给人协调统一的感觉。

产品体验设计-交互篇(二)

我们选取其中某一种色相做为基准色相,设计通过色相环可以很容易了解到基准色和其他五种色相之间的关系,设计色相离得越近搭配越柔和,相隔越远对比越强烈。虽然通过配色工具可以获得大量的配色方案,交互但并不是每一组配色方案都适合我们的设计,交互最终还是要根据客户的需求、受众的喜好、产品的特点去考虑。

产品体验设计-交互篇(二)

对比强烈的配色:产品对比色搭配、互补色搭配【对比色搭配】对比色对比是指在色相环中相距120°左右的色彩所产生的对比。

调色规则7种模式从上到下分别为:类比、体验单色、三元群、补色、复合、浓度、自定。第四步就是同步,设计我们会定期更新同步到wiki和云盘中供大家使用,让整个插画库更加健康的运转。

当然一个好用的插画系统一定要拥有丰富的组件资源,交互这样用起来才更加的得心应手,所以除了自建以外,我们还有内容共建机制。 关于去构建,产品形成一个品牌插画。

这里可看到我们初稿将上半身胳膊骨骼定义为弧形,体验虽然现在的插画形象不妨很多这种艺术化的处理方式,体验但是再三思量定义:圆润是人物形象的外在表现,但是骨骼也应该是平直的,这样既符合现实,也更容易让人理解。有这些产出,设计我们决定将他们放入业务线中进一步去推进,设计然后发现这当中出现了很多急需去解决的问题:比如说,我们在应用过程中发现,人物绘制还存在不可控因素,主要是一些偏手绘的勾线与一些复杂的阴影,这样可能导致不同设计师绘制出的东西差异性较大,所以我们决定在基础制作中让这些更加有规矩。

标签:

责任编辑:ui设计兼职平台