个人UI总结与个人作品集

（作者：陈宇鸿 ， 撰写时间：2019/1/16）
UI理论
1、平面设计的基础
平面设计中有三大构成：平面构成、色彩构成、立体构成
平面构成：平面构成主要在二度空间范围之内，以点、线、面来描绘形象。它所表现的立体空间并非实的三度空间，而仅仅是图形对人的视觉引导作用形成的幻觉空间。
色彩构成：就是根据人们长期形成的对色彩的感觉，而产生的一种思维定势，不同颜色的搭配，能够给人不同的心理感受。
立体构成：立体构件是通过点、线、面等多种方式使二度空间进入三度空间的构成表现
2、UI理论
UI设计是指：对软件的色彩搭配，人机交互，操作逻辑，界面美观的整体设计。
好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点
在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。
3、交互设计
交互设计，是人工制品、环境和系统的行为，以及传达这种行为的外形元素的设计与定义。
交互设计（比喻）就像输入框，输入的数字限制是多少，什么情况是正确的，什么情况是错误的，在正确的时候有什么反馈，在错误的时候又有什么反馈，这些都会像是剧本里的故事情节和台词一样被提前设计好。
4、原型和架构设计
产品原型可以概括的说是整个产品面市之前的一个框架设计。以网站注册作为例子,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、元素、人机交互的形式，利用线框描述的方法，将产品脱离皮肤状态下更加具体跟生动的进行表达。

第一章 PS基础
在学习PS的这段时间里我学会了很多PS的基本功能，也认识到了PS的强大之处从开始只能用PS剪切图片，到后来能用PS做很多好看的东西

							PS 修复工具

这张图里的女人，原本脸上是有很多痘痘的，用PS里的污点修复画笔工具，沿着那些痘痘进行图画。

						PS 钢笔工具和橡皮擦工具

上面这个标题图，是用钢笔把边缘画出路径，按Ctrl+回车跳转出选区，然后按Ctrl+Shift+i进行反向选择，再用橡皮擦把不要的擦掉，也可以添加图层蒙版，用画笔，在图层蒙版画掉不需要的东西。

第二章 PS进阶
用钢笔把人物抠出来，然后找一张城市的背景图片，用涂抹工具进进行模糊，加入雾的图片与城市背景进行融合，然后再把人物进行融合，使人物看起来更加自然，最后加入闪电的素材来模拟人物的特效，最后加上一顿对应人物的文字，使这张图看起来更像一张炫酷的海报。

第三章 AI基础

AI里的工具大多数都是以路径为主，辅助PS的一个软件
上面的这张图是一张矢量图，不会因为放大缩小而是图片失真，这张图片是用钢笔工具画出路径后，选取所有的路径按Ctrl+K进行实时上色。

第四章 AI进阶

这上面这张图可不是用钢笔画出来的，是用矩形工具、椭圆形工具、圆角工具通过路径查找器里的交集，分割等操作一系列操作出来的。

第五章 板式设计

这张图是我设计的一个比较简单的排版设计，做法是找个鲜明的图片，然后设计一些字体，摆放在图上进行板式设计。

第六章 LOGO设计

这些logo是我根据原品牌自己临摹出来的，使用的工具也比较简单，都是一些常见用的矩形工具和变形功能做出来的。

第七章 官网设计

这张图是我根据恒大集团的官网临摹出来的，用的工具也是常用的矩形工具，字体的大小也在10px-18px之间。

第八章 ICON设计

这张图片的Icon是我用AI设计的，这些Icon用的工具也是矩形工具，椭圆工具和圆角工具做的，因为这些Icon都是简约风的，所以做法也是比较简单。

第九章 后台网站设计

这张图是我设计的后台管理网站，这是一个餐饮云后台管理系统，字体是10px-18px，字体的板设计也是猜想用户的需求去排版，色彩的搭配，我选了深蓝色为主色调，再搭配浅蓝色为辅助色，这两种颜色是近似色，蓝色代表冷静，沉稳，一些图形的板式设计，也是我根据别的后台模板去进行排版设计的。

第十章 个人作品集