UI设计的总结

UI设计的总结
完成时间：2019年5月27日
作者：林政鸿
在这两个月里我的文章陆陆续续的会出现关于icon、官网设计、后台设计的几篇文章这次就来总结一下这些文章所有提到的内容，在icon设计里能行的内容也不多其实在技术icon的时候只要注重线稿，设计线稿主要的目的还是在以后的改稿的时候不用再进行重新绘制， 然后就是视觉大小的统一性在设计一款icon时如果没有规定大小的表格来进行设计的话是很难看出大小的差距的，为了统一大小第二次的改稿我进行了100像素乘100像素的方格来进行设计这样就可已保证大小的统一性

在这款icon最初的目的是为手机APP而设计的然后在进行不断的修改就慢慢的演变成了为视频网站专用的icon，在颜色上的搭配其实我是利用了一些比较偏向水果的一种颜色主要还是为了还原水果该有的颜色，在做icon的时候用AI来做的话整体的质量也会增加为什么用AI来绘图因为在AI里是矢量图而不是位图，位图其实就是普通图片再放大的时候会模糊而出现像素块而矢量图不会矢量图在AI里进行6800倍的放大也不会模糊或者是出现像素块，这样的目的还是为了保证清晰度的质量。
网页设计，网页设计的初衷是根据企业愿景向浏览者传达需要传达的信息通过色彩搭配、字体设计还有图片的排版进行研究来实现更好的效果。
制作网页的时候要确保每个版块颜色要准确的使用，功能色这个东西在每一个的网页都会出现就比如淘宝加入购物车和立即购买的这两个颜色一个是黄色一个是红色颜色的不同作用当然也不同一个是用来提醒一个用来诱惑，在另一点的方面上就是颜色上的统一性网页和功能色的颜色的搭配我设计的网站的颜色是用粉色来作为整个网页的主体色在功能色的颜色是不能和主体色相差太多的。‘
如图’

网页的图片的质量，在制作网站的时候选择的图片不能清晰度太低否则会影响整个页面的档次而且在进行图片排版的时候图片和文字不能靠的太近否则会给人带来一种压迫感。
然后就是一个后台网页的一个设计，像后台网站这种后台我个人觉得不用做太多的设计重点的是排版的设计和图片的排版是比较重要的，所以在做这个后台的风格是一个比较严谨带有商业化气息的一个后台网站。
登录界面

首页的图片选择里我选择了一个比较大气的一个背景图片进行了一个高斯模糊的设计搭配所以游戏网页都会出现的一个登陆界面来进行了一个简单的搭配设计，在所有的页面里首页是最简单的。
首页

在首页的风格设计里我是用来一个偏向灰色系的一个蓝色和浅蓝进行搭配设计的一个首页在进行一些文字的排版设计和一些简单的交互效果，在通知公告里面我是用着一个点击变色的一个交互效果，和在登录记录里做了一些轻微的改动添加了一个查看更多的一个按钮的设计。
后台设计的总结，主要的类容有两点第一文字大小的统一因为是后台网站的一个公司内部的一个网站为了保证效率所以在字体的大小不能小于12像素大于14像素这样做可以保证员工的工作效率还有页面的美观，第二就是排版设计后台的网站也是比较一个严谨的一个网站所以排版的设计不能太乱来达到后台页面该有的效果。