UI基础与扩展

一、 UI理论
1.UI = User Interface（用户界面），UI设计是指软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是然软件变得有个性、品味还可以让软件操作变得简单、舒适，充分体现软件的定位和特点。
2.交互设计：UI交互界面设计是在人机交互领域中的一门重要学科。而人机交互设计实质是设计协调人与计算机共同工作时产生的矛盾，以最高效的方式满足人安全、效率、舒适需求的学科。用户界面以其工作流程的角度可以分为输入和输出。输入是指一个人如何将他的需求或愿望告诉计算机，输出表示计算机如何将它的计算结果和需要传达给用户。
3.原型和架构设计：处理结构的安全性、适用性、耐久性与经济性的理论及方法。主要解决结构产生的各种作用效应与结构材料抗力之间的关系，涉及有关结构上的作用、结构抗力、结构可靠度和结构设计方法及优化设计等方面的问题。

                          二、  PS基础  

背景橡皮擦工具案例：主要运用了PS中的背景橡皮擦工具，值得注意的是物品周边的像素不要被擦掉。

涂抹案例：在PS中打开污点修复画笔工具，按住Alt键再单击，然后均匀的在照片中涂抹即可。

三、 PS进价

汽车案例：将背景图片降低饱和度，加大对比。把车子置入场景中，然后画影子，值得注意的是轮胎内侧阴影要更重一些外侧减淡一些。对人物也要进行处理，添加投影，减弱本身颜色，增加环境色。火桶的处理手法与人物类似，最后把灯条和LOGO放上去即可。

四、AI基础

先用钢笔工具把兔子轮廓勾勒出来，选中全部路径点击“对象”-“实时上色”-“建立”，然后用实时上色工具填色，填色时要先选择好颜色在填，换颜色后再填。

绘制一个正方形，以及一条分割线，点击分割线使用路径分割对象功能，以此类推依次把块面都分割好，填色，最后旋转拼图。

五、AI进价

五环：用圆形矩形工具描边加粗绘制出五个圆，然后点击“对象”-“扩展”，扩展他们的描边，使线段变成面，最后选中全部图层，使用路径查找器的分割，取消编组后，可以去编辑橡胶部分的色彩。更换颜色后出现轨边，这时候再合并下图形就行。

先用圆形矩形工具绘制外轮廓，最外面画一个正圆形。然后俩个描边图层一起进行效果，从上面开始做起，第一个俩个图形选中后使用“减去后方对象”，使用的时候记得把下发的线排列在最顶端，然后与大圆一起使用
六、AI和PS的区别
AI主要用于图形制作 、矢量图形设计，PS主要用于图像处理 、像素图像设计。
放大效果不同：AI设计软件放大后，图像依然清晰。而用PS放大后，图像会变模糊。用AI绘制的图形是可以放大而不失真，而PS绘制的图形都是以像素点来画所以会变模糊。（如下图）

（AI放大后）

（PS放大后）
总的来说俩者都有各自的优点，在我看来只是使用者的工作习惯罢了。
俩款软件都是文件互通的，所有不用当心同一个作品在俩款软件中相互排斥。

六、版式设计

设计思路：总体色系都选用校徽的邻近色，给人一种大方的感觉，
我把校园图进行了素描效果，呈现出校园的清新感。
字体大小为：25px; 16px; 14px.

七、LOGO设计

设计思路：LOLG的灵感源于名字的缩写（LWL）
W，我联想到山、猪鼻子、皇冠……
L+L：我将右边的L进行水平翻转→
我又想到了动物的角、自行车的手柄……
最终我选择了皇冠+鹿角，形成了我个人的LOGO。

八、官网设计

设计思路：整个网站的色系都围绕着校徽的颜色：蓝，让使用者可以第一眼看过去很统一、端庄 。我将校园图进行了像素化的处理，分别放入背景里。可以给使用者一种小清新的感觉，也使整个网站看上去充实一些没有那么单调。
网站一共分为3大部分
第一部分有导航栏和广告，
第二部分是学校公告类的文案，
第三部分也是广告和底部栏。
网站总体文字居少，图片较多，目的就是提升使用者的视觉感受。因为我觉得文字太多会给人一种压抑感，图片恰好可以减缓。
为了提升使用者阅读的体验，我在文案前加了icon，可以让整个文案一目了然。将背景图片放入其中降低图片的透明值，形成一种若隐若现的视觉感觉从而提升使用者的阅读兴趣。

 --