UI基础总结和个人作品集

UI总结

（作者：张承睿，撰写时间：2019年1月16日）
第一章：UI理论
1、平面设计基础：
平面设计的构成元素有：点、线、面三个元素，点可以表明位置和进行聚焦，线可以起到引导视线，面可以强调形状和面积。
平面设计常用的表现手法有几种，分别是渐变、重复、近似、对比、密集等等…
平面设计也非常需要色彩，色彩分为原色和混合色，原色是指三原色：红、黄、蓝；混合色是指红、黄、蓝三原色按不同比例混合调配而成。色彩还分为冷、暖两类色调，红、黄为主的称为暖色调，蓝绿为主的称为冷色调。
2、UI理论：
UI设计是指：对软件的人机交互。逻辑操作、界面美观的整体设计。
UI是什么：是用户界面指人和机器互动过程中的界面，以手机为例，手机上的界面都属于用户界面，我们通过对这个界面向手机发出指令，手机根据指令产生相应的反馈。
3、交互理论
交互设计Interaction Design也被成为IXD；交互设计建立起了人与计算机便捷沟通的通道，目标是创造可用性和用户体验俱佳的产品。
4、原型和架构设计
原型设计就是自己设计的一个产品出炉之前样品的简单框架，在项目进行的时候，每完成一个功能模块，就翻阅一下原型设计，看一下还要进行哪些工作。
（理论有借鉴于网络）
第二章：PS基础
给大家简单介绍一下PS基础的工具：

PS工具快捷键：
【M】矩形、椭圆选框工具
【V】移动工具
【L】套索、多边形套索、磁性套索
【W】魔棒工具
【C】裁剪工具
【K】切片工具、切片选择工具
【J】喷枪工具
【B】画笔工具、铅笔工具
【S】橡皮图章、图案图章
【Y】历史画笔工具、艺术历史画笔
【E】橡皮擦、背景擦除、魔术橡皮擦
【G】渐变工具、油漆桶工具
【R】模糊、锐化、涂抹工具
【O】减淡、加深、海绵工具
【A】路径选择工具、直接选取工具
【T】文字工具
【P】钢笔、自由钢笔
【U】矩形、圆边矩形、椭圆、多边形、直线
【N】写字板、声音注释
【I】吸管、颜色取样器、度量工具
【H】抓手工具
【Z】缩放工具
【D】默认前景色和背景色
【X】切换前景色和背景色
【Q】切换标准模式和快速蒙版模式
【F】标准屏幕模式、带有菜单栏的全屏模式、全屏模式
【Ctrl】+【Shift】+【M】跳到ImageReady3.0中
【Ctrl】临时使用移动工具
【Alt】临时使用吸色工具
【空格】临时使用抓手工具
【0】至【9】快速输入工具选项(当前工具选项面板中至少有一个可调节数字)
【[】或【]】循环选择画笔
【Ctrl】+【N】建立新渐变(在”渐变编辑器”中)

移动、自由变换和矩形工具：

使用自由变化工具，把图片变化成合适的角度

使用矩形工具，在使用自由变化工具把矩形变化成梯形

使用矩形工具和移动工具，创建个矩形，Ctrl+T，以此类推

笔刷工具：
图片上的海鸥就是用笔刷工具画出来的

色彩平衡：

使用色阶，色相/饱和度调整

第三章：PS进阶

先用一个草地图片做背景，现则去色，上一层渐变色，把花朵放上去，再把化妆品放在花
中间，化妆品添加暗部和亮部，底部加一个亮色，然后左边进行文字排版，基本上就完成了。

选择一个城市图片做背景，把人物放上去，复制一个进行高斯模糊，放在人物后面当特效，
人物添加暗部和亮部，旁边的闪电拷贝进去调整一下位置，城市背景上面添加几种颜色然后
模糊到一定程度就可以了，中间在用文字工具写一下就OK了。

第四章：AI基础

这些是AI最基础的东西，都是用矩形或者钢笔工具做出来的，我就不多描述了，看看就好。

第五章：AI进阶

这个插画，就用了钢笔工具，矩形工具，椭圆和实时上色，虽然不是很难，但是比较繁琐。

第六章：版式设计

版式最重要的就是细节排版，字体不能选择太大的，而且大小和字体要相同，图片的位置一定要放在适合的地方，文字排版不能太过于密集，要有一定的留白。

第七章：LOGO设计

我的设计理念：A和C是朋友喊我的简称开头字母，所以我就想到把它结合起来，就得到了这个LOGO，但是只是这样会比较单调，所以我找了一个我喜欢的水墨风格的圈，把LOGO 放进去，就不会太单调了。

第八章：官网设计

这是我自己设计的一个学校的网站，整体是蓝色和白色，再有一点点的黑色，比较简约，背景加上一些建筑的素描，看起来不就会太过于单调。

第九章：ICON设计

这是我自己设计的一套手机ICON，因为我本人喜欢的是简约风，所以就借鉴了一下别人设计的简约风ICON，然后自行修改了一下。

第十章：后台网站设计

这是我自己设计的一款餐饮后台的网站首页，主要可以看到每天或者每周（每月）的销售情况，和菜品销售的排行，这样老板一眼就可以看出来店铺的营业情况，餐厅人员还可以根据菜品销售排行观察哪些菜品卖的好，就可以选择多进这些货物。仓库管理人员也可以一眼就看到有没有货品是库存过低或者超出的。

第十一章：设计作品集