photoshop软件UI设计技巧.ppt

Photoshop软件UI设计技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 网页设计切图技巧 Photoshop软件UI设计技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 网页设计切图技巧 编排设计及photoshop基础实例 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 网页设计切图技巧 练习： 1、PS图标制作 2、网页切图 本练习作为考试内容 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 网页设计切图技巧 总 结 thend THANKS 国外上了年纪的大品牌Logo都是尺规作图做出来的，因为最开始的时候电脑并不发达，制作图标都是手工做的，没有尺规制图，没法制作。 后来这些品牌出名了，Logo成为了成功经验的典范，尺规作图也成为了一个行业内内部logo规范与否的标准线。 Photoshop软件UI设计技巧 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 许多设计都将网格的建立作为设计Logo的第一步骤， 网格系统可以助你保持视觉协调、美观、有条理，并明确设计的目标。 那么到底LOGO网格是什么，有哪些常规样式，使用网格的好处以及如何使用等问题，今天来一一说清楚。 Photoshop软件UI设计技巧 Photoshop软件UI设计技巧 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 Logo网格为何物？ Logo网格是在设计Logo的过程中，用以保持几何图形和谐度的工具。网格也被称之为结构辅助线，具体取决于图形的网格（或辅助）线条的使用方式。 Photoshop软件UI设计技巧 Photoshop软件UI设计技巧 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 Logo网格源于小方格，类似以前学校里用的网格纸。然而，其结构的可能性很多，有些设计师使用圆形网格，或甚至根据不同案例创建自定义的网格系统，包含定义高度、元素间距以及空白区域的“隐形”辅助线。 Logo网格通常利用数学运算得出，用以规整设计过程元素和间距的关系。 Photoshop软件UI设计技巧 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 常规网格样式 网格被广泛运用于各类印刷或电子类设计项目。其中，有些网格系统历史悠久，却经久不衰，更有一些现代或自定义样式。（童鞋们可以尝试回忆一下自己的工作流程，是否也会根据不同项目创建迷你网格系统呢？那就可称之为自定义网格。） Photoshop软件UI设计技巧 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 有些最常用的网格系统也许是你每天所用，却从未意识到的，譬如：三分法则——多被用于照片工具、黄金分割，或只是简单的分栏网格系统。 构建Logo的网格系统其实和其它项目中所用的网格相仿，所不同的是Logo图形有时并没有像长方形明信片或广告牌那样准确的画布尺寸。由于这个原因，有些Logo设计中仍选择使用符合常规网格系统的辅助线，但是线条或曲线元素较为灵活，并不要求其精确吻合网格。 Photoshop软件UI设计技巧 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 Logo网格的使用 一旦你决定使用哪个等级的网格后（大部分设计师都有各自倾向的网格类别），就该看看有哪些选择了。当然，你可以创建自己的网格。 Photoshop软件UI设计技巧 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 使用网格的好处 那么复杂，为什么非得用网格？应该了解一下使用Logo网格或结构辅助线的诸多用处。 Photoshop软件UI设计技巧 网页设计切图技巧 PS软件图标制作 UI图标设计技巧 LOGO尺规作图设计 2.网格可以帮你找到核心元素，从而建立简约、经典不过时的设计。例如：苹果和壳牌的Logo，它