好的CSS 取色软件有哪些推荐?

html-css013

好的CSS 取色软件有哪些推荐?,第1张

它的功能基本就是这个菜单上这些了——

<img src="https://pic3.zhimg.com/a562b9c32117783d9270847de393ecfa_b.jpg" data-rawwidth="299" data-rawheight="472" class="content_image" width="299">

个人常用的是取色、截图(选取矩形区域)还有截取滚动窗口,常用到我把它最小化到托盘,然后专门设置了Alt+2/3这样单手就能完成的全局快捷键。

取色和截图的时候在角落有放大的预览——

<img src="https://pic4.zhimg.com/a3b1f8a609a38db6b6387d22adcd5a33_b.jpg" data-rawwidth="284" data-rawheight="327" class="content_image" width="284">

<img src="https://pic3.zhimg.com/a01bcdb81cc4fe63681a0b6debd715ee_b.jpg" data-rawwidth="244" data-rawheight="359" class="content_image" width="244">

取色后可以看到RGB、Dec、Hex的颜色代码——

<img src="https://pic4.zhimg.com/5652e2137696733b9cc8eb109cbdb29f_b.jpg" data-rawwidth="414" data-rawheight="385" class="content_image" width="414">

另外,如果是设计前期,取色用来分析配色方案,那推荐ColorSchemer Studio。这个可以说是专业级的配色工具了,自带取色器(界面左下角那个吸管)。界面如下——

取色后自动生成与之饱和度、明度匹配的十二色相环。

<img src="https://pic1.zhimg.com/51fe0bba9f3d2a8f8b9486dbbe1ada24_b.jpg" data-rawwidth="788" data-rawheight="605" class="origin_image zh-lightbox-thumb" width="788" data-original="https://pic1.zhimg.com/51fe0bba9f3d2a8f8b9486dbbe1ada24_r.jpg">

另外“实时方案”、“合成器”、“变体”里面可以非常非常方便的选取同色、补色、类比色。

<img src="https://pic3.zhimg.com/7190e34e650fbc2d9f035ee88275b7fa_b.jpg" data-rawwidth="788" data-rawheight="605" class="origin_image zh-lightbox-thumb" width="788" data-original="https://pic3.zhimg.com/7190e34e650fbc2d9f035ee88275b7fa_r.jpg">

<img src="https://pic2.zhimg.com/68cdfcfacd9e01ef0625dd11d3e4de29_b.jpg" data-rawwidth="788" data-rawheight="605" class="origin_image zh-lightbox-thumb" width="788" data-original="https://pic2.zhimg.com/68cdfcfacd9e01ef0625dd11d3e4de29_r.jpg">

对图片的色彩分析也很容易,打开图片就能看到提取出的颜色,可以设置提取颜色的数量,甚至可以一键打码= =||——

<img src="https://pic2.zhimg.com/6080110f12ddd85318978e439a7737d9_b.jpg" data-rawwidth="788" data-rawheight="605" class="origin_image zh-lightbox-thumb" width="788" data-original="https://pic2.zhimg.com/6080110f12ddd85318978e439a7737d9_r.jpg">

如果没有合适的图片,自己也找不到好的配色思路,那ColorSchemer还提供了一个可以让社稷诗更偷懒的功能,配色方案搜索(可惜不支持中文)——

<img src="https://pic2.zhimg.com/55b480bafa516ada6553ae13a07ac5f9_b.jpg" data-rawwidth="788" data-rawheight="605" class="origin_image zh-lightbox-thumb" width="788" data-original="https://pic2.zhimg.com/55b480bafa516ada6553ae13a07ac5f9_r.jpg">

其他功能诸如保存配色方案、色盲模拟、网页安全色、随机颜色等不再一一截图。

网页美工课程主要包括了HTML,css,JavaScript这三方面的知识。

学习设计说难也不难,说容易也不容易,培养学习的兴趣很关键,最好在学习之前先来做一个小测试→点击测试我适不适合学设计

HTML部分的知识,主要就是一个完整网页的必备元素和基础属性,主要是一些基础的标签。css 部分主要是一个网页如何进行布局 每个模块的排版定位,总而言之就是将一个网页分块布局,然后也可以实现一些简单的动画效果。JavaScript部分主要是一些稍复杂的动画特效,比如轮播,鼠标互动,一些信息的检索判别,这部分是比较接近编程的,主要实现一些复杂的功能。美工是一个单独的模块,比如一个网页的框架搭出来要往里面填东西,就需要美工,做一些能更好突出网页内容和吸引目光的设计,是给一个网页润色加分的一个工作。

想要学习网页美工,推荐天琥教育机构。天琥教育在2017年成功进入A股创业板上市公司体系。云琥在线统一监督学员出勤率、作业完成率、考试合格率,统一管理全国学员学习状态。同时提供大量的线上老师免费案例分享,让学员充分利用碎片化时间学习更多实用技能!

一:学习软件技能(新手阶段)

对于新手首先要学的就是PS软件技能,总有人觉得非得把PS的所有功能都学一遍,才算是学会了PS。但就我的经验而言,新手需要学习的技能真的不多,学会抠图,再学会做一张简单的海报,有这2项技能就够了。详情页,首页,主图都是海报的延伸,只要你会做海报了,这些基本的美工日常要做的图片你也都会做了,无非就是尺寸和内容不一样而已。至于网上特别火热的一些炫技的效果,真的没必要学,浪费时间而已。审美不够,做再多的特效也都是辣眼睛。

玩儿PS这么多年,对于PS的好多功能,好多特效我也不会做,但这并不影响我能否做出一张优秀的作品出来,更不影响我能否找到一份自己喜欢的工作。那些想着把PS所有功能都要学透的宝宝至少要花上1-3年的时间吧。而学会如何用PS抠图,如何用PS做一张海报,快的话1周就能学会,慢的话一个月也足够了!

如果学习方法得当有人教的话,一个新手小白,学会美工的日常工作内容(抠图,做海报,详情页设计,首页装修)在我看来只需要2-3个月,最多半年左右应该就足够了,就可以上岗工作了。

关于软件技能暂且就说这么多吧,新手阶段不需要学太多,够用就行,而且带着目的去学习PS,效果会更好!不会抠图,就去学抠图,不会做海报,就去学做海报。美工需要掌握的技能哪些是你不会的,你就一个一个地去攻破就行了。至于PS其它的功能随着时间的推移,做的图越来越多了,慢慢地也就学会了。

二:学习设计理论知识

软件技能掌握了,接下来就要学习一些设计理论相关的知识了,三大构成,色彩构成,透视,排版,等等。

那么从哪里才能学到这些知识呢,最直接也最高效的的方法就是看设计相关的书,我就是这么做的。只有补充了这些理论知识,你才会分析一张图片好看与否。

学习理论知识的同时,你还得适当地去看一些优秀作品,并利用自己学到的这些理论知识试着去分析这些作品。

比如今天你刚好看了配色相关的理论知识,你就找10-20个色彩相关的作品,按照书里的理论去分析这些作品给人的感觉是否真的是这样,如果是,理由是什么?如果不是,理由又是什么?分析得多了,你做图的时候也就知道怎么用色更合理,更好看了。审美也在不知不觉地提高了。知道哪些作品是好的,哪些作品是差的了。

三:临摹优秀的作品

学习理论知识的同时,有时间的话你要学习临摹一些优秀的作品了,注意要找那些难度适中的,自己感兴趣的作品来临摹,这样你才会信心满满,动力满满啦。太难的话会打击自己的自信心,太容易的话能力提升得会比较慢。

还有就是平时做图一定要找参考,找灵感。因为好多新手离了参考,就会感觉自己脑子里一片空白,什么图都做不出来了,主要是因为脑子里积累的图库不够多,做的练习也不够多。

一般来说高手离了参考,是不会出现脑子一片空白什么图都做不出来的情况,因为积累得够多!但如若没了参考,高手做的图片的最终效果最终也会大打折扣,因为找参考的过程,就是找灵感的过程,他们做任何项目都要花大量的时间,找大量的参考来散发思维,寻找灵感,何况新手。

四:提高审美能力

提高审美能力是一个长期的过程,等你的理论知识扩充的足够多,分析的作品也足够多,做的练习足够多,阅读分析的优秀作品也足够多的时候,随着时间的积累你的审美能力自然而然的就提高了,就是这么简单!

2018年应该说是我审美能力提高最快的一年,好多过去的作品现在看来都觉得好次,因为设计相关的理论知识我学习了不少,也消化了不好,而这一年我又看了大量的优秀作品,各个行业的顶尖的设计师的作品我都有涉猎,包括包装设计,插画设计,UI设计,摄影,动画等等。

当然看的最多的还是电商相关的作品。对于自己喜欢的图片也都采集到我的花瓣面板里面了,并全部命名分类了,目前还在积累当中,可以给大家看一下

我觉得这个方法对于现阶段的我提高审美能力是最快速的,具体方法就是平时想到什么词汇就会去新建一个画板,然后有空了就去换不同的关键词,各种不同的网站(用的最多的是站酷和花瓣)去寻找和这个画板相关的图片,然后收集在里面,平时有事没事就将这些画板翻出来看一看,日子久了,里面的好多图片我都记住了,平时创作的时候想到这些图灵感也就有了。大家感兴趣的话也可以试一试。

五:延伸学习与跨行业学习

当你拥有了一定的审美水平,设计水平也不赖的话,可以学一些自己感兴趣的技能,也可以学一些行业里大热的技能等等。比如UI,摄影,手绘,C4D,包装设计,字体设计,VI设计等等。

当然这其中的某些技能,比如手绘,摄影,字体设计,你从一开始如果就感兴趣的话就可以适当分配少量的时间去学习,因为对于新手来说的话主要精力还是应该放在前面说的那几点上。

最后当你的上司已经不再用美工来称呼你,而是设计师了,那么这个时候的你,往往不会局限于学习电商方面的知识了,再想取得更好的效果你得学会跨行业学习了,比如学习心理学,经济学,金融学,管理学等。因为在这个领域的知识深度你已经达到顶峰了。