photoshop软件UI设计技巧.ppt

用户体验设计(UED)讲座;目录;扁平化图标;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;极简扁平化图标;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;水晶图标;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;立体具像图标;后扁平化图标;Photoshop软件UI设计技巧;青花瓷图标;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;剪纸风格图标;宝石风格图标;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;色彩统一法那么;局部彩色统一〔色彩面积比小于30%〕;全局单一色统一〔色彩面积比大于70%〕;全局彩色统一〔色彩面积比大于70%〕;形状统一法那么;内形统一;透视统一;光源质感统一法那么;;国外上了年纪的大品牌Logo都是尺规作图做出来的，因为最开始的时候电脑并不兴旺，制作图标都是手工做的，没有尺规制图，没法制作。

后来这些品牌知名了，Logo成为了成功经验的典范，尺规作图也成为了一个行业内内部logo标准与否的标准线。;许多设计都将网格的建立作为设计Logo的第一步骤，

网格系统可以助你保持视觉协调、美观、有条理，并明确设计的目标。

那么到底LOGO网格是什么，有哪些常规样式，使用网格的好处以及如何使用等问题，今天来一一说清楚。;Logo网格为何物？;Logo网格源于小方格，类似以前学校里用的网格纸。然而，其结构的可能性很多，有些设计师使用圆形网格，或甚至根据不同案例创立自定义的网格系统，包含定义高度、元素间距以及空白区域的“隐形”辅助线。;常规网格样式;有些最常用的网格系统也许是你每天所用，却从未意识到的，譬如：三分法那么——多被用于照片工具、黄金分割，或只是简单的分栏网格系统。;Logo网格的使用;使用网格的好处;

2.网格可以帮你找到核心元素，从而建立简约、经典不过时的设计。例如：苹果和壳牌的Logo，它们都使用了超简约的经典形式。

;

3.网格可以帮你定义Logo的各种尺寸。譬如像iOS图标设计，辅助线是必不可少的，这样你从一开始就能更好地考虑到各种情况，是事半功倍的良方。

;

5.网格对于空间的规划很有好处，轻易就能打造元素间的协调感。

;1.网格可能对创意产生限制，设计师们???有被固定图形或图案“锁住”的感觉。因此，这可能导致最终Logo们都长得很像。

;

2.自定义网格的流程是艰辛的。对于不熟悉网格的童鞋们，可能需要花一定的学习时间。

;

3.有可能会过分受制于网格的数学原理，致使网格呈非常规整的几何形，不再是个真正的Logo设计。

;是否该使用Logo网格？;并不意味着你非得刻板地遵从所有隐形辅助线和曲线，它只是帮助你明确Logo的设计流程。在过程中，你兴许会发现设计中的某些元素正是由网格系统而得来的。;“Logo的想法最初总是出自于我们的大脑或手中的笔杆，而非大量的辅助线、网格或各种圆形曲线。”;;1.按着自己的想法多画草稿图;画的时候你可以百度一下你所画的原型找找感觉看。;2.把草稿导入AI，将此标准化;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;Photoshop软件UI设计技巧;;;;;;;;编排设计及photoshop根底实例;;练习：

1、PS图标制作

2、网页切图;总结