提升设计效率得抓这三点！
作者：优漫动游设计部
2023-09-11 16:15
查看: 208
设计，想提升设计效率，那就完全可以从积累素材、设计过程、完稿、文档的整理下手。
素材积累
素材目的与分类方法
素材的整理应该很多设计师都有做，当然我也是，我整理素材主要是这样的三个出发点：
1.寻找灵感
2.设计模式、形式参考
3.素材用于设计内容填充
首先要有自己的“素材库”，这些素材能在你的设计过程中起很大的作用，寻找灵感、快速搭建App框架、找素材等等。
人人都可以用板斧，但是还要看你能不能耍的开，先看看素材“如何分类”来提高设计效率：
用途一：寻找灵感与参考
这个主要是要将你平时的场景进行分类，比如这样的分类：AwesomeApp、Website、Logo、Illustrator、Typesetting等等通过内容进行分类，这类的内容主要是，方便寻找灵感和设计参考
用途二：设计文件标准模板
这一类的素材主要都是源文件或者字体文件，比如：OSpsd、设计规范文档、字体、设备模板等，这些的文件是方便做设计的时候直接使用减少临时去找的烦恼，可以快速的搭建App基础框架，以及各个控件的大小尺寸。
用途三：设计内容填充
在做UI设计的时候经常会用到各种素材，比如做社交软件的时候需要好看的头像，做分享软件时候需要好看风景图、美食，做电商软件需要各种商品，总之很多，而做设计稿一定要力求内容真实性，那么不重复而优质的素材非常重要，如果平时有收集整理，做图的时候直接拿来使用,临时寻找的不仅浪费时间质量也差。
素材的分类方法
既然设计素材这么重要，那有什么好的方式整理呢？最普通的方式可能就是文件夹了，一层层的嵌套，但是稍微有些繁琐，其实现在有很多的软件可以满足这些功能。
平时没有整理素材怎么办
有的人平时可能很少整理素材，或者才意识到这个事情，其实有很多的网站已经帮帮我们做了这样的事情，下面的几个网站就是专门针对UI设计的内容整理的素材库：
-iOS\Android按模块分类界面素材：pttrns.com
-Android：AndroidNiceties、AndroidPattern
-寻找灵感：Pinterest、花瓣、Calltoidea
-头像素材：UI-face
-风景素材：500px
-iOSiocn：iOSiconGallery
设计的一些Tips
「工欲善其事，必先利其器」，如果说我们的素材是我们的「素材库」，那Photoshop就是那资源了。其实设计中的技巧大多是围绕习惯培养、自动处理、善用某些功能来进行的。下面我就按这几个思路举些例子。
PS模块的布局设置（针对UI设计）
每个人的习惯都不一样，UI设计这块，我的布局是这样的：
简单的解释下我的布局：
UI设计的界面通常都是细长的，所以我们不需要太多的横向区域，所以我选择将工具设置成2列区域
因为图层多，并且也是最多选择整理的内容，所以单独一列，而历史记录和图层一样有多的特点，但是却不常使用，所以放在同一个列表中，默认显示图层面板
属性、信息、色板、字符样式模块较小但是确都是经常调整的内容，所以把他们集中在一起
整体看就是：常用的调整设置放在右边，而工具条完全金可以用快捷键操作，这样再设计的过程中就不用鼠标指针飞来飞去了，很小的滑动距离就能完成相应的操作。
坚持良好的图层命名
很多设计师都怕去修改别人的PSD，很大的一个原因是无法理清各个图层！保证良好的图层命名和层级是一个设计师的基本素养。
PS的动作使用
PS的功能很多很多，平时设计的过程中用的只是冰山一角，比如动作很少人去使用，然而这个是提高效率的一大利器。我就简单的举几个例子吧！（设置方法自己搜索下吧，这里不赘述了）
1、快速拉参考线，设定App框架
做UI设计的都知道，任何平台的APP都有其规范性，有着各个平台的栅格，这样不仅能保证界面整洁，还能让设计有一定的节奏感，那么我们每每开始设计一个新的界面的时候免不了去设定他们的框架，这样可以很快的开始一个App的界面设计。
快速设定字体
iOS的设计字体用的是平方（中文）和SanFransico（英文），而Android的字体用的是思源黑体（中文）和Roboto（英文）（别问我WindowsPhone）,那么再涉及到中英文混排的时候，你的做法也许是这样的：选定中文内容→设置「平方」→选定英文内容→设置「anFransico」，而我只需要「OneClick」！
看看是怎么样做到的：我先会设置一个动作，选定一个有中英文混排的段落字体，设置字体「SanFransico」→设置字体「平方」，顺序一定要对，聪明的你一定知道为什么吧，OK，保存动作。然后下次你再也不用一个个的设置字体了，Soeasy!
我的动作：
PhotoshopCC库的使用
现在很多人应该都在用CC的版本了吧，其实这里面有个非常强大的功能（前提是你用的是正版）：CreatCloud库，而这个能保存你的一切素材：、矢量文件、颜色、字体样式等。
其中颜色的可以去这网站设计：AdobeColorCC
这个是我的库的部分截图，使用的场景其实非常多，比如我做一个新的iPhone软件，那么我可以直接将「Statusbar」拖到设计稿中，我需要一个设计一个微博微信分享的功能，我直接拖出微信微博的矢量icon，我需要使用某个颜色规范，直接双击就可以使用，比一个个去查找要方便的很多。
文档的管理
很多设计师一定遇到过这样的问题：设计的版本多、文件杂乱，导致后期无法回顾和查找文件。那么如何规范自己的设计文件显的极其重要。之前我整理了一份设计文件管理规范，用于设计团队整体的文件管理，并且做到每一个月一次备份和整理，无论人员变动还是机器损坏都保证设计文件万无一失。
结尾
我们常常在讨论设计的理性和感性，我想设计的效率就一定是设计的理性吧，用理性的思维和方式来辅助设计，一定能达到更好的效果。上文我提到的都是一些个人的习惯与积累，每个人都有自己的习惯和方式，最重要的是如何极大的降低无用性的时间浪费，让更多的时间放在设计本身上！
零基础想学好UI设计就业，广州UI设计培训机构报名系统学习是最好的学习方式，从零基础到实训，全程有专业老师授课辅导。广州UI设计培训以就业为导向，依据企业需求制定课程大纲，内容涵盖、平面设计、Web网页设计、移动界面设计、交互设计以及C4D三维设计、H5推广页面设计等知识点。了解详情请登陆广州UI设计培训官网
预约申请试听课
填写下面表单即可预约申请试听！怕钱不够？可就业挣钱后再付学费！ 怕学不会？助教全程陪读，随时解惑！
担心就业？一地学习，可全国推荐就业！
-
上一篇：
-
下一篇：
IT培训问答
开班时间
