公司新闻

返回 您现在的位置 首页 > 公司新闻

公司新闻

天津开发区网站建设谈合理的规划好你的设计稿,善待PSD从细节做起

时间:2012-04-12 09:09:38    来源:136    点击:136 次

良好的注释图层,凸现专业气质
代码需要注释,设计稿也同样需要注释。同样是两份设计稿,相信你一定很喜欢带注释的设计稿。
相信我,给你的psd 新建一个组叫注释(comments),那么切图仔的眼睛里一定闪烁着晶莹的东西。

 

作为设计师,应该将设计稿的最完美一面表现给其他人看。就像jobs 说的一样,好设计师,不会使用烂木头作为衣柜的背板。虽然你最终的设计稿很完美,但是你的psd让人觉得很糟糕,同样会让之后的切图仔觉得你不是个优秀的设计师,对不起死去的jobs.
合理分层,结构清晰

不管你做的是设计,还是插画。结构设计也是一种设计,当你合理并且清晰的规划好你的设计稿,那么这个设计就有十之八九了。
那么如何对网页设计稿进行分组分层呢?

按框架分
按模块分
按属性分

1.形状模糊,有些时候使用形状工具因为没有对齐到像素,导致做出来的形状边缘都糊糊的。
解决办法很简单,使用选取工具(A),小移一下形状让它对齐到像素即可,或者干脆栅格化形状擦去模糊的部分即可。
2.素材模糊,素材让人觉得糊糊得看起来不是那么专业? 简单的锐化一下,会发现很好用(我用的比较多的就是USM锐化)。
3.文字模糊,有些时候发现矢量的字体怎么调大小都觉得边缘糊糊的。果断,复制一份(备份用),然后栅格化,小小的锐化一下。

减少尺寸,去其痔疮是关键
如果你做的是大喷绘 psd 有个7,80M 可以理解。但是你做的是web设计稿也那么大,就有点不可理喻啦。
毕竟切图仔的电脑总是没有设计师的强大哇,并且我们还要跑个IDE编辑器,跑个虚拟机,再跑N个浏览器。这个时候要是还要打开一个70M的PSD设计稿(预计占用内存1G),这个时候 谁蛋疼谁知道哇 囧rz

所以对切图仔好点,把psd弄小点。如何弄小点,往下看。

1.去除没用的大尺寸素材图层,(当设计稿需要交接给切图仔的时候,最好复制一份设计稿,去除psd中无用处的原始素材图)。因为素材图片是唯一难压缩的东西(psd尺寸大很多时候是因为这个),且运行时占内存大。
2.去除无关图层,(这个是禁忌哇,如果跟设计稿不相关的最好删掉,或者新建一个temp组丢那里面,不然很容易误导切图仔,而且还占内存,别以为隐藏掉就不占内存啦 XD)。
3.慎用智能图层。(智能图层在CS4的时候就开始有了。) 很好用,因为不影响原素材的质量,如放大缩小,但是TMD 占内存,吃cpu哇 >.<
4.合并列表型块状设计,(这点很纠结,也很重要) web设计稿中有一些设计是列表型的。如:文章列表,信息列表。通常设计的时候是先制作一份,然后复制个十几个。 但是。。。。但是,复制太多了占内存哇。0 0,果断保留关键的一份,或者表示几种状态的几份。然后把其他的都合并图层了。 相信我,这样做切图仔会很开心。
边界清晰,不再模糊
web设计中,最忌讳糊糊的感觉了。因为很多东西是需要精确到像素的。
 

本文作者来自天津求谛互动,转载请注明出处:求谛互动(http://qd218.com)
选择天津网站建设公司-求谛互动,优质服务,绝对不容错过 !
1. 优秀的网络资源,稳定的网站和速度保证
(配送双线独立ip空间,国际A级BGP机房,99.5% 的主机在线时间)
2. 7年天津网站建设经验,优秀的技术和设计水平,更放心
3. 全程省心服务,不必担心自己不懂网络,更省心。
------------------------------------------------------------------------------------------
我们的与众不同之处:
免费网络营销顾问:我们为您提供免费的网络营销顾问服务,您需要了解关于如何开展网络营销,电子商务,网站设计等的事宜,欢迎随时联系我们。
seo友好的网站管理系统:除了优质的网站空间,网站管理系统,和网站设计外,我们的网站管理系统更是seo友好的,包括:自定义栏目名,Google Sitemap自动生成,静态页面生成等等,让您的网站。
免费网络营销培训:如何更好的投放网络广告,如何提高网络广告的投资回报,如何发帖子,
如何优化网站,我们有丰富的经验开放给您!祝君成功!
联系我们:022-66351726