A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© qq838524191 初级黑马   /  2018-12-27 16:03  /  1331 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 qq838524191 于 2018-12-27 16:05 编辑

在基础班的几天学习对UI有了初步的认识,作为一个刚刚入门的小菜鸟没有什么特别好的技术分享给大家,但是在我个人认为在UI设计中一个好的色彩搭配会赋予画面一个生命力,如一张图用所用的颜色都是需要有关联,这样才使得图画看起来“好看”“漂亮”,所有的人都是视觉动物,人对好看的事物是没有抵抗力的,所以说一个好的配色是一张图的最基本也是最重要的,在做商城海报时第一部需要考虑的是如何搭配颜色,成功的色彩规划不仅要做到协调、和谐而且还应该有层次感,节奏感,能吸引顾客进店,并不断在卖场中制造惊喜,更重要的是能用色彩来唤醒顾客购买的欲望,一个没有经过色彩规划的卖场常常是杂乱无章、平淡无奇的,顾客在购物时容易产生视觉疲劳,没有购物的激情。即在要设计一个项目时,选对色系是一个最重要的部分,“色彩搭配”是指对色彩进行搭配,可以取得更好的视觉效果。所以我对UI中色彩这一块又进行深入的了解(下面是作为菜鸟的我通过查阅结合了各个方面组合而来的#手动滑稽)。
什么是色彩?色彩和颜色有什么区别?
色彩是能引起我们共同的审美、最为敏感的形式要素。色彩是最有表现力的要素之一,因为它的性质直接影响人们的感情。丰富多样的颜色可以分成两个大类无彩色系和有彩色系,有彩色系的颜色具有三个基本特性:色相、纯度(也称彩度、饱和度)、明度。在色彩学上也称为色彩的三大要素或色彩的三属性。饱和度为0的颜色为无彩色系。
也有另一种说法色彩分为两个大类无彩色系和有彩色系。无彩色系是指白色、黑色和由白色黑色调合形成的各种深浅不同的灰色。无彩色按照一定的变化规律,可以排成一个系列,由白色渐变到浅灰、中灰、深灰到黑色,色度学上称此为黑白系列。黑白系列中由白到黑的变化,可以用一条垂直轴表示,一端为白,一端为黑,中间有各种过渡的灰色。纯白是理想的完全反射的物体,纯黑是理想的完全吸收的物体。可是在现实生活中并不存在纯白与纯黑的物体,颜料中采用的锌白和铅白只能接近纯白,煤黑只能接近纯黑。无彩色系的颜色只有一种基本性质——明度。它们不具备色相和纯度的性质,也就是说它们的色相与纯度在理论上都等于零。色彩的明度可用黑白度来表示,愈接近白色,明度愈高;愈接近黑色,明度愈低。黑与白做为颜料,可以调节物体色的反射率,使物体色提高明度或降低明度。
而有彩色系彩色是指红、橙、黄、绿、青、蓝、紫等颜色。不同明度和纯度的红橙黄绿青蓝紫色调都属于有彩色系。有彩色是由光的波长和振幅决定的,波长决定色相,振幅决定色调。
有什么区别呢?通俗的讲,色彩没有黑白灰,颜色有黑白灰。
色彩有三大特征,分别对应了PS软件里面的H、S、B,分别是
色相(H)是有彩色的最大特征。所谓色相是指能够比较确切地表示某种颜色色别的名称。如玫瑰红、桔黄、柠檬黄、钴蓝、群青、翠绿……从光学物理上讲,各种色相是由射入人眼的光线的光谱成分决定的。对于单色光来说,色相的面貌完全取决于该光线的波长;对于混合色光来说,则取决于各种波长光线的相对量。物体的颜色是由光源的光谱成分和物体表面反射(或透射)的特性决定的。
色彩的纯度(在PS里面通常称为饱和度(S))是指色彩的纯净程度,它表示颜色中所含有色成分的比例。含有色彩成分的比例愈大,则色彩的纯度愈高,含有色成分的比例愈小,则色彩的纯度也愈低。可见光谱的各种单色光是最纯的颜色,为纯度最高。当一种颜色参入黑、白或其他彩色时,纯度就产生变化。当参入的色达到很大的比例时,在眼睛看来,原来的颜色将失去本来的光彩,而变成掺和的颜色了。当然这并不等于说在这种被掺和的颜色里已经不存在原来的色素,而是由于大量的参入其他彩色而使得原来的色素被同化,人的眼睛已经无法感觉出来了。有色物体色彩的纯度与物体的表面结构有关。如果物体表面粗糙,其漫反射作用将使色彩的纯度降低;如果物体表面光滑,那么,全反射作用将使色彩比较鲜艳。
明度(B)是指色彩的明亮程度。各种有色物体由于它们的反射光量的区别而产生颜色的明暗强弱。色彩的明度有两种情况:一是同一色相不同明度。如同一颜色在强光照射下显得明亮,弱光照射下显得较灰暗模糊;同一颜色加黑或加白掺和以后也能产生各种不同的明暗层次。二是各种颜色的不同明度。每一种纯色都有与其相应的明度。黄色明度最高,蓝紫色明度最低,红、绿色为中间明度。色彩的明度变化往往会影响到纯度,如红色加入黑色以后明度降低了,同时纯度也降低了;如果红色加白则明度提高了,纯度却降低了。
色彩搭配可以分为冷色、暖色、中性色。
根据色彩给人不同的冷暖等不同的感受。还把色彩分为冷色,暖色和中性色。
冷色:是指色彩给人清凉或冰冷感觉的色彩。
暖色:是指色彩给人温暖或火热感觉的色彩。
中性色:也称无彩色,由黑、白、灰几种色彩组成,中性色常常在色彩的兵工厂中起间隔和调和的作用,在陈列中运用非常广泛。
还有类似色和对比色,色彩根据色彩环上相邻位置的不同,一般分五种色彩:邻近色、类似色、中差色对比色、互补色在实际中的运用、我们一般把它分成两大类:类似色和对比色。也就是将色环中排列在60度之内的色彩统称为类似色,把成110度至180度的色彩统称为对比色
每个色彩都有它自己的语言,找到适合自己的色彩不仅能突出需要表现的产品或者文字。一个好的配色能够更好的突出图片要描述或表达的内容。每个颜色都有自身的含义比如说红色,一般会想到什么?
活跃、热情、勇敢、爱情、健康、野蛮等等,通过合理的运用色彩的搭配可以尽可能的把自身需要表达的在图像中表达出。
所以说如果想要在做一个优秀的UI设计师需要的不止是扎实的操作技术还有一个可以灵活运用色彩搭配的头脑。作为一个刚刚入门的对于技术或色彩搭配肯定会有欠缺,但是希望所有的入门小童鞋都通过自己的努力,可以更好的灵活运用掌握的知识,但在运用时不要忘了通过外界不断的充实自己,使自己能够掌握更多的知识。
在以后的日子里面希望大家们能够奔着自己的目标继续努力。最后一句话送给大家“再牛逼的梦想,也抵不住傻X般的坚持”所以赶快趁着自己年轻朝着目标前进!

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马