UI

1、UI理论
UI(User Interface)意思是用户界面,主要包括用户与界面的交互关系。Ui就是人机交互、逻辑构造、界面美观设计。举个例子;手机微信登录界面,也可以称之为UI设计。

2、 PS基础操作介绍
PS是Photoshop的简称 ,Photoshop主要是处理一些像素构成的数字和图片,使用其进行修改图片和绘制图片都非常的方便。Photoshop在1987年由设计师托马斯所创立,PS的创立让人民得到了许多的方便 比如网络上的一些什么大神p图,把一张很普通的图片给修改成一张炫酷丶 骚气的图片。而这些操作Photoshop都是可以完成的。

下面我来大家讲一下Photoshop的具体操作和功能
在这里插入图片描述
这是Photoshop操作页面的功能栏, 从右边开始介绍,第一个是移动工具 就如名字一般可以任意的移动图片,第二个是一个选框工具 又有4个小功能(矩形选框工具 ;椭圆选框工具;单行选框工具;单列选框工具),第三个是套索工具可以在图片是套索形成一个选区,第四个是魔棒工具 可以在图片上建立选区去除图片上的杂物,第五个是裁剪工具;他可以在图片上把你想裁剪的地方裁剪下来,第六个是吸管工具;可以在图片的颜色区域吸取任意的颜色,第七个是污点修补工具;可以把图片上不必要的东西去除,第八个是画笔工具;可以在图片上随意的写画,第九个是仿制图章工具;可以复制出同样的图形,第十个是历史记录画笔工具;可以在图片上还原你之前的操作,第十一是橡皮擦工具;可以涂抹杂质,第十二是渐变工具;可以在图片是涂抹不同的颜色,第十三是模糊工具;可以在图片上进行模糊效果,第十四是加深工具;可以加深图片颜色,第十五是钢笔工具;钢笔工具在Photoshop中运用是非常广泛的,他可以对图片进行绘制描边,把整个图片模型给描绘下来,第十六是文字工具;可以在图片上打字,第十七是路径选择工具;可以在图片路径上进行移动,第十八是图形工具;可以拉取(矩形,椭圆,多边形,不同形状)的图形,第十九是抓手工具;和移动工具一样可以移动图片,第二十是放大缩小工具;可以放大缩小图片,第二十一是前景色填充。

3、PS进阶
在这里插入图片描述
在这里插入图片描述
如图是一本书,而书的周围都有着许多的杂质,我们如果想要一张很纯碎的书图的话,这时候我们就需要使用到一个橡皮擦工具,它可以涂抹图片中任何的东西,但我们需要的保留一本书,所以我们只要把书周围的东西给涂抹掉就好了。
下面是实操过后的图片
周围没有任何的杂质只剩下一本书。
提示;在使用橡皮擦工具的时候我们需要非常的小心与细心。如果我们在涂抹的过程中不小心一些就会把自己所要保留的部分给涂抹掉,细心一些可以很轻松的完成这些。

海报
在这里插入图片描述
这是电子竞技游戏的封面海报,底层是一个黑灰色背景然后是用定义图案来完成的图形,接着是不同颜色形状的矩形然后进行排版,然后是一个》组合的图形,接着是一个苹果形状的图形在里面添加一些文字和椭圆形十字架。往下是段VIDEOGANMS英文文字,然后是一只握着手柄的图形加上三重颜色然后叠加。一张电子竞技游戏海报就做出来了。

4、AI基础介绍
AI是Adobe Illustrator的文件拓展名,ai主要是用于矢量图形设计。说到al我们就会想到ps,为什么这么说因为ps和ai的实际操作内容差别不大,只是在对图片的修改和调整有着微小的差别,这个差别在于ps在对图片放大时会非常的模糊 、有锯齿很难看清楚,而ai就不同了无论如何放大缩小图片都不会有太大的变化。
图例;
在这里插入图片描述
这是ps图片放大后的样子

在这里插入图片描述
这是ai图片放大后的样子

5、AI进阶
熊猫、
在这里插入图片描述
这个熊猫如何制作呢; 首先我们可以分成4部分,第一部分是熊猫的身体,可以看出是一个圆角矩形带有白色填充黑色描边,运用到圆角矩形工具,第二部分是熊猫的耳朵和腿,都是用到椭圆工具进行拉伸,第三部分是熊猫的手和眼镜和上一步一样,第四部分是熊猫的鼻子和嘴巴,要用到的是钢笔工具在图片上绘画然后进行描边。最后图形的排版;熊猫的腿和耳朵在最底部 、身体在腿的上一层接下来是手和眼镜然后是鼻子和嘴巴,排版完成就是一个漂亮完整的熊猫了。

6、排版设计
在这里插入图片描述
排版就是在一个网站里的文字图片进行整齐的摆放,让整个画面有一种统一感。
排版是一件比较严肃的事情,在你做一个作品的时候如果你不进行排版就会让人看上去非常的散乱,这里一个、 那里一个让人看非常难受,如果你进行了排版就像下图一般。

7、logo设计
在这里插入图片描述
这是一个NBA球星的logo设计,代表着詹姆斯 哈登。为什么设计这个logo,个人是哈登的球迷。讲一下如何制作这个logo首先我们需要画一个白色填充带有黑色描边的园,然后在用钢笔对图片进行描绘、确定选区然后新建一个图层在图层是填充黑色,然后两者进行排版。

8、官网设计
在这里插入图片描述
这是我看了自己的学校官网后,突发奇想进行了一下自我设计。如图首先是蓝色的标题栏还有我们学校logo,然后是学校门口的例图旁边是我们学校与企业联合的项目在这里进行了排版,下一个是校园趣事,最后是我们学校的校园宣传。

9、ICON设计
在这里插入图片描述
这是我设计的一套ICON。第一个是一个徽章,第二个是一个头盔的绘制,第三个是一个奖牌,第四个是苹果的图标,第五个是一根铅笔,第六个是一本记事本,第七个是音乐的图标,第八个是一个三角椭圆组成,第九个是一个抱枕icon,第十个是一个医药箱, 第十一个是书籍摆放的icon,第十二是一个笔记本。

10、后台网站设计
在这里插入图片描述
这是我们最近在设计的一个广发借贷的后台管理,如图是我们广发借贷的首页设计。首先是一个蓝色为背景色的标题栏,然后是左边的导航栏、导航栏里分别有用户、系统首页、管理员、总体信息、用户信息、项目信息、追债组织。右别是一个IP地址往下是项目的总借贷额有矩形图展示,接下来是我们借贷会员的排列,然后是行情利息的图表,往下是总收入和销售分析。最后事务的管理。

11、设计作品集
在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值