关于javascript:3D可视化色彩设计大揭秘

24次阅读

共计 1534 个字符,预计需要花费 4 分钟才能阅读完成。

3D 可视化,是目前十分热门的方向。所谓“文不如表,表不如图”,3D 可视化具备丰盛的展现模式和成果,好看和设计感也成了当下 3D 可视化行业越来越器重的局部。
在 3D 可视化场景中利用色彩能够对场景内不同信息做出辨别,吸引注意力以及增强标识等。使用不当不仅不够好看,还可能会造成一些不必要的歧义。可视化审美的规范有四大因素:新鲜、空虚、高效和好看。如何通过色彩,既要好看又要突出重点,明天就来分享一下 3D 可视化中色彩的使用和搭配办法。

色调情绪

色调能引起咱们独特的审美愉悦,尽管色调自身并无冷暖的温度差异,但色调却能引起人们的心理联想,所以说色调是有情绪的。红、橙、黄等寒色,会联想到太阳、火焰、热血等物像,产生和煦、热烈等感觉;蓝、紫、绿等冷色,容易联想到太空、冰雪、陆地等物像,产生凛冽、理智、平静等感觉。

3D 可视化的设计个别以深色主题为主,强调科技感和炫酷的成果。提到蓝色就容易联想到科技、智能等,深色还可能缩小眼部刺激,有利于长时间浏览。对色调情绪有了肯定理解对做设计都是有助力的。
例如,公安、交通、政务类等应用行业罕用蓝色调;银行、金融等相干行业,能够装点金色,但切记不要大面积应用,容易造成雅致的感觉;医疗、能源、衰弱类行业能够应用绿色调代表心愿;电商、娱乐类行业,用橘色和紫色偏寒色系可能渲染冷落的场景。

配色办法

自然界是由各种色调变动组成的,通常说的三原色分为光的三原色和色调中的三原色,光的三原色是指红、绿、蓝三色而色调的三原色是指红、黄、蓝。光的三原色,按肯定比例混合能够出现各种光色,电脑、手机、屏幕等就是由红、绿、蓝三种发光的色彩小点组成的。三原色依照不同比例和强弱混合,能够产生自然界的各种色调变动。个别在配色时,采纳扭转色调(H)、饱和度(S)、明度(B)进行配置。

比方在 HSB 色相环中,最亮的三个色彩别离是,黄绿色,黄橙色与黄色,如果须要加亮主色就在混白的同时将蓝色向蓝绿扭转色相,如果须要减暗则是相同,这样在调制渐变色变动的过程中不会呈现太脏的色彩。

配色计划

互补色:互补色就是在色环上间隔 180° 的色调,造成具备视觉冲击力的色调。
邻近色:邻近色是在色环上间隔 60° 左右的色调,造成的配色成果格调谐和对立。
对比色:对比色是在色环上 120° 左右的色调,能够产生较为强烈显明的视觉效果。
同类色:同类色指色相性质雷同,但色度有深浅之分。(是色相环中 30°夹角内的色彩)

不同的色彩代表了不同的意义,须要在实践中一直的积攒。网上有很多配色工具,利用适合的工具能够事倍功半,找到适合的配色计划间接拉到 ps 里汲取色彩,间接搭配起来用就能够应用。

3D 可视化场景具体配色办法

背景
3D 可视化场景背景个别采纳深色,以便于突出内容还不便做一些粒子、流光等成果。
场景
场景是重要局部,个别比背景色彩要浅,如果是同色调的话在明度和饱和度上有所区别。
文字
通常深色背景应用浅色文字,浅色背景则应用中灰。深灰。文字个别不应用纯白会显得僵硬,带一些色彩偏向更柔和。

图标
图标在 3D 可视化场景外面个别代表重要信息比方告警、危险、重要修建等,色彩个别采纳浅色且饱和度、明度都比拟高的醒目的色彩如浅黄、玫红。

图表
图表须要用色彩辨别数据的区别,然而要防止用色太杂,反而不容易了解数据。倡议应用同样明度和饱和度的色彩,低饱和度的色彩观感会更加舒服。如果图表数量多,同一类目最好用同一种色彩。在数据图表里,多采纳冷暖色、互补色能产生强烈比照,突出重点信息。

以上讲了 3D 可视化如何使用色调情绪、配色办法和配色计划,能够依据本人想要的格调去找一些优良的色调搭配,剖析色调搭配的比例,而后正当的使用到本人的设计之中,心愿能给大家提供一些小小的帮忙。更多案例展现:https://www.thingjs.com/

正文完
 0