首页 相关文章 PS网页设计技巧:图层排列和文档管理提升效率(入门)

PS网页设计技巧:图层排列和文档管理提升效率(入门)

这是一个重要但是容易被忽视的领域,很多设计师没有文档管理和文档规范意识。认为只有代码工作者才需要什么编码规范和版本控制系统,photoshop作为一个应用软件,讨论这个有什么意义呢?

作为工程文件,一个复杂页面的psd源文件里有200~300个图层是很正常的事情。

作为最直面客户和BOSS的开发环节,以及存在对视觉表现的个体认同差异,你可能会遭遇最多的需求变动、修改建议,需求反复……。

作为开发协作中的一员,你的源文件会被其他设计师或开发者使用或修改。

作为开发文档中的一部分,你的源文件会面临移交、继承和重用。

图层命名无法辨识,几百个图层没有分组、元件难以修改、被调用的原始素材被处理地面目全非,修改版本无法回溯、设计样式无法复用,同组的psd文件风格或布局无法统一……如果你正在修改这样一份psd源文件,会不会抓狂?

作为一个UI设计师,建立文档管理和文档规范意识,不仅能便于团队协助和工程文件的移交,更重要的是能快速显著地提升自己的工作效率。

作为工程管理的一部分,PS的文档管理也具有以下特征:

编码规范:命名规范。

架构...[ 查看全文 ]

  • 标签:PS PS基础
    这是一个重要但是容易被忽视的领域,很多设计师没有文档管理和文档规范意识。认为只有代码工作者才需要什么编码规范和版本控制系统,photoshop作为一个应用软件,讨论这个有什么意义呢? 作为工程文件,一个复杂页面的psd源文件里有200~300个图层是很正常的事情。 作为最直面客户和BOSS的开发环节,以及存在对视觉表现的个体认同差异,你可能会遭遇最多的需求变动、修改建议,需求反复。 作为开发协作中的...[ 查看全文 ]
  • 随着电子商务的兴起,电商网站如雨后春笋般群体突起,每个网站都想在众多的平台中脱颖而出,当然了,这毫无疑问是网站建设中最重要的一件事。当网站建设越来越细节化,保持更新的难度似乎也越来越大,因为总有细枝末节我们无法顾及。万维网成长迅速,所有的电商平台都被带动了,贸易越来越云化,传统的电脑似乎成为了一朵沉闷乏味的昨日黄花,被手机和平板电脑取而代之,如果你一味的坚持传统,那我只能送你...[ 查看全文 ]
  • 表单是由许多细小的元素所组合而成的集合体,标题和输入框的排列方式有着重要的地位,标题要放在输入框的左侧还是上面?要靠左还是靠右?要怎么排列才能提高表单的完成率呢? 标题和输入框常见的排列方式 1. 放在输入框左边,而且靠左对齐 2. 放在输入框左边,但是靠右对齐 3. 放在输入框上面 4. 放在输入框里面 排列方式的比较 到底这四种排列方式有什么不一样呢?其实这些排列组合最大的影...[ 查看全文 ]
  • 提升锻炼效率的几种小技巧 我们都知道锻炼身体是保证身体健康的疾病要求之一,但是多数的运动新手往往投入了许多时间都没有收到很好的成效,那么有什么比较好的方法能帮助提高运动效率呢?下面为大家介绍提升锻炼效率的几种小技巧,供大家了解。 补充蛋白质 许多人对重建肌肉需要的蛋白质没有给予足够的重视。有氧和力量训练都会不同程度地对肌肉组织产生破坏,需要蛋白质来修复,如果...[ 查看全文 ]
  • s1313现在我们来制作一个简单的网页设计稿。一个网页一般为上中下三级结构,如下图,上部为网站的标题及导航区,所谓导航也就是常见的栏目菜单。中部是网站内容的正文。底部则是网站的版权声明及其他说明。当然这个只是一般网页的结构,也有通过其他方式组织的网页。 s1314新建一个640×480的白底图像,然后使用形状工具 〖U/SHIFT_U〗的矢量方式 ,画出一个长方形。这个长方形本身具有...[ 查看全文 ]
  • 作为世界最著名的客户关系管理软件巨头,Salesforce 在CRM软件设计上有着深入的了解和过硬的设计和开发经验。诸如CRM这类企业级的软件中,表单类的界面非常多,这也促成了今天的这篇文章。一个优秀的表单到底要具备怎样的素质?如何提高表单的用户体验和使用效率?看看Salesforce 的团队是怎么做的。 Salesforce 用户每天都在和表单打交道,无论他是销售人员、主管还是经理。所以,对于Salesforce而言,能...[ 查看全文 ]
  • 我们在之前的课程中已经不止一次地接触过图层样式,大家也一定对这个使用方便、效果出色的功能留下了深刻印象。图层样式是在Photoshop5.5版本时候开始出现,在版本6的时候就已发展得相当完善了。它说简单也简单,一些效果很容易实现也很容易理解,比如阴影、外发光等,一看就明白是作什么用的。但说复杂也复杂,有部分内容还是比较难理解的。在这里我们先从容易理解的部分入手来学习,其他更为复杂的内容...[ 查看全文 ]
  • 下面我们就网页设计这个领域做一些专门介绍,这些内容按照原计划应该包含在本书中,由于篇幅所限不得不取消。不过没关系,我们会继续制作相应的教程继续供大家学习。Photoshop和Illustrator都可以制作网页设计稿,但我个人觉得Photoshop在这方面更出色一些,主要是因为图层样式较为丰富,可以很容易地制作出各种流行的效果。因此我都是用它进行网页设计。但是如果需要制作徽标或一些插画风格的人物,就需...[ 查看全文 ]
  • 本教程调色比较独特,基本上都是用图案叠加来完成。制作的时候先调出PS自带的一些图案纹理,然后创建多个图案填充图层,分别改变图层的混合模式及不透明度就可以快速得到个性图片。 原图 最终效果 1、打开素材图片,创建“图案”调整图层,如下图。 2、Photoshop里头原本的设定只有两种图样,再依照下面步骤把其它内建图样也叫出来。将...[ 查看全文 ]
  • 标签:PS PS教程
        我们在使用Photoshop时几乎都会使用到图层功能,但是你对图层的概念和所有应用功能都全面了解了吗?相信图层功能还有许多地方是被你忽视掉的。 下面我们就来一起全面透析Photoshop图层功能,帮助大家详细了解图层这个Photoshop中最基本而又重要的工具。 这次我们主要介绍 图层管理。 1.选择图层 如果图像有多个图层,必须选取要使用的图层才能正常...[ 查看全文 ]
  • 对运动减肥而言,讲究一些小技巧,减肥效果就能事半功倍。比如说运动中途休息一下,喝咖啡提升运动效率,把握运动时长等,这些运动小技巧你都知道吗?其中原理又是怎样?快来了解这些小技巧,为运动减肥加速吧。 ①边运动边休息减肥效率更高 有研究发现,在运动一定时间后休息的人,比一直在运动的人脂肪消耗量更大,也会更瘦。这是为什么呢?就像是胃部在...[ 查看全文 ]
  • 这个操作相信大家已经非常熟悉了。除了背景层之外,其他图层都可以设定独立的混合模式,包括调整层、填充层和图层组。图层样式决定着当前图层与其下方图层的合成效果,在默认的正常方式下,除非上方图层有半透明部分,否则对下方的图层会形成完全的遮挡。要实现与下方图层的交融,必须有半透明部分。 在更改了混合模式后,无论上方图层是否包含半透明部分,一般都能与下方图层形成交融的效果。因为此时...[ 查看全文 ]
  • 标签:Web开发
    您希望加快网页的加载速度吗?了解如何通过缩短加载时间来改善拨号上网用户的浏览体验,在某些情形下,加载时间最多可缩短 80%。 引言 不是所有人都能够使用高速 Internet 连接。即使每个人都能够使用高速网络,也会因为各种各样的原因使您的 Web 应用程序看起来运行缓慢。在这个宽带速度不断提高的时代,您应当关注一下页面加载时间。将珍贵的页面加载时间缩短几秒,将更加珍贵的请求和响应时...[ 查看全文 ]
  • 一、使用形状图层创建形状。这样做的好处是可以方便的对创建好的形状的大小和颜色进行修改。方法是在选取了形状工具(U)之后,在工具属性栏上选择形状图层,创建你所需要的形状。如下图: 如果你对形状的颜色不满意,直接在图层面板中双击图层缩略图,改变形状颜色。 或者你对形状大小不满意,可以在工具栏中选择直接选取工具,框选或者单选形状图层上相应的锚点,使用鼠标或者方向键更改锚点的位置,...[ 查看全文 ]
  • 优秀的设计师手艺不一定比你好,但效率肯定比你高。想提升设计效率,完全可以从积累素材、设计过程、完稿、文档的整理下手。具体的让Ping 老师手把手来教你吧。 最近明明(人家真叫明明)和我抱怨说:老大总是说我设计东西慢,效率低,真是烦死了,要知道设计的好又快的东西这个世界上是没有的!然后发了一张大家都看过很多遍的图片: 在安慰明明情绪之余,我也思考起设计的效率问题来,在我看来设计其实与...[ 查看全文 ]
  • 本教程主要是UI实战指南之简单技巧提升设计品质,今天是实战指南第二弹,上期牛MO王涵推荐了多款高品质的设计师专用字体,这期教你通过一些图层样式的更改,轻松提升设计感。 [ 查看全文 ]
  • 如何安排自己一天的工作,这是一个看上去很简单但又很难回答的问题。我们每天忙忙碌碌,可当到了季度总结的时候会惊讶的发现似乎什么也没完成,这事儿很恐怖。特别对于刚刚工作1、2年的同学们,这个阶段的每一天每一季度都很重要。 如何能够让自己不再「瞎忙」呢?这两年在自己团队中不断「尝试并调整」着一套方法,很多同学也确实由此得到了帮助,今天也来和大家分享一下。 在今天要聊到的这套方法中将涉及...[ 查看全文 ]
  • 尽管Bohemian Coding团队一直在尽力更新提高Sketch的易用性,完善功能和特性,但依然无法满足设计师和开发者的全部需求和愿望。好在开发者社区並沒有坐以待毙,而是积极地开始为Sketch开发各种各样地插件。 有些开发者打算用自己开发的插件替代系统预制的组件,旨在让GUI、图标和原型地设计拥有更大地定制空间,还有一些开发者则选择试图开发出提高工作效率,完善工作流程地组件,解决各种尚未完善地问题。...[ 查看全文 ]
  • 标签:电脑入门
    对于一般有电脑的的家庭,都会购买一台小型喷墨打印机或者一台低端的激光打印机回来,这时对于一部分刚接触打印机的用户可能会碰到一些问题,在家庭用户面前总显的很脆弱,操作过程中,稍微不注意就可能出现一些故障和小麻烦,为我们高效使用打印机带来了不小的障碍,下面笔者就为大家总结一下这方面的经验,希望对大家有所帮助。 Word是我们平常用的最多的Office办公软件之一,在我们利用该款办公软件编辑好...[ 查看全文 ]
  • 标签:电脑应用
    写文章前,不要上来就急于动笔,先要找好合适大小的“纸”,这个“纸”就是Word中的页面设置。 从菜单中选择【文件】|【页面设置】命令,显示“页面设置”对话框,选择【纸张】选项卡。 通常纸张大小都用A4纸,所以可采用默认设置。有时也会用B5纸,只需从“纸张大小”中选择相应类型的纸即可。 很多人习惯先录入内容,最后再设纸张大小。由于默认是...[ 查看全文 ]
手机页面 收藏网站 回到头部