
UI设计
ps绘图工具基础操作和一些网页设计的页面
迷~麟
这个作者很懒,什么都没留下…
展开
-
关于banner 设计
想必banner这个英文,只要是学过UI设计的都知道,简单说banner可以是横幅广告也可以是网页导航图片,还可以作为报纸杂志的大标题,但是一般指特殊类型的在线广告资源和广告图片。主要体现中心意旨,形象鲜明表达最主要的情感思想或宣传中心。这便是banner的简介和作用;对于这些东西我们虽然大致的已经了解,但是想要设计并制作出来一张banner,还是要费一些时间的,最后的效果怎么样,表现出应该符合...原创 2019-07-18 16:45:04 · 232 阅读 · 0 评论 -
个人展板设计心得
对于展板这个词语大家一定不陌生,不管在商场还是产区、医院、学校等地都摆放着引人注目的宣传展板。这些展板上有着耐人寻味的广告文字,有逼真的产品照片,有色彩鲜艳的图形,还有创意十足的构成和编排。优秀的展板设计是吸引观众、推介产品、促进消费的重要载体。而公益性的展板也能给人深思的感觉。以上是对展板的一些简单的描述作用,对于展板的完成和展示,其最开始还是设计师一步步在电脑设计制作好,然后通过打印在那种展...原创 2019-07-14 19:44:49 · 1765 阅读 · 0 评论 -
移动端H5页面设计知识
移动端页面大家都知道,也就是手机端,这些与pc端的页面差距很大,屏幕小了很多,所以制作和设计都有许多要注意的规范。其实这也是我们额外学习的一种设计。老师不说的话可能都不知道,或许这也是这个星期内最后学习的东西。下面讲解H5页面的设计规范:1.整个页面的较为适配于多种手机的屏幕尺寸为:640px*1136px;其他尺寸也可以,但是这个尺寸在各种手机分辨率较为标准合适。2设计的时候以一个使用者的...原创 2019-07-12 10:33:18 · 2032 阅读 · 0 评论 -
关于字体设计的思路
这次讲解的东西说简单不简单,说复杂又不复杂。下面进入正题;首先,这次只是一个字体的设计,算不上logo设计。先是找了几十张中国风的logo和几十张的印章。额,每次都是这样,找啊找,在临摹啊,在制作。呃呃呃,这就是老师布置的任务;所以,每次写这些文献的时候,习惯性的小手抖一抖,输出全靠吼。文献就差不多了;先不说这些了。下面是找的中国风logo,看一下,别人的东西在对比自己的东西,简直是打脸。没办法...原创 2019-06-28 08:17:10 · 1827 阅读 · 0 评论 -
关于吉祥物设计思路
吉祥物设计也属于UI设计的一部分,吉祥物也可以说是一种萌物,设计出来的样子都略为可爱,给人带来好运和愉悦的心情。有着某种象征意义的东西,可以说吉祥物设计在UI设计中有着不可缺少的一定价值性。吉祥物的起源和来历,在这里简单说下。既然是设计,应从头到尾的了解一番,才能有一个完整的思路。我们的祖先创造了很多像龙、凤、麒麟等等吉祥禽瑞兽,而且同时也赋予了这些东西一种象征的内容及意义,满足人们内心祈福的心...原创 2019-06-28 08:03:47 · 5541 阅读 · 0 评论 -
UI网页设计制作思路
所谓的网页设计,大家应该知道,也就是我们常在浏览器上看到的网页。先前我们学习了UI设计的平面设计,不止如此。UI设计可以分为4个设计:平面设计(GUI)、商业设计(AUI)、网页设计(WUI)、移动界面设计(MUI)。这次主要讲解的便是网页设计了。像之前在后台网页设计方面讲解了一些内容,但那只是对后台网页的归纳,这次就主要从网页设计的思路及规范要素的讲解。首先,网页设计的一个界面,最开始应从用...原创 2019-06-18 15:06:23 · 4974 阅读 · 0 评论 -
关于海报设计思路
海报方面之前说了一下方面的知识和内容,这次和原先的不太一样,不一样的地方在于这是自己拍得照片来做海报,主要的目的也是提高创意设计方面的思维及技巧。下面就讲解我拍的照片及从中做的海报,对于在这方面的知识及技术来说,我之前也说过了一些,像我对海报的知识虽然了解许多,但是做出来的海报却一塌糊涂。也不多说了,总之进入主题,请看下面我拍的照片:原本是找20张照片的,但放那么多也都是一个样,就像上面的照...原创 2019-06-18 14:51:34 · 3890 阅读 · 0 评论 -
关于海报和插画的区别
关于海报上面在个人端午节说了一些内容及特点,但还不怎么全面,而且插画也没有怎么说到,下面就来讲解一下海报和插画的特点及区别。海报的制作目的在于宣传,其大部分都有关于对象活动和一些商业等多种方面,一般来说海报较为一致的特点,都有地点、时间这两个不可缺的部分。因为没有时间和地点,就算你做的海报很不错,很有创意,整体也很美观。但是就算如此,也只是一时的欣赏而已,那就像一幅画一样,而不是海报了。别人都不...原创 2019-06-09 19:46:40 · 10923 阅读 · 0 评论 -
个人端午节海报设计
关于海报,想必大家都有所了解,海报这一种名称最早起源于上海,其作用是制作相关对象的海报,达到宣传信息及商业活动目的。 制作一张并不是很难,可以说还简单,但效果如何就看自己的技术及创意细节了。一张不管什么对象的海报,都要利用图片、文字、色彩、空间等多种要素的完整结合。才能设计出一张完美的海报。才向人们全面的展示出宣传信息。还有一张正规的海报,通常包括活动的性质、主办单位、时间、地点等内容,多用于影...原创 2019-06-09 19:42:19 · 2478 阅读 · 2 评论 -
学校官网和后台网页及心得
关于学校方面的知识讲了一些,但是目前结课了。都不知道写什么;下面讲解学校官网的制作和注意点,学校也就是有老师传授知识,学生学习的一个最佳地方,学校也分很多种,有小学、高中、大学。这次主要讲解大学的高校官网,对于学校的认识,想必大家都是各有各的说法。但,较为一致的是:学校是高尚的,具有威严的,老师是无私的传授知识。所有学校和其他的官网不一样,比较严谨,色彩上面差异不大,就如下面2张高校官网来说,各...原创 2019-05-28 09:23:51 · 9366 阅读 · 14 评论 -
UI设计学习小结
所谓的UI设计是指人与计算机交互的一种操作,制作出具有操作理念、有逻辑、美观的页面,也可以理解为人机交互。那就先说一下我们这2个月以来学了些什么,先开始从icon设计到食品网页和学校官网。最后在到后台网页。可以说学到了很多东西,在此总结及讲解,和心得。先从icon设计说起,icon也就是大家在电脑上,或者是手机上,看到的小图标。Icon的制作和创造是离不开整个互联网的,其重要性和运用也十分广泛。...原创 2019-05-28 09:11:25 · 3356 阅读 · 0 评论 -
后台网页的总结
下面是我做的一个后台网页。关于蚂蚁设计的规则就在上面讲解。看看有什么不足。先从原则说起,1.从原则中的亲密性概况:如果信息之间的关联性越高,它们之间距离就应该越近,也越像一个视觉单元;反之,则它们距离就应该越远,也越像多个视觉单元,亲密性的根本目的是实现组织性,让用户对页面结构和信息层次一目了然。从板块与板块,字与字来看,距离越近,则关联性就越高。2.相同的板块和板块里的字体,理当都是左对...原创 2019-05-17 15:57:21 · 338 阅读 · 2 评论 -
后台网页思路讲解
后台网页的制作,之前说了一些。那是根据Ant gesign来讲解其中的作用。而这次不同的是根据自己的技术和设计用ps制作的后台网页。但这次后台的制作也关系到很多重要的理论及知识点,虽然说做的不怎么样,但是也学到了一些,下面就讲解后台的制作过程及设计思路。下面是我做的一张关于餐饮后台的一张首页。首页,其特点:所有一个整体后台页面的一个主页面,是页面的导航也是最重要的。所有首页不做好的话,其他页...原创 2019-05-17 15:47:24 · 435 阅读 · 0 评论 -
关于网站架构设计的知识
网站架构,一般认为是根据客户需求分析的结果,准确定位网站目标群体,设定网站整体架构,规划、设计网站栏目及其内容,制作网站开发流程及顺序,以最大限度地进行高效资源分配与管理的设计。其内容有程序架构,呈现架构和信息架构3种表现。而步骤主要分为硬架构和软架构2步程序,网络架构是现代网络学习和发展的一个必须的基础技术。一个构架设计又有很多不可缺少的要求,像建筑本身,涉及到技术,美学和功能的标准设计和规划...原创 2019-05-08 19:06:49 · 587 阅读 · 0 评论 -
关于后台网页设计的原则
关于后台网页的设计有很多不可违背的原则,还有排版、页面布局和视觉的影响等等;最后就通过一些制作效果还不错的后台网页,来讲解一些不可缺少的原则。下面就主要讲解:板块和字体的亲密性、对齐、对比、重复这几个不可缺少的原则,板块的亲密性分为2大部分:横间距之间的关系和纵间距关系。前者为了适用不同尺寸的屏幕,在横向采用栅格布局来排版里面的东西,从而保证布局的灵活性。后者则是通过小号、中号、大号这3种间距来...原创 2019-05-08 19:01:21 · 701 阅读 · 0 评论 -
关于可视化图表的研究思路
可视化图表可以是理解用信息和数据制作的一种可视化图形表,可视化是利用计算机图形学和图像处理技术,将数据转换成图形或图像在屏幕上显示出来,并进行交互处理的理论、方法和技术。可视化图表有很多种表达方式,比如:饼图、堆叠横形图、折线图、条形图等多种图表表达方式;每种图形表有不同的效果和作用,给人带来的视觉影响也是很大差异的。像我们目前做的后台网页,就会用到很多种图形表。不只是后台网页会用到,还有很多需...原创 2019-05-08 18:14:48 · 1787 阅读 · 0 评论 -
用PS临摹后台网页及心得
关于用PS临摹这个操作,以前也说了很多遍了。想必只要学过PS都知道,在这里,操作就不多说了,只是讲解一下临摹的目的及对后台网页的设计帮助。后台网页,根据我的学习和了解,这是一种作用于管理前端网站,其实这2种网页的制作,都是相关紧密的。前端网站的制作大部分的都是给服务对象用的,而后台的话,都是给一些管理员用的,通过数据详细分析,掌控前台的信息改进及更新。这次文献的主题是临摹后台网页,而不是制作,...原创 2019-04-28 09:26:02 · 900 阅读 · 0 评论 -
关于食物ICON设计讲解
关于ICON的设计,在很多页面都可以看到,那些小图标不仅可以很好的提示使用者更好的理解意思进行点击,还给整个页面带来美观。除此之外,icon的应用已经和很多软件和系统的页面密不可分了,只要是页面一个的设计,就少不了这些小图标。这次主要是讲解关于我设计食物ICON的讲解,首先食物是有很多很多的,不可能随便设计,要围绕着一个风格一种类似的食物进行制作,就像食物分类的设计一样。但设计icon目的在于把...原创 2019-04-28 09:10:38 · 674 阅读 · 0 评论 -
PS与Ai的工具介绍和差异
下面先讲解关于PS工具,一共有20多种,没一种都有不同的用处,和个自的特点1.移动工具(v) 一个用得最多的工具就属它了,用法简单,和名称一样,拿鼠标选择点击。2.矩形选框和椭圆选框工具(m) 这个工具的作用跟钢笔工具有一点相似,大致的作用也是用来剪切复制图片或者删除选择的局域.3.快速选择工具和魔棒工具(w)这个2个工具作用在于分辨图片的层次和颜色,进行分块编辑。4.裁剪工具和切片工具(...原创 2019-04-07 19:04:44 · 3129 阅读 · 0 评论 -
AI路径查找器的使用
下面我们来看一下路径查找器的几种模式,先新建图层,然后画2个矩形。如图所示:然后打开窗口,找到路径查找器也可以快捷键shift+ctrl+f9,然后进行编辑。路径查找器有4种形状模式:联集、减去顶层、交集、差集。还有6种变换方式:分割、修边、合并、裁剪、轮廓、减去后方对象。下面演示一遍:上面都演示了一遍,下面老师布置要运用路径查找器的一些作业上面6个图案,第一个的做法:先把图案分解成...原创 2019-04-07 18:49:38 · 4004 阅读 · 0 评论 -
PS和Ai钢笔工具的使用及差异
**加粗样式**PS使用的工具有20多种,但比较重要的有套索、钢笔、渐变等工具,下面我们就来讲解钢笔工具的使用及功能。钢笔工具§的作用:把一个图片进行临摹,达到与原图相似度99%以上,也就是大家所说的抠图。钢笔工具里有几种不同的分类小工具:钢笔工具、自由的钢笔、弯度的、转换点及增减瞄点;下面是一些描述:这些不同的小工具有着不同的作用,但比较实用...原创 2019-04-07 18:10:52 · 5881 阅读 · 0 评论 -
关于Ai的知识及临摹作品
是Adobe Illustrator的文件扩展名,是一种矢量图形文件格式。Adobe Illustrator是一种流行的基于矢量图形的绘图程序。AI格式是一个严格限制的,高度简化的EPS子集(EPS:是ps保存文件的一种格式,只能用ps打开,打开之后是可以继续编辑的)。矢量图,也称为面向对象的图像或绘图图像,矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体,它具有颜色、...原创 2019-01-21 12:33:22 · 831 阅读 · 0 评论