Previous Frame Next Frame
  • Lorem ipsum dolor

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more
    1
  • Lorem ipsum dolor

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more
    2
  • Lorem ipsum dolor

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more
    3
  • Model 1
  • Model 1
  • Model 1

Maya材质教程:如何创建盛放液体的玻璃器皿材质

No Comments

  Maya材质教程:如何创建盛放液体的玻璃器皿材质
  Maya材质教程:如何创建盛放液体的玻璃器皿材质
  本例将向朋友介绍如何运用Maya创建盛放液体的玻璃器皿材质,对于创建香水瓶,酒杯中的水,以及其它一些和玻璃、液体有关的东西均会有帮助,希望朋友们喜欢~~
  好了,在开始本篇教程之前,你必须要知道以下几点:
  1.液体的反射是如何影响玻璃表面的。
  2.玻璃的各个表面和液体/水之间的反射和折射。
  4.为什么倒角对于玻璃的制作很重要。
  如果有一个光亮的玻璃瓶,里面盛着有色的液体或者水,那么它就一定包含着以下3个反射的区域。
  这就意味着每个表面都有它自己的材质。
  液体的颜色反射在玻璃瓶的内外表面上,这些反射后的形状叫做折射。当光经过水、玻璃、望远镜、塑料、放大镜以及其它一些凸起的东西时,光线弯曲,就会产生折射。
  2.玻璃的各个表面和液体/水之间的反射和折射。
  水是对于光的反射很强,同时光从玻璃表面到水时,也会发生反射和折射。
  4.为什么倒角对于玻璃的制作很重要。
  很重要的是,有倒角的玻璃会产生高光,因为倒角有凸起的表面,所以它会折射所有的反射光、环境光和光源射来的光。
  那么,我们要怎样才能将这些应用到Maya中去呢?
  使用水/液体的材质是很简单的。先创建一个Phong材质,将颜色设为黑色,再将Transparency设成水/液体的原色。
  将Cosine Power设到8-11之间,Cosine Power的设置闰,将折射率设为到之间。那么?什么是折射率呢?它指的是光线经过透明物体时弯曲的程度。
  注意:当Refraction Index为1时,意味着光线根本没有发生弯曲。在Maya中,普通材料的折射率如下:玻璃、空气、水、水晶、钻。
  下一步是将折射限定设为10。10?为什么要设成10呢?因为这是允许光线发生折射次数的最大数值。举一个例子,如果折射限定为10,就意味着,物体表面只能折射已被反射或折射过9次或9次以下的光线,而对于已被反射或折射过10次或10次以上的光线就不折射了。然而在大多数情况下,镜子的折射限定至少是5,玻璃的至少是9。
  好了,下面将反射限定设为5到6之间,那么,什么是反射限定?为什么要把它设为5到6之间呢?
  反射限定是允许光线发生反射的最大数值。例如,如果反射限定为4,也就是说,物体表面只能反射已被反射过3次或3次以下的光线,而对于已被反射过4次或4次以上的光线就不反射了。
  好,现在我们就开始主玻璃物体的材质的工作,我们需要用于透明的ramp,采样工具,用于反射的ramp,以及用于产生随机反射图案的贴图。File是指带有随机图案的TGA格式的文件。
  Ramp1的作用:从samplerInfo1获得表面上与摄影机法线方向相对应的每个点的facingRatio值,将此值与Ramp1为V Ramp)的vCoord相连接,这样每个facingRatio值就对应了一个Ramp1中的Selected Position值,通过调整Selected Position所对应的颜色,就可以使每个表面上与摄影机法线方向相对应的点有一个确定的颜色值。而Ramp1又与透明度相连接,所以,就可以通过调整 Ramp1的Selected Position及其相对应的颜色,来控制表面上与摄影机法线方向相对应的每个点的透明度。
  假设表面上的某一点通过samplerInfo1的采样得到了一个facingRatio值为),Ramp1中的Selected Position为的位置的颜色是//,而以下的位置其颜色均为//,所以表面上这个点的透明度为//。以此类推,表面上facingRatio值越大的点,其透明度越接近白色。当点的 facingRatio值大于等于后,其透明度就为白色。
  place2dTexture与Ramp1相连接,为最终的透明度过滤表面的UV方向。
  Ramp2 的作用:同Ramp1类似,只是连接到材质的反射率上。
  EnvChrome1的作用:用来给Blinn材质反射增加格状反射环境,如果你愿意,你也可以使用EnvShpere。
  注意:如果你想得到更柔和反光,你也可以使用Phong,在这个例子里,我使用了有尖锐反射的Blinn。
  下一步,我们需要一个主玻璃材质的副本来为内反射面新建一个材质,对于这个内表面反射体的材质,你可以将Specular Color上连接的贴图节点断开,用一个单独的颜色替代。
  这样我们就有了3个材质:主玻璃材质,内反射面材质和液体材质。
  好了,正如我在教程一开始就说的,这个盛着有色液体或者水的光亮的玻璃瓶包括3个反射区域,因此建模时也就包括3个表面:
  重要的是:要在物体的属性编辑器中的Render Stats项里将玻璃内表面和水表面的Cast Shadows和Receive Shadows关掉,因为它们只会接收或产生反射和折射。
  1.在给玻璃瓶和液体建模时,可以复制一份主玻璃物体,并使用Isoparm表面)来创建液体,然后使用Planar制作液体的上表面。
  2.你可以使用Layered Shader或者单独的透明材质来制作香水标志。
  3.在玻璃瓶的周围放置更多东西以增强反射和折射效果。
  最后在渲染之前检查一下:确保在Render Globals中打开Raytracing模式,然后将Quality设置为Production Quality。

Categories: 设计作品

腾讯出品!8个实用小技巧让你的手绘形象更加生动有趣

No Comments

  腾讯出品!8个实用小技巧让你的手绘形象更加生动有趣
  腾讯出品!8个实用小技巧让你的手绘形象更加生动有趣
  Siliang:随着越来越多的手绘元素出现在APP、页、H5、信息图表中,手绘似乎已经成为一个设计师所必备的技能了。一个生动的卡通形象会为你的作品加分不少,如何让自己画的卡通形象更生动有趣呢,我总结了以下几个方法:
  自学方法先送上:《非科班同学有福啦!手把手教你从零基础开始学素描7
  要体现出人物的情绪,高兴、生气、怀疑、鄙视的情绪都可以通过人物的面部表情来呈现出来。
  这是一个H5游戏中的形象,根据需要分别绘制了失败、生气、愉悦三种表情姿势。
  在绘制肢体动作时建议加强关节弯曲度,怎么舒展怎么来,会有意想不到的收获。
  这是一个刘翔的卡通形象,设计之前我仔细观察了刘翔比赛时的外形、表情,姿势等细节并做了夸张化的处理,人物的关节弯曲程度也做了加强。
  在扁平化的风潮下,卡通形象变得越来越平,但有时需要图形很大或者做怀旧风格的时候,你就需要给形象增加一些材质:例如纹理,噪点。当然也别忘了高光和阴影的运用,这会显得很有立体感,很有细节,耐看度大大增加。
  当你画的主体是一个形状很规整的元素时,例如:盒子、电视等。可尝试增加一些飘动的元素使画面看起来不是那么呆板。例如:飘动的彩带、吐出来的舌头、挥动的鞭子等等。
  左边是一个礼盒的形象,礼盒本身是一个形态方方正正的样子,为了叫它更有趣,我加入了贪婪的舌头和飘忽的眼神。
  右边是个跳动的青蛙,长长的舌头不仅可以辅助主体的动势还可以作为画面的补充来存在。
  衣服的褶皱、口袋、扣子、耳环、青春痘,这些细节元素也别忘了。
  细节的增加是很微妙的事情,不要以为细节很小就觉得可以忽略,实际上如果细节够多,画面会产生质变。
  新的风格会很有挑战,这会激发起你的创作欲望,这很重要,尝试更多的风格也会让你的作品变得多姿多彩。
  当你对自己目前的画风感到厌倦或者灵感不再的时候可以尝试这个办法,是个激发潜力的好办法。
  形象的设计是一次再创作,不是拍照,抓住事物的特点,放大突出,就这么简单。
  保留事物的明显特征,化繁为简也是一种不错的风格。
  创造几个和形象相得益彰的字体吧。
  设计字体是一件很费时间的事情,但是独特的字体会让你的作品显得与众不同,值得花一些时间在这上面。
  手绘一定需要绘图板么?我觉得不一定,至少我的作品全部都是用鼠标绘画完成的,当然我会在开工之前先在纸上画画草图,不需要多么精确的草图,只是做到设计好人物的动作就可以了。

Categories: 设计草稿

做设计近 10 年,我才琢磨明白这 20 个问题

No Comments

  做设计近 10 年,我才琢磨明白这 20 个问题
  做设计近 10 年,我才琢磨明白这 20 个问题
  以前写了很多方法、思考、知识的梳理等等内容,有时候我们却很少思考问题的本源。最近也在整理自己的思路,所以不停地问自己一些问题。今年工作第九年,马上进入第十个年头,慢慢对这个行业有了一点点认识。以下纯属个人观点,我觉得一碗鸡汤让你热血行动三分钟,不如一盆冷水让你停下来审视自己未来该走的路更重要。
  这个时代小白都知道“少即是多”这句当今设计界最流行的至理名言,但少不是简陋,也不是盲目的装饰,要学会克制和取舍。
  能把设计做出高度最后拼的不是技巧和表现而是睿智。
  别因为现在做设计比你做普通文员多挣几千块钱就来做,你消耗心血的价值远远大于这一点点钱。如果你甘愿平庸的过一辈子,不做设计起码能让你衰老的慢一些。
  大部分时候设计不能改变你的生活现状,起码不能解决眼前的财务自由,能做出像乔布斯所迷恋的那些伟大的设计只是于少数天才设计师的游戏。
  设计师是那类把热情、激情和理想结合在一起的人。
  我研究和学习的大师级设计家除了不断精进设计技能,更重视积累人文、艺术、历史、心理学、演讲等多门科学知识的储备,你呢?
  都说热爱设计,问问自己设计到底给你带来多少快乐和满足感? 呵呵。
  有很多歪打正着的设计师最后做出了名堂,比如聂永真,但你没有看到他们背后的天赋和努力程度。
  你的设计核心竞争力在哪里,审美?技能?学习力?还是单纯的只是熟悉软件操作?
  我特别反感把热爱设计天天挂在嘴上的人,把热爱换成钱,把钱换成对设计的投资。你舍得为你的职业投资多少钱?
  这些年的工作让我有个很深刻的感触,就是别把设计只单纯当成技能和交换金钱的商品,它只有作为生产力才能本质上解决设计师的生活状况。就是说别去做设计服务,而是想想你拥有的本事有什么商业价值。
  资历从来都不是评判一个设计师的标准,能力才是,不要盲目崇拜那些有资历没能力的人。
  “处女座”情节,起码在设计师工作的时候是优点,任何一个有些追求的设计师都得过“临时处女座脖。
  设计师的工作不应该仅仅停留在把事物变美的层面上,更要想办法用设计手段解决某些问题,从某种意义上来说,我觉得设计师更像是医生。
  工作快十年,我才对设计慢慢有了认识,我觉得我的设计之路刚刚入行。所以,我要做一辈子的学生,因为走得越久,越发觉得自己太多的不足。
  能把设计做好的人,一般都善于审视事物之间的关系。
  你别鄙视美工这个称呼,除非你既能驾驭美术设计,又能hold住前端工程才配得上叫“美工”,外国的大神都是设计技术一起来。
  别因为是培训班出身而觉得低人一等,也别觉得学会点软件,给某个企业做点设计就真的觉得自己是个设计师。
  设计师需要深度思考,深度阅读,甚至冥想与沉思。每天绝大多数的时间都是与图像打招呼,所以才需要非图像的文字来刺激虚化的想象和感知。
  我公众号内容不配图,垂直,沉长,甚至有时枯燥……嗯,原因如上。
  最后,用一句我很喜欢的签名结尾:我是一个设计师,我会一直做设计。

Categories: 三维设计

计算磨皮,利用高反差和计算磨皮祛痘痘教程

No Comments

  计算磨皮,利用高反差和计算磨皮祛痘痘教程
  计算磨皮,利用高反差和计算磨皮祛痘痘教程
  这个磨皮方法是先复制一个通道,然后用高反差把反差大的地方弄出来,然后用计算把这些反差大的地方加强,再做出选区,用曲线调一下就能达到磨皮的目的。不会这种方法的一起来看。这种磨皮方法十分适合祛斑时用。
  之前看了很多修图教程,但是总是看到一半就会看不下去,觉得步骤太过详细,对于PS初级的盆友们来说,还是教程简单易懂一些比较好。所以呢,今天我就总结一下我的修图步骤,争取让大家一遍就可以做出有质感的皮肤。但是,亲们不要指望着一遍就能明白原理哦,最起码要看着教程修一遍图,然后自己再独立修图,在修图的过程中要多思考每个步骤的意义。
  本次教程就以这个美女为例进行修图,这张原图,模特的气质还是有的,但是脸上的痘痘也不是很多,但是肤色暗淡,脖子上面隐约可以看见一个个的小疙瘩,严重影响图片美感,大家来看一下修完后的效果~觉得我修的还可以的话可以继续看教程了~~
  将原图放到ps中,点击通道,点击蓝色通道,复制蓝色通道。得到蓝色通道副本
  2.选择滤镜——其他——高反差保留,将半径设置为8像素。
  用颜色为#9f9f9f、硬度100%,透明度100%,流量100%的画笔将模特的眼睛,嘴巴涂抹好。画笔的大小自己调到最合适涂抹的大小即可。
  这个步骤很关键。选择图像——计算,将混合模式改为强光,得到Alpha1;再重复这个步骤两次,得到
  按住ctrl和Alpha3的缩略图,这个时候选中的是模特身体上光滑的部分,然后按ctrl+shift+i进行反眩
  反选后,进入图层区,为图层添加一个曲线,如果。这个时候你会发现,脸变得不一样了呢~
  按住ctrl+alt+shift+e,得到一个合并图层,将背景图层复制两次,分别命名“表面模糊”,“红色通道高反差保留”放在合并图层上面。
  7.对表面模糊图层进行如下操作:滤镜——模糊——表面模糊,具体数值如图。这个图层的透明度设置为65%。
  对红色通道高反差保留图层进行如下操作:图像——应用图像;通道选择红色,混合模式选择正常。如图:
  还是对“红色通道高反差保留”进行操作:滤镜——其他——高反差保留,半径选择;该图层的混合模式设置为线性光,神奇的一幕发生了~~
  将除去背景层的其他图层建一个组,选择alt+“添加图层蒙版”按钮,建立一个黑色的剪切蒙版;用白色笔对痘痘和肤质不好的地方进行擦除就ok了。画笔选择白色,透明度80%,硬度为0;
  质感的皮肤的打造就完成了,如果,脸上还有一点痘屿捷键合并一个新图层出来。
  在修下面这个美女的时候加了比较多的锐化和滤镜中其他里的自定,因为本图本来就稍微有些模糊~
  修完图片后再顺便排下版~~~最爱的丹尼尔~~~话说我的男神真是有点多~~哈哈~~
  最后,这个教程虽然是我自己总结的,但是步骤还是和上的一些步骤是相似的,能自己一边做一边总结就证明自己真的是学会了,仅仅只跟着教程做一遍是不足够的,自己一定要多练习~~~祝君成功。

Categories: 三维设计

神器两连发!超多配色组合的网站+两步做酷炫字效的软件

No Comments

  神器两连发!超多配色组合的网站+两步做酷炫字效的软件
  神器两连发!超多配色组合的网站+两步做酷炫字效的软件
  编者按:今天的两枚神器,一个是收录超多配色组合,帮你搞定配色灵感的在线调色盘,一个是@Akane_Lee推荐的字效神器,超简单2步操作就可以做出各种酷炫的字体效果,一起来收!
  如果你对于配色工具有兴趣,一定还记得 LOL Colors,由国外开发者独力完成的免费页选色服务,只花了 24 小时时间建置!这项服务最吸引人的地方在于页设计相当简单,提供各种色彩组合,没有太多额外或复杂难懂的功能,实在深得我心。本文要介绍的 ColorDrop 和 LOL Colors 有点相似,不过配色工具向来不嫌多,若是平常工作会需要找寻色彩灵感的话不妨将它加入书签以备不时之需。
  ColorDrop跟 LOL Colors 类似,都是将四个一组颜色整合在一起,点选色彩后就会跳出对应色彩值,让你能将颜色运用到其他设计开发。ColorDrop 已经收集一些配色组合,未来会持续更新,亦能将自己喜爱配色加入最爱,以便之后随时返回页检索。
  比较不同的是 ColorDrop 允许使用者更换不同背景颜色,预览在不同背景配色中套用某种颜色的感觉,让你在浏览站时有更多不同体验。虽然是一个简单的小工具,相信大家一定会喜欢。
  开启后,从首页就能开始浏览色彩调色盘,站收录不少漂亮的配色组合,五颜六色、多采多姿。从左侧切换不同背景色彩,以下是其中四种颜色。
  点选其中任一配色组合后,站右侧会跳出这四种颜色及对应的色码,对于要使用颜色来说确实非常方便。如果你想将它暂时收藏起来,之后返回站时可以快速找到某个颜色的话,点选上方的「星星」就能标记为 Favourites。点选左侧「Favourites」开启所有你加入收藏的配色组合。
  除此之外,也收藏一些扁平化设计常用颜色,从左侧的 Flat Colors 可以找到这些颜色和 HEX 色码。
  Art Text 3 刚上 Mac Store 时我就注意到了,首页 Banner 轮播很醒目。当时就在官下载免费试用玩了下,觉得超酷炫,但暂时用不太到的样子没买。突然半夜朋友传讯通知「喂、Art Text 3 降价啰9,然后就手滑了…
  原本美元,特价是美元,台币约 $ 890 元,人民币约200元。
  官上的影片一定要看,超神奇,短短几秒鼠标随便点一点就可以做出一堆在 PS 要合成半天的特殊效果文字。还有图层、型状功能,能搞出非常多的花样。
  一开启 Art Text 3 会看到这个画面。
  画面切成三栏,左栏上方 4 个 icon 分别是文字、图片、形状、图层。中间是画布。右栏则是对象的详细数值设定区块。
  相信大家如果看了影片,对这块奶酪印象一定很深刻。其实呢…也就是
  文字对象中下方有个圆型控件,可以调整文字的角度。
  各位在调整角度的时候要稍微控制一下手劲,很容易歪掉。
  Art Text 3 没看到参考线功能,得靠目测对齐,强迫症设计师应该会很不习惯。
  我弄了个宝石字、在左方栏第 2 个 icon 选择背景图片。右方区块针对背景也提供一拖拉库的细节设定。
  左方栏那 4 颗 icon 下方的下拉选单不要漏看了,有一大堆的分类项目,点开会出现很多内建样式与图片可以挑到眼花。
  比如我在文字上加了几个不同的炫光效果。
  特别说明一点,语言文字问题,用 Art Text 3 设计中文字一整个丑。中文字型要非常谨慎地挑选,不然会变成高级版的「文字艺术师」。
  官有免费试用版,大家还在观望的话可以先去下载试玩看看,不过这一次特价应该不会维持太久,要买要快…

Categories: 设计方案

超赞!2016年7月新鲜出炉的设计圈实用干货大合集

No Comments

  超赞!2016年7月新鲜出炉的设计圈实用干货大合集
  超赞!2016年7月新鲜出炉的设计圈实用干货大合集
  又到了新的一轮的设计圈干货大合集发布的时间了!这次的合集也是干货云集,囊括了笔记类工具,营销工具,生产力工具,CSS框架,UIKit,远程协作工具,配色工具,以及免费的字体。虽然这些干货拼配庞杂,但是都是精品,这其中总会有你想要的。
  Beetle 将那些大品牌的营销类的电子邮件集中到一起供你学习。
  Mybridge 是一款专业的阅读类APP,帮你阅读更多,完成更多任务。
  Better Notes 是一款简约的笔记类APP,你可以通过标签来整理笔记,还能附上照片等多媒体。
  Slaask 是一款为Slack 所设计的客户服务APP,它可以帮你将所有的客户和团队沟通集中到一起。
  CSS-Mint 是一款轻量级,易用的UIKti,能极大的减少前端开发的周期。
  Blendo 是一款能够让你的数据轻松应用到所有地方的平台,它不仅简单,而且能够轻松的获娶混合不同来源的数据。
  iOSStash 是一款囊括了最佳APP开发资源的可视化目录,它按照类别和子类别来分解呈现这些资源。
  Scout 是一款个人招聘主力,它可以帮你手头空缺的职位找到最佳的人眩
  Emotify 让你可以更加便捷的将各种各样的表情添加到你的站。
  Unicorn 可以帮你同天使投资沟通上,为你的项目找到投资。
  Codebeat 可以让你所编写的 Swift 和 Obj-C 代码更快得到反溃你唯一需要做的就是连接你的Github库,获得反馈就好了。
  让寻找配色方案成了信手拈来的事情。在这里你可以随便查看每个配色方案的HEX和RGB值,然后应用到你的设计中去。
  如果你要在伦敦开始创业,那么这部 London Startup Guide 涵盖了所有你需要知道的关于在这里打造初创公司,所需要遵循的一切。

Categories: 设计方案

PS合成大片中的风暴足球场教程

No Comments

  PS合成大片中的风暴足球场教程
  PS合成大片中的风暴足球场教程
  这个世界太平静了,是时候需要一些刺激了,飓风是最好的方法;很久没有自己想象一个场景进行合成练习了,真的是考验人的细心和耐心。那么接下来就让我们开始吧。
  1、将球场的饱和度降低,放入主场景。
  2、将球场复制2层,每张都是用“叠加”,透明度:60%。
  3、将龙卷风用蒙版擦出,放置于地平线处,然后提高对比度和降低明度。
  4、因为是夜间,将素材中的风暴云层用蒙版擦出后,也是降低明度,让它像是黑夜中的云。
  5、再去上找点别的云彩的图,放置于风暴云后面,再加上小闪电。
  6、再把风暴云中心用白色虚画笔提亮,周边用深蓝色虚画笔抹几下,然后用滤色模式,降低透明度。
  7、用一些碎石的素材和尘土飞扬的素材,放置于龙卷风的周围,有的素材可能比较亮,可以降低明度,然后动态模糊下,下方因为风把草皮卷起,露出部分黄土地,观众台也弄点灰尘弥漫的感觉。
  9、弄点纸张飞扬的素材和那个绅士帽子,蒙版擦出,动态模糊,然后也加点光影上去。近处的降低透明度,让它更真实,周边球场再用动态模糊下,增加点速度感。

Categories: 设计图纸

经典好文!设计师该怎样优雅地玩转配色

No Comments

  经典好文!设计师该怎样优雅地玩转配色
  经典好文!设计师该怎样优雅地玩转配色
  配色对于设计师来说,不论是用来集中用户的注意力还是表达感情或者是传递信息都是非常有力的工具。为了让大家知道配色对于传递信息有多重要,我引用《The Impact of Color on Marketing》这篇文章中的一句话,经研究发现,百分之九十的用户购买商品的时候,都是因为他的配色才去购买的。
  想让配色的使用更加有效果,这在设计中是非常重要的,也就是构想出一个全新的配色方案。每一种颜色都有着他独特的意思,将他们组合起来也就能传递出无限的可能。
  这篇文章介绍的是如何让你的配色与你的设计更加搭配的方法。
  配色方案、有时就像雨后春笋般突然从脑子里接二连三的蹦出来,但更多的情况下,我们可以使用一些计划性的方法。
  在此之前,让我们明确目的和设计理念。一个有着含义的调色板是良好的设计要素之一。
  设计的目的是什么?想传递什么情报?想引导用户什么?
  颜色所面对的每一个人都是不同的。同一个颜色,因为每个人的个性、文化背景,经验的不同会产生不同的效果。考虑到这一点,我们就需要明白,当用户面对这样的设计时,会表现出怎样的反应。
  一些颜色的含义,在世界的任何地方都是通用的,但有些则不是。绿色,一般是植物的颜色,看到他们就会联想到自然。但是红色就不一样了,他会因为文化的不同而不同。在西洋文化中红色代表的是:火、暴力、纷争,有时也会表示爱或者热情。但是在中国则表示的是繁荣和幸福。
  由于颜色有着不同的含义,在创建一个调色板时了解你所面对的用户的感情是非常重要的。
  如果你想了解更多关于颜色和国家的意义,你可以去看The Psychology of Color in Marketing and Branding和The Meaning of Color这两篇文章。
  选择配色时,你需要了解一些关于配色的基本知识。配色的基本,就是配色组合的基本理论和构造,具有实践性的指南。他从如何使用色轮以及每一个的意义都总结的十分全面。
  你所应该知道的,关于配色的基本知识。这篇文章,他对于颜色有着一个详细的划分,你们可以从这篇文章中获得参考。
  有的时候视觉化的必要的配色方案很难设计出来。那种时候,可以从别的设计师的作品中获得灵感。
  列举两个对于配色来说相当方便的站,Dribbble和Behance。有时你想给你的材料设计找一些特殊的灵感时,推荐Material UI这个站。平板式的配色调色板,你可以利用FlatUIColor这个完整。
  上面所列举的几个站都非常的方便。接下来让我们从不同的设计之中所产生的效果里一起来看一看吧。这样独特而意外的方法,可以让你创建一些更有意思的调色版。例如,室内设计就是非常不错的案例之一。
  当你想创建一些不同的配色方案,不妨试着转变一下思路,利用其他文化的设计。举个栗子、韩国的音乐MV、实用的多彩的调色板让人印象深刻。每一个成能的减少颜色,我们需要考虑下面几点。
  主色,作为一个重要的CTA按钮或强调色被使用着,很多公司将他利用在LOGO设计上。
  次要色、一般利用他来区别动作行为的颜色。举个例子,在警告和成功所使用的颜色,通常使用绿色和红色,如同下面的例子,你可以利用他们来设计从而将当前状态信息传递给用户。
  如果你已经想好了设计灵感,完成了风格指南并做了一些简单的草图,那么接下来你就可以选择调色板了。
  一些基本的调色板,艺术家们通常将他们以相近的颜色排列在一起,这是一个非常不错的方法。
  我们可以从这些配色方案中可以获得一些灵感作为参考。就让我们一起来看看如何从尝试出的许许多多的配色方案中取得最合适的方案吧。
  正如前面所说,当你在挑选配色方案的时候,为了明确目,传递出怎样的信息情感给用户,你可以尝试着问自己以下几个问题。
  用什么颜色影响力最大,最能引人注目。
  使用的这个颜色有必要让他更亮/更暗一点吗?用户在什么时候使用商品或者设计?
  可以这么说,因为风格指南,颜色在设计中所担任的工作不同,各种各样的颜色的重量也是不同的。举个例子、强调色比背景色所使用的次数就要多一些。
  对于这一点你可以做一些练习,在实际页面中你可以将颜色依重要程度的不同来放进大小不同的形状中。下面是 Invision 的调色板。
  考虑到强调色等颜色、配色以图形的模式在下面表现出来了。
  什么样的颜色适用于风格指南呢?让我们来看看这个比较容易理解的 Airbnb 的例子。Airbnb的强调色,是可以显示公司住所地址的红色。绿松石色是辅助色、背景色则使用了两种灰色。
  Airbnb的很多页面,背景色使用的是比较明亮的灰色。比如下面的例子、预约房间是非常重要的动作,就使用了作为主色的红色。
  绿松石色,使用它能更好的引人注意。在下面的这个例子中,你可以看到他作为辅助色很好的帮助了原色。
  Airbnb 的错误信息提示,大概将红色进行了一些调整,利用了比较亮的红色。在图中所使用的感叹号和红色相组合,立即跃入了用户的眼中,将当前系统的状态传递给了用户。
  让我们试着使用最初的颜色来做设计吧。试着将他们放在布局和设计的焦点之中。在这些都完成之后,将调色板应用于设计吧。
  考虑一下关于视觉的层次感。考虑什么样的要素,什么样的颜色与设计才是最匹配的。还有,鼠标在要素上悬停和点击时的动作的响应,你可以考虑利用不同的颜色。
  美丽的配色,需要不断的重复,反复的去尝试。至于什么颜色最好,也是没有唯一的答案的。决定了布局和设计的功能之后,多多的去尝试各种各样的配色吧。
  不断的学习如何使用颜色来进行设计,是非常重要的。在设计开始之前,不管什么样的颜色组合都能通过视觉化的效果表现出来,就可以选择更好的颜色眼进行设计了。

Categories: 设计图纸