UI理论

最新推荐文章于 2022-06-09 19:30:00 发布

ღ₅₂₀¹³¹⁴

最新推荐文章于 2022-06-09 19:30:00 发布

阅读量251

点赞数

本文链接：https://blog.csdn.net/weixin_44552839/article/details/86577144

版权

（作者：ღ₅₂₀¹³¹⁴ 撰写时间：2019-1-16）
第一章：PS基础
学习重点是：掌握基本工具的运用。
学习难点是：掌握并且熟练操作绘图工具。
通过对平面设计的学习，从最初的接触平面设计到了解各个工具的使用再到上台讲解自己的作品最后到这个学期的平面后台网页等设计，在我看来，设计是为表达观念而存在的。只有通过认真的学习，反复看老师教的视频教程才能好好掌握知识点，才能逐步提升设计作品的能力，和自己的审美观点，还记得我们为学校做的招生封面这个作品没有参考，完全靠自己去想象，把自己喜欢的风格结合学院的信息展示出来，虽然操作起来不是那么的顺手；但其实设计的灵感来自知识的积累，正所谓是一个量变到质变的过程。通过这两个多月得不断练习，深入了解了很多，体会到实践的重要性。有的时候我们想这个这么简单两三分钟就可以搞定的事情其实也没那么简单，可能会让你花上一上午乃至一天几天的时间去找灵感，从无到有是一个非常很艰苦的过程。
在做练习的过程中，让自己感触较多的地方有：
1.使用各种工具。属性栏的选项，在PS里面最难掌控的是钢笔工具的使用，不过多多练习之后发现它比其他工具还好用。
2.镜的使用。滤镜单独使用的效果、滤镜与滤镜的结合使用，有时候同样的两个滤镜顺序不一样就有不同效果。时间长了就知道的多了，这是经验，也是收货啊。
3.通道和蒙板使用。学会和熟练使用通道和蒙版会解决许多问题，带来很多方便，也是需要多联系的工具，比如想要删除图片的某个部位但又不想毁坏图片那这时就可以使用蒙版了，当然是要结合画笔工具使用的还要结合画板中的黑白色使用。
4.调整色彩。色彩的搭配和使用。反复使用曲线色阶饱和度之类的工具，掌握他们是如何变化的，调节时下手就可以调节出需要的色调，两种颜色重叠可以出现另一种颜色，颜色不一样呈现的效果也不一样。
常用的模式是：RGB颜色模式，CMYK颜色模式
Ps内常见的格式：psd是PS的标准文件格式，包含颜色/图层/通道/路径/动画等信息，是源文件。
RGB：是加色模式，主要用于计算机显示，图像使用红Red、绿Green、蓝Blue3种颜色分量。
CMYK：是减色模式，主要用于印刷。C(Cyan)代表青色，M（Msgenta）代表品红色，Y(Yellow)代表黄的，K(Black)代表黑色。
Jpg格式：是最流行的图片格式，体积小，广泛用于互联网传输，是常见的图片格式。
Gif格式：支持图片透明，我们用的聊天软件所发的动画大都都是GIF图片。
Png格式：图片格式比jpg图片格式要更小些，我们前段切图普遍用png图片，它也同样支持透明背景。
像素：在ps里像素是构成图像的基本元素，像素是PS里的一种单位，像素是一个独立的小方格，每个方格都记录它所在的位置与颜色信息，这样就呈现出了我们用肉眼所看到的图像。
postscript是一个作图软件,修饰图片,平面美术设计软件它的功能完善，性能稳定，使用方便。
功能：是专门用来进行图像处理的软件。通过它可以对图像修饰、对图形进行编辑，以及对图像的色彩处理，是一个非常强大的应用软件。
Postscript有特别多的快捷键需要掌握，常用的就是图层的操作了。比如：ctrl+j复制图层ctrl+e合并图层ctrl+g图层编组等。

第二章：AI基础
AI和ps的区别就是矢量图和位图的区别，其他工具使用都差不多快捷键也差不多，钢笔工具几乎一样。
矢量图：矢量图每个对象都是单独的个体，它具有大小、方向、轮廓、颜色和屏幕位置等属性，矢量图可以清晰的看出他的轮廓，线条光滑，拉扯不会出现像素的差距，不会不会产生锯齿，暂用空间小易修改，颜色没有位图丰富
自己设计

第三章：AI进阶
这些都是ai用圆形工具加路径查找器等完成的（点击上面状态栏-窗口-路径查找器）
在这里插入图片描述
使用钢笔工具做出来的可爱动物（点击任务栏的钢笔工具）

在这里插入图片描述
使用多个工具完成的插画任务（钢笔工具是少不了的，圆形工具，实时填色工具，矩形等工具）

这些可爱的动物都是使用了圆形，和钢笔工具，线行工具，圆角矩形工具，和实时上色工具所制作

使用了圆形，和钢笔工具，线行工具，和实时上色工具还有阴影填充所制作
在这里插入图片描述
使用了圆形，分割下方对象（形状-效果-变形-扭转）水滴：使用圆直接选择工具点击顶端的锚点（属性-装换-点击将所选锚点装换为尖角）

使用了钢笔工具和圆形工具做成

使用圆形图，使用快捷键按alt键然后按ctrl+alt+shift+t旋转复制
在这里插入图片描述
正方形工具加路径查找器等完成的（点击上面状态栏-窗口-路径查找器）

第四章：PS进阶
第五章：版式设计

狂欢节的模范作业，运用了PS工具。
在这里插入图片描述
运用PS抠图拼图排版所制成，页面上的颜色不是很丰富，字体背景颜色采取了图片上的色彩，主要推荐的商品突出显示，这个是运用在淘宝商品内。

这些都是用ps排版出来的前段页面。
首先“**IT学院”的封面，除了图片以外都是自己用PS里面的圆形工具颜色叠加做出来的效果，字体同意居中，字体颜色白色。为什么我的主色是深蓝色：记得在色彩心理学里面蓝色是代表成熟稳重的颜色，“IT学院”据我所知就是需要沉稳大气的，蓝色正好可以体现出这点，这所学院的logo也是蓝色所以用蓝色是我最满意的选择，中间增加了点天蓝色的原因是想要做个点缀，如果全部是深蓝色那就太死板了，一个封面是给用户的第一感觉特别重要的。它是一个IT学院所以不能太活跃了也不能太死气了，太活跃给家长老师的想法就是这个学校是不是不靠谱，当然给学生的想法肯定是觉得很好玩的。运用了这个颜色加上一个程序员图片的点缀，这样就刚好恰当了。
在这里插入图片描述

在这里插入图片描述
第六章：LOGO设计
Postscript（PS）：此logo是自己设置的个人logo，根据自己名字设计，虽然看上去是“P”但它是我整个名字所组成，也就是“DLP”当时用这个字母做自己的个人logo是因为想要认识我的人一看就知道是我的名片，不认识我的看第一眼就记住我的名字，因为它有自己独特的含义。（这个logo是自己纯鼠绘的）
在这里插入图片描述
第七章：官网设计

在这里插入图片描述

在这里插入图片描述
这是做一个IT前端的网站加展示，首先是用PS绘画出来排版好，然后用HTML打出来前端浏览器显示效果整个页面所用的是渐变色，字体是微软雅黑和黑体（此页面借鉴过其他网页）
第八章：ICON设计Adobe Illustrator（AI）：用AI绘制icon是做前台常用的软件之一，绘制一套好看的icon是免不了你的绘画功底的，首先是需要手绘的，需要自己拿笔把大概的轮廓画出来，在脑海里想自己需要的风格，然后再去电脑里鼠绘，进行第二次草稿，然后定型、上色、展示等。这个需要用到不同的工具，所以学习Adobe Illustrator工具是需要熟练掌握的。
在这里插入图片描述
第九章：后台网站设计
1，原型和架构设计

在这里插入图片描述

在这里插入图片描述

后台网页排版设计，用PS制作照着别人的后台网页自己画的原型图，自己用PS工具模仿排版字体设计等。
工具练习
调色工具，把原图的春天变为秋天

色彩平衡黄昏调为清晨

模糊效果提亮等练习

磨皮和污点修复工具，消除美女脸上的斑点瑕疵
在这里插入图片描述

橡皮擦背景橡皮擦工具

钢笔工具练习

修复画笔工具练习

排版练习