首页 > 网页教程 > 设计分享 > 视觉设计之材质绘制的色彩理论

视觉设计之材质绘制的色彩理论

时间:2012-04-28    作者:大彬   来源:腾讯GDC

以下的所述的理论是在网上找到一些外国大师们在绘画材质色彩表现的理论和结合自己浅薄的知识简述得出,虽然是主要讲述材质色彩表现方面,希望对大家工作上有点帮助。

好 ,下面我们正式开始看图说话。

1视觉中心

哪些现象会比较吸引我们的视觉,让我们用最简单的一些图示来说明问题

  1. 色彩饱和度的对比,饱和度高的元素会比饱和度低的元素更加吸引我们的眼球
  2. 对比度的变化:对比度高的地方地方比对比度的地方更加吸引眼球(废话练习,谢谢)
  3. 虚实的对比:实比虚跟吸引眼球.(锐化和模糊的对比)
  4. 线的导向性:单从本图来说,线的发射源更加吸引我们的眼球,线的疏密程度决定了视觉上的选择

下面我们通过一些实际应用来让大家更好的理解

首先我们观察图中怪兽眼睛和周围的对比

  1. 眼睛中使用了饱和度非常高的色彩对比,并且经过锐化处理,所以在最终结果中,很难不让我们注视他的眼睛
  2. 毛发的处理上,毛发体现了线的疏密对视觉产生的影响,在所有毛发收紧的末段,线更加密集,这些地方很好的吸引了我们对于毛发的关注,所以很大程度上,在绘制毛发的过程中,松和紧的搭配是非常重要的

同样的,在这张关于肌肉的绘制中,松和紧的表达很好的贯穿了我们的视觉

肥胖褶皱所产生的一些结构性阴影和腹部/胸部的对比很好的诠释了整个身体的结构从这张怪兽脸部的绘制中,我们可以认识到

  1. 冷暖的对比,用冷暖比较戏剧性的对比来诠释结构的转折
  2. 明暗的对比(眼睛和眼窝的对比)很好的突显了眼神

虚实的对比/对比度的变化

这张图很好的诠释了 到底什么是细节

注意图中圈出来的一些斑的绘制,这些地方很好的体现了虚实变化以及对比度上的变化对视觉的影响.

一些个人观点:

从绘制材质的角度来说 最后能被玩家所注意到的才是细节

如果你在材质上叠加了一层噪点或者照片就认为产生了细节就大错特错了

满眼的细节等于没有细节,因为它分散掉了我们的视觉中心.

相关推荐
网页设计的色彩理论与案例浅析
秒变配色高手!六条网页设计黄金配色原则
网页配色经验分享:叠柔配色技巧及图解分析
网页配色之色彩搭配技巧与色彩对用户的心理作用
走心的技巧!如何为色盲用户提升网页的可用性?
3个使用鲜艳配色来制作WEB/APP界面的技巧分享
腾讯CDC:泛泛而谈界面中的斑马纹设计
简单而又不单调的网页视觉设计技巧
如何杜绝网页设计中视噪对用户的影响
如何让手绘应用于视觉设计中而增强亲和力和感染力
网页视觉设计如何针对用户有效表达信息
网站页面设计中光的特效设计引导用户视觉焦点
网页PS设计教程:手把手教你制作漂亮的商业模板
网页PS设计教程:手把手教你制作WordPress新闻博客模板
网页设计教程:5个原则助你设计一个成功的购买按钮
案例分析社交型网站首页设计的优秀设计原则
从网站可用性的角度深入分析苹果和微软官网设计的优劣
20个精致漂亮的视频播放器界面设计欣赏及点评
视觉设计:页面构建的审图与细节
网站设计之10个儿童网站分析及设计特点总结
工具型网站设计及典型案例分析
深入探讨图片格式与网页设计的那点事儿
分享:网页核心内容对视觉表现的影响
响应式网页设计正成为移动互联网大势所趋
20个超棒的photoshop网页设计教程分享
浅谈界面设计中的结构设计
网站营销活动页面制作过程图文分享
分享:5招助你打造更加简洁的用户界面
浅谈界面UI设计中的包容性设计
仿生设计—让互联网产品更易用
深入分析网页栅格系统的规范制作
分享:360安全桌面主题设计过程及思路总结
网页设计教程分享—能影响观众的网站首页设计10个要点
网页Banner设计的风格、排版以及配色经验分享
国外精彩网页界面设计案例赏析

精彩推荐

热门教程