作为一个网页设计师,很难保持组织。你不仅是一次平衡的几个项目,但你可能面临着时间紧韧的客户也是如此。您也可以从品牌反弹至品牌,并具有不断学习新的品牌方针和风格。
幸运的是,有许多方法可以使您的工作流程更有效率。为了帮帮忙,我已经把这些八个小窍门,以保持理智,你在你的网页设计生涯
1.保持您的文件组织
其中一个可以做,以保持自己的清醒最简单的事情是让你的文件组织。创建和维护一个一致的文件夹结构将使得查找文件变得轻而易举。当你构建一个文件夹不同于另一种,使得它找到一个挑战出现的问题Final-Final-logo.ai文件。
组织您的文件时,一致的文件命名约定是必不可少的。这是版本进来。有些设计师使用日期,其他人使用版本号和一些使用轮。这将取决于你的行业和你的个人喜好,但它是一个很好的做法。由于版本,你可以轻松地跟踪哪个文件是最新的,特别是如果你有保存,以供参考旧版本。
我一般保持两到三个旧版本的情况下,客户希望从一个回合恢复到了英雄的战略,还是从两回合首选移动处理。为了避免收破烂的心态,这是很好的存档或删除旧文件,让您的硬盘驱动器被陷入困境。
下面是我在CLEARLINK使用的样本结构。
一个一致的文件夹结构,并与版本命名约定相结合,也将有助于搜索能力。举例来说,如果你从一个品牌的品牌名称或缩写启动所有的文件名,可以过滤资产的品牌更容易。这将有助于从什么可能是“logo-final.ai的”海区分“ATT-logo-final.ai”。
2.了解你的框架
有一件事我没有学过,直到几年到我的设计生涯是如何正确地利用现有的框架。在该框架两个世界重量级目前引导和基金会,但谷歌的兑现必将给他们的钱跑在不久的将来。我工作的公司使用基金会为广大的品牌网站。
基金会带有一个内置的响应网格,为造型按钮,输入排版,导航等以及许多其他的东西,使您的生活更轻松的一起。通过利用你的PSD中基金会的内置网格,你会更容易为开发者实现比,如果你做自己的事更像素完美的方式你的设计。Photoshop有这个漂亮的指南布局工具,不但使创建网格轻而易举,而且他们重视艺术板,便于文件的结构调整和运动。
从截图基金会小抄
框架还提供了按钮的样式,表格等一个很好的起点,有助于展现设计策略可以实现的可能性和局限性。这不仅给你设计一个很好的起点,但它会帮助促进与开发者友好的合作。
3.内容部分整理层
当你处理复杂的网页设计的PSD有这么多的文件夹,图层,智能对象,等等,很容易让事情变得混乱。一旦层2,455恶有恶报,你开始意识到你需要你的PSD中某种组织。这就是为什么我建议用部分组织您的PSD。
煤矿通常由包括导航,英雄,介绍,包福利,页脚等文件夹的我也颜色编码这些文件夹中的彩虹时尚,让他们很容易浏览。这使得更新章节,重新加工您的PSD一件轻而易举的事。
我整理我的文件成是彩虹颜色编码,便于扫描能力部分的文件夹。
例如,如果您需要英雄截面,您可以轻松地将所有文件夹下面为一个单位(保持命令),然后将它们拖回更新后才能使用。这一策略也帮助开发人员和其他设计师轻松地浏览你的文件。通过使用可以理解的名称,如“英雄”和“导航”,一个新的设计师可以很容易地跳进文件夹,并他们需要的任何变化。
有的设计师甚至会陷入命名各层,也可以非常有益的,但能有点费时。由于层很容易通过时,它的设置为自动选择工具来寻找“图层”,很容易到达各层这些天,所以它是由单独的设计师,他们如何组织自己的图层。问题的关键是,你的Git“呃完成。
4.记住您通常使用的所有键盘快捷键
这一个对效率的大问题。如果你发现自己经常使用特定的键盘命令,记住它。你会提高你的效率成倍,如果你把所有的主键盘快捷键了。
有些重要的是更多的储蓄之中,字体大小和领导,层序,另存为网页和透明度。Photoshop中还为您提供了创建自定义快捷键的功能。在我的书,最重要的命令已经被记忆保存您的文件。由于Adobe的随机崩溃,这是很好的犯错节约往往而不是冒险失去你的任何进步的一面。
土坯给你下的自定义快捷键的选项编辑>键盘快捷键
快捷键也配合由内容部分文件夹组织你的层(如上所述)。它更容易携带层以使用键盘快捷键比在无组织文件重新排序层的文件夹的顶部和底部。这是组织你的文件,为您设计的用武之地。记忆常用的快捷键,并保持你的层次组织将大大提高您的工作效率,并帮助其他设计师与您的文件。
5.利用CC库
其中一个因为创建CC的Adobe已经加入的最好的事情就是图书馆。如果你还没有听说过他们,你需要看看这个惊人的教程就如何使用它们。
我觉得每一个设计团队应该利用这种神奇的功能。库允许你创建一个品牌库般的色彩资产,字体样式,照片,图标和符号(如页眉和页脚)。由于库,你可以很容易地使用单一品牌库中的多个组织合作广告。
图书馆可以很容易地改变颜色和更新文本样式与按钮的点击。他们还帮助品牌专卖店的图标,可以轻松地在一个地方的更新整个月台幕门迅速反映更新。这是页眉和页脚为您的网站,在那里你很可能会在整个项目进行小的更新,令人难以置信的是有益的。
我也用CC库的字体造型在我的设计。我会成立了英雄副本,标题,副标题,正文,免责声明等,为台式机,平板电脑和移动应用程序的风格。关于视图切换,我发现自己使用列表格式比瓷砖查看更多-因此,由于其方便的扫描能力。
库元素看作是一个合作者
图书馆也非常适合团队协作。您可以选择要么与其他广告合作,以使他们能够编辑和添加到库中,也可以共享库链接以便于访问。他们也有一个“创建新库从文档”功能,但我更喜欢创建库自己,所以它保持组织,只有最相关的资产。
不幸的是,也有一些缺点库,这是缺乏独立的字符和段落样式的文字之一。我解决这个应用在一个单独的盒子我的字符样式,然后粘贴不同风格的成箱在一起,使文本框更容易在文件中管理。另一个缺点是,你目前还不能在全球范围更新字符样式。目前,有在图书馆内没有组织能力来创建类别(颜色,字符样式等)内的子文件夹,但希望Adobe正在致力于这一点。
目前的办法CC图书馆的工作是,最近更新/添加的资产将出现向上顶。CC图书馆的颜色不能文本框内应用于单个文本,并只方便地应用于形状和整个文本框。我敢肯定,Adobe是在努力解决这些问题,所以我不是太担心,特别是因为利弊肯定利大于弊。
6.保持图像和向量智能对象格式
尽管它会让你的文件越大,让您的图像和向量智能对象的格式将使它更容易为未来的设计师编辑您的月台幕门。想像一下:在客户端回来与编辑,包括重新种植英雄的照片,使小的调整为矢量图标。这是,如果在PSD包括全分辨率的照片,而不是小的,光栅化版本更顺利进行。载体也容易时,他们从Illustrator智能对象,而不是光栅化图形来调整。
在智能对象格式有照片的另一个好处来当你把它们保存为PSD的,然后把它们放入您的文件作为智能对象。使用放置照片PSD可以很容易地独立,包含照片文件中添加调整图层和编辑,而不是搞乱你的源文件。利用智能对象的图形库为您提供了更一个成功的组合。您不仅可以方便地编辑矢量对象,但库显卡将在所有应用程序更新。
在“SmartSi-特色”的形象可以在一个单独的PSD编辑主文件的杂波保持在最低水平。本节中的图标(易于编程,节约能源等)保存为图形库,让他们可以在一个地方进行编辑与修改的所有文件均体现。
7.创建一个风格指南,坚持下去
很多品牌都将有一个大致的风格指南你跟着当涉及到字体,颜色,图片,图标,插图等,这是作为一个有用的资源,但不会总是让你在特定的网站风格一致。我已经极大地创建为我工作的每一个具体的网站Web风格指南提高了我的工作效率。
有时候,品牌将有多个站点,不同的风格,所以我要确保我有一个为每个站点,这样我就可以保持一致性,而我设计的。这也创造了一个简单的拖放和拖放资源时,我需要的按钮,图标,插图,照片等。这不仅会令你作为一个设计师,更高效,但它会帮助你留在整个网站的风格是一致的。
我部分之间用什么间距?退房的风格指南!什么是主要按钮的颜色和填充一次吗?从风格指南抓住它吧!这也将有助于其他设计师轻松地在网站上设计轻松,高效地跳。如果合并的风格指南使用CC图书馆,你更是在比赛之前。
我为所有的不同的品牌,我的工作,所以我可以很容易地抓住像按钮和图标元素的PSD风格指南。
很多设计师都禁不住每次在设计中面临的一个新问题增加新的款式。为了保持一致性,这是最好避免这一点,并始终坚持你自己的风格指南中规定的标准。如果添加新的层次和风格,确保它们在整个网站应用。
所创建的更多新款式,更复杂的未来设计会,并就越难将成为新的设计师跳的项目,并保持设计的一致性。在许多情况下,当它涉及到用户体验的一致性比不断的创新更重要。尽管它可能需要更多的时间来创建在项目开始时的网页风格指南,它会增加你的效率为未来的所有页面。
我从布拉德·弗罗斯特得到的一个最好的做法是做一个接口盘点无论是在设计过程中或您会工作的一个现有的网站。接口存货包括收集所有不同的文本样式,按钮样式等,通过屏幕截图和编译他们找到不一致。然后,您可以将您的发现给客户提出的更新和改进。
由于网站在其存在的情况下触摸多个设计师,事情可能会在一致性部门很毛。一旦你找到页面上的元素的统一设计风格,确保让大家最新的更新您的风格指南。
从http://bradfrost.com/blog/post/interface-inventory/界面截图盘点
8.福斯特跨部门协作
很多的追崇在市场营销生产(设计人员,开发人员,文案等),人们往往要内向,所以很难走出你的安乐窝,当谈到合作。它也很难离开你的专业知识的泡沫,尤其是当它更容易与人交往,在你的领域。虽然它可以是尴尬或不舒服,有时,离开你的泡沫与其他部门的人经常能合作大大提高您的设计质量与效率的一起。
这方面的一个典型的例子是,当设计人员和开发人员重新设计合作。你应该与开发商见面事先走了过来,他们所使用的框架,教育自己的网格系统上,并评估准备。当设计工作完成后,一定要分享你的Photoshop库,因此开发人员会很容易获得的调色板,字体样式等,这是也有利于分享风格指南提前与您有任何组件沿为了给他们一个良好的开端。
与你的团队利用图书馆等设计师合作也将帮助你保持一致,更有效。给艺术总监或最高级设计师的责任在图书馆和风格指南的更新将消除混乱,并保持品牌一致性。只要确保有通信线路时更新制成,使每个人都在同一页上。