首页 > 课程库 > 图形图像基础
图形图像基础

图形图像基础

如果你想进入到设计这个行业,那你的第一步就是了解图形图像相关的基础知识。如果你已经是一个设计师,那就更应该系统全面的整理有关图形图像设计相关的基本概念。本次课程将为你全面的介绍图像格式、分辨率和像素、以及色彩设计的相关知识。帮助你入门设计,成为一个理论实践一手抓的优秀设计师。

UI设计

5章节|15468次播放

查看课程视频学习交流群
150756028

2小时学习时长
更全面的职业课程大纲立即查看
  • 学习设计基础

    位图和矢量图

    什么是位图位图又称点阵图,是由一个个像素点进行不同的染色和排列组成的。当放大位图时我们可以看见构成整个图像的无数个小方块。一张位图就像一张巨大的拼图,每个像素点都是一个小的拼块。例如,将图像放大后,我们可以看见下面的方块。    什么是矢量图矢量图是由圆,矩形,线条灯基本元素组成的图形,在数学上被定... 查看原文

  • 学习设计基础

    图片格式

    在正式讲图片格式之前,我们首先要了解一个基本的概念,即什么是压缩?压缩压缩就是电脑根据人眼观察世界时所具有的自动补充的特性,将相近的像素点统一填充以简化细节,这样既能降低图像数据量,又不会影响图像的还原效果。压缩分为有损压缩和无损压缩,无损压缩并不是完全无损,而是它的损失我们的肉眼无法察觉罢了。无损... 查看原文

  • 学习设计基础

    像素和分辨率

    像素中文全称是图像元素,英文为Pixel,简写为PX.我们人眼所看到的图像都是由一个个尺寸微小的色点组成的,例如下图,就是由一个个色点(纯色)组成的,这些色点就是像素。也就是说像素是记录图像的基本单位。像素点非常的小,只有放大到很高的层级才能看到像素点。像素的大小是会变的,会随着分辨率的大小改变(不... 查看原文

  • 学习设计基础

    色彩原理

    根据国外科学家实验证明,人的视觉器官在观察物体的最初20秒内,色彩的感觉占80%,形体占20%,两分钟后色彩感觉占60%,五分钟后色彩感觉和形体感觉各占50%。 色彩的分类 1.无彩色黑、白、不同程度的灰 2.有彩色以红橙黄绿蓝靛紫为基本色,按不同比例相混产生出的千万种色彩。 色彩的3个属性 1.色... 查看原文

  • 学习设计基础

    色彩的象征

    白色 象征:纯洁,神圣,善良和正义联想:天使,白云,雪,砂糖白色常常让用户觉得很放松,所以在设计中常用白色作为底色。   灰色象征:荒芜,诚恳,沉稳,大气联想:墙壁,混凝土,商务精英,阴暗的天空在做设计时,常常听到高级灰,所以如果灰色调配得当,就会让人觉得高端大气  黑色象征:庄严肃穆联想:夜晚,墨... 查看原文

  • 学习设计基础

    颜色的心理效果

     冷暖色暖色:红色、橙色、黄色等颜色给人温暖感觉的颜色冷色:蓝色,紫色等色给人寒冷的颜色   颜色的轻重不同的颜色,会有不同的重量感觉。高明度色感觉轻,低明度色感觉重。例如同一辆车,红色和白色就感觉较轻。   颜色的软硬柔和的色彩是加入了明度较高的灰色的有彩色,而黑色的色彩会感觉很硬。例如同样的沙发... 查看原文

  • 学习设计基础

    颜色的对比

    颜色和颜色之间相互影响,并且实际的颜色差得到强化的现象叫做颜色的对比。颜色的对比分为连续对比和同时对比。 连续对比时间上相邻的颜色对比。也就是说在看了一种颜色后再看其他的颜色。例如我们看这个红苹果大概一分钟,然后将你的目光移到空白处,看看你发现了什么,是不是一个绿色的苹果。  同时对比 1.色阴现象... 查看原文

  • 学习设计基础

    颜色的视觉效果

    同化现象背景和图案互相影响,并趋向形成一种中间色调的现象。左半边是黄线,与背景产生同化现象,看起来是黄绿色。右半边是蓝线,与背景产生同化现象,看起来是蓝绿色。  色彩的面积效果由于面积不同而发生的明度和纯度变化。同一颜色,大面积看起来会比小面积更明亮  色彩的视认性用容易看到的色彩和不容易看到的色彩... 查看原文

  • 学习设计基础

    色相配色

    配色是一件很主观的事情,非科班出身的设计师可能在这方面会欠缺一些。但是这其中还是有一些小窍门可以帮到我们的。UI配色原则最多需要4种颜色:主色,辅色,底色和强调色。太多的颜色会让设计显得杂乱廉价。例如苹果的官网就只用了四种颜色:白色,黑色,蓝色和灰色,整体来看,苹果的官网就很大气。 色相配色色相配色... 查看原文

  • 学习设计基础

    色调配色

    色调图 配色方式同一色调配色将相同色调,不同颜色搭配在一起形成的一种配色关系。他们在明度纯度上都有共通性。纯色调的颜色放在一起,会产生活泼感,淡色调的颜色更加柔和清晰。在用对比色相和中差色相配色时,一般会采用同一色调的配色手法,使色彩更容易调和。  类似色调配色将色调图中相邻的两个或两个以上的色调搭... 查看原文

  • 学习设计基础

    明度配色

    明度的变化可以表现出事物的立体感和远近感。比如希腊的雕塑艺术就是利用光影的作用产生了许多黑白灰的相互关系。 配色方式将明度分为高明度,中明度和低明度。因此搭配方式就有:相同明度配色:高配高,中配中,低配低略微不同明度配色:高配中,中配低对照明度配色:高配低【本文由麦子学院独家原创,转载请注明出处并保... 查看原文

  • 学习设计基础

    纯度配色

    纯度配色纯度分为低纯度,中纯度和高纯度  配色方式相同纯度配色:高配高,中配中,低配低略微不同纯度配色:高配中,中配低变化纯度配色:高配低【本文由麦子学院独家原创,转载请注明出处并保留原文链接】... 查看原文

  • 学习设计基础

    其他配色

    渐变配色色相,明度,纯度和色调分阶段有规律的变化。可以看到顺序的配色,表现韵律的效果。  强调配色在单色配色中,少量地加入一些对比色彩,使他成为焦点,从而使整个画面更引人注目。  分离配色在两个颜色或多个颜色之间加入其他颜色,可以缓和强烈的配色冲突或改变模糊的配色关系,起分离作用的颜色具有辅助作用。... 查看原文

暂无相关内容~
UI设计陈怡云

陈怡云

TA的课程

交互设计师,注重用户体验,致力于打造最好用的互联网产品。UI中国IFEC团队译者,译有多篇交互设计类文章,更有专题“触摸式交互”以供阅读。

更专业的职业课程

UI设计6446位同学正在学习

UI设计

你有一个红包等你领取!

免费电话咨询