首页 > 交互 > 关键词 > 设计师最新资讯 > 正文

善待PSD — 好设计师,从细节做起

2012-03-12 16:37 · 稿源:浆抱罗斯'Blog

配图:近日帮朋友设计的瀑布流 taobao站 美丽格子 ^__^。

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

在企鹅村玩代码玩了半年多,玩起psd来都有点生疏了。

最近对设计MM 给的psd文件产生了点暧昧。有感悟抒发一下。看看是不是都有一样的困惑和同样的问题。

如果切图仔死了,死因很可能是一份可怕的psd

1. psd 文件尺寸 竟然有71M,(也许看着觉得还好,但是一开ps 就杯具了,内存不够)

2. psd 图层上百个,各种看不懂的图层。毫无规律的图层分组让人菊花一紧。

3. 设计稿完全是个插画,怎么看都不像个网页,无从下手切图。(恨不得把psd 吃下去 )

4. GUI为矢量图,边界不清晰。(切图成果,糊得一比)。

作为切图仔,暂时就列了这么些 碰到的问题。相信有和多人有同感。

那么作为设计师MM的你们又应该如何去避免呢? 对症下药 一一破解。

合理分层,结构清晰

不管你做的是设计,还是插画。结构设计也是一种设计,当你合理并且清晰的规划好你的设计稿,那么这个设计就有十之八九了。

那么如何对网页设计稿进行分组分层呢?

1. 按框架分。(网页分 ,头部head , 主题 main,底部 foot,以此类推)。

2. 按模块分。(每个小原件,小装饰,合成一个大物件就能做为一个模块)

3. 按属性分。(这点比较重要,设计师如果做的是web界面,需要了解什么是“图片输出” 和 “代码输出”, 原因是当切图的时候,我们需要将 “代码输出”类型所属的图层隐藏掉,然后再进行导出)。还有一些注释(注释好重要,后面有讲)相关的东西。

4. 按状态分,(web设计跟插画设计 一个很大的区别就是 web设计是有交互的,需要针对各个交互状态进行分层分组)

“代码输出” 指的是设计稿中的一些效果是可以使用代码来实现的,如后期可编辑的文字(大段文字,小按钮里的宋体文字),圆角,渐变效果(高级浏览器可实现)。

“图片输出” 则是指出了代码输出以外的东西,如图标icon,背景效果,以及一些 使用代码不可实现的文字效果(如艺术字体)。

减少尺寸,去其痔疮是关键

如果你做的是大喷绘 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设计中,最忌讳糊糊的感觉了。因为很多东西是需要精确到像素的。

1.形状模糊,有些时候使用形状工具因为没有对齐到像素(见配图),导致做出来的形状边缘都糊糊的。

解决办法很简单,使用选取工具(A),小移一下形状让它对齐到像素即可,或者干脆栅格化形状擦去模糊的部分即可。

2.素材模糊,素材让人觉得糊糊得看起来不是那么专业? 简单的锐化一下,会发现很好用(我用的比较多的就是USM锐化)。

3.文字模糊,有些时候发现矢量的字体怎么调大小都觉得边缘糊糊的。果断,复制一份(备份用),然后栅格化,小小的锐化一下。^_^

良好的注释图层,凸现专业气质

代码需要注释,设计稿也同样需要注释。同样是两份设计稿,相信你一定很喜欢带注释的设计稿。

相信我,给你的psd 新建一个组叫注释(comments),那么切图仔的眼睛里一定闪烁着晶莹的东西。

作者:飞鱼

文章来源:浆抱罗斯'Blog

  • 相关推荐
  • 大家在看
  • 设计师的福音,超高颜值的ConceptD 3设计本

    对于众多设计师而言,一款专业的笔记本必不可少,但在笔记本市场上符合设计师需求,轻薄、性能、色彩与颜值都满足设计师群体的笔记本少之又少,如何选择选择一款适合创作的笔记本成了众多设计师们的难题。2019年,宏碁针对设计师群体推出了ConceptD系列设计本,在保持轻薄的同时拥有高性能,并为设计师们带来精准的屏幕色彩,提高创作效率,成为众多设计师的不二之选。并在今年618京东购物节之际,宏碁开启限时优惠,618期间购买Co

  • 特斯拉正邀请中国设计师为其设计汽车 新车将面向全球销售

    【TechWeb】6月17日消息,据国外媒体报道,特斯拉正在为其小型版新电动汽车征集来自中国汽车设计师和业余设计师的设计方案。特斯拉是通过其官方微信发布的公告,邀请来自中国的汽车设计师和非汽车设计师为其新车提交设计。该公司将考虑中国设计师提交的设计方案,被选中的设计未来可能会在其上海超级工厂下线。外媒报道称,虽然这款车将在中国设计和生产,但特斯拉的目标是在全球销售。到目前为止,特斯拉及其CEO埃隆·马斯克都没

  • 特斯拉邀请中国设计师设计汽车!造“中国风”特斯拉

    随着特斯拉国产步伐的加快,特斯拉在中国市场变得越来越活跃。6月16日消息,据外媒报道,特斯拉正在邀请中国的专业汽车设计师和分专业设计师提交方案,制造出小型版新电动汽车。事实上,早在

  • 室内设计师的视频号逆袭之路

    ​我是一个室内设计师,做了 10 年的室内设计,有 6 年都是研究中式设计,在这里面投入大量精力和时间,客户很是认可。

  • 设计师必备素材整理工具-免费软件Billfish上线

    身为一名设计师,相信我们都有一件必做的事情:「整理电脑上的素材」。 如日常工作中因为某个项目所收集的图片,或是平时逛设计网站所采集的灵感图片,又或者来自好友分享的源文件等等,数量少时还可以通过文件夹分类来进行管理,但是当收集的素材累积到一定量后就变得非常难以整理了。Billfish素材管理工具完美解决设计师这一困境,Billfish是专门为设计师打造的图片收藏管理工具,可以轻松管理您的各种素材文件。Billfish是一个免费?

  • 英特尔首席芯片设计师因个人原因辞职 曾在苹果和特斯拉任职

    【TechWeb】6月12日消息,据国外媒体报道,当地时间周四,英特尔宣布,其首席芯片设计师吉姆·凯勒(Jim Keller)因个人原因离职,他的辞职立即生效。离职后,凯勒将继续担任公司顾问,为期6个月,以帮助公司过渡到新的领导团队。在凯勒突然离职后,英特尔表示,它将对技术、系统架构和客户部门的高级领导层进行重组。2018年,凯勒从特斯拉跳槽至英特尔,负责领导一个工程小组,该小组的目标是开发新型低功率微处理器。他曾参与英

  • 投影仪怎么固定在床头,8年设计师经验之谈,这些你早该知道

    常言道,家是幸福的港湾,那么有目标、有方向地打造家,是幸福感的重要基石。为了提升家庭幸福感,很多人在家庭生活中,选择投影仪改善观影体验,但是如何在家中合理地安装成了关键点。在 8 年设计师的监工下,完成了整体家装,分享一下安装投影仪的装修心得和选购心得,如果你也有卧室投影仪安装困扰,就请继续看下去吧~一、新入投影仪心得分享:入住 1 个月,几乎天天都在看投影,朋友来家里,一群人围坐着看电影,一个字:爽!整体

  • 设计实战 赞扬设计服务带你探究LOGO设计

    我们都知道,每个公司都有着它自己的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师们才能基于它们来为这些公司企业进行LOGO设计。LOGO绝对是最能够直观的体现一个公司属性和风格的东西之一。专门设计一个独立的、与众不同的LOGO是一件很艰难的事,因为就目前市场上存在的公司企业和五花八门品牌LOGO实在是太多太多了。LOGO设计的独一无二,对公众而言,能够看一眼就能快速的想起某一?

  • 设计师转行卖猪肉收入涨5成 支付宝数字小店成90后就业新风口

    90 后设计师转行卖猪肉?最近,杭州菜场的一家猪肉铺,因为这位新老板一下子火了。老板小楼是个 90 后,杭州人,大学毕业后在一家大公司做设计师。一次偶然的机会,小楼发现二维码背后蕴藏着大商机,开始对父亲的猪肉铺进行“数字化改造”。上个月,小楼干脆继承了这家肉铺,改行卖起了猪肉。消费券、会员卡、花呗分期一通操作下来,月收入猛增 5 成,达到 2 万元。而此前央视公布的数据显示,中

  • 丐帮设计打造人人共享在线设计平台

    受疫情影响,互联网经济整体增速放缓,新的营销困境也随之而来。流量是企业的核心困境,而营销渠道是流量的新动能。丐帮设计率先打破了数字化营销的技术壁垒,通过强大的人工智能技术,研发出能随时满足用户需求的设计共享平台。人人都是设计师提到设计,我们会想到什么?是长城、金字塔那样的伟大建筑?是每年巴黎时装周的高定新款?还是埃舍尔的矛盾空间?是,却不止如此。工薪族如何做出精美被老板夸赞的PPT?自媒体人怎样作图?

  • 设计好看就是可以为所欲为

    在汽车历史上有一款很神奇的车,它性能平平,做工粗糙,售价还很贵;它声名狼藉,恶评如潮,卖的也不好;它早早停产,却名留青史,成为一个象征未来的艺术符号。

  • 分析师预计苹果首款自研芯片Mac成本将上升 因设计改变

    【TechWeb】6月24日消息,据国外媒体报道,在与英特尔合作15年之后,苹果公司在当地时间周一的全球开发者大会上,公布了基于ARM架构自研Mac处理器的计划,首款自研芯片Mac计划今年年底出货,并在两年的时间里完成过渡,Mac产品线届时就将全部采用自研芯片,英特尔处理器就将不会出现在苹果新推出的Mac产品中。Mac采用自研芯片,有利于苹果更好的进行软硬件方面的整合,硬件和软件也是苹果产品的一大卖点,库克也表示,凭借强大的?

  • 分析师:苹果计划在WWDC上发布ARM定制设计Mac芯片

    6月22日消息,据国外媒体报道,有关苹果采用基于ARM架构的Mac芯片、减少对其他供应商依赖的传闻出现已久,而分析师日前表示,苹果计划在即将开幕的WWDC(苹果全球开发者大会)上发布ARM定制设计Mac芯片。预计苹果计划在WWDC上发布ARM定制设计Mac芯片的,是著名的苹果产品分析师郭明錤,他在苹果产品的预测方面有很高的准确性。郭明錤是在当地时间周日早晨,在给投资者的一份报告中表示苹果计划在WWDC上发布ARM定制设计

  • OPPO主题设计大赛正式启动,招募优秀设计合伙人一起“绽放无边界”

    6 月 23 日,OPPO主题设计大赛正式开启招募。OPPO通过大赛招募优秀设计合伙人,共同探讨科技与艺术人文的智美融合,挖掘个性化主题设计与壁纸设计的艺术价值和商业价值,为OPPO用户打造独具一格的美学与交互体验。 OPPO主题设计大赛是由OPPO主办的一场设计美学盛会,旨在将“科技”与“艺术人文”的融合及畅想触达全球,让优秀设计师、插画师突破常规,施展创作灵感。本次大赛以“绽放无边界”为题,特邀知名插画师特浓TN、Lost7

  • 百度输入法设计师生态成形,打造优质皮肤原创内容生态圈

    随着第三方手机输入法用户规模不断上涨,用户对键盘皮肤的个性化需求也越发多元化。作为行业头部厂商,百度输入法通过引入原创设计师,大力布局皮肤内容生态,不仅为亿万用户带来视觉与交互的双重享受,也为行业打造原创皮肤树立了典型标杆,引领输入法皮肤的发展方向。(百度输入法原创皮肤) 据悉,百度输入法此次引入了森林集、少年维特、Eddie、鲲鹏、HERE180 等数十位顶尖设计师,来扩充皮肤的“新玩法”。其中,此前一经“官?

  • 设计没灵感?使用免费的Billfish搭建个人灵感库试试

    设计师是一个“创意”至上的职业,很多设计公司的核心理念就是“无创意,不设计”,折射出的是设计师对创意,对创新的极致追求。然而,有很多设计师苦于自己的创意“贫乏”,在工作中苦苦的挣扎。我们经常在提倡创新,但其实内心最清楚,我们设计的很多作品只是在沿用以前的设计思维,特别是一些产量和产值为中心的设计公司。面对如此的市场环境,个人设计师如何快速的找到灵感,常用的方式便是借鉴于各大平台网站,久而久之很难形

  • 满足轻奢需求 一汽-大众CC设计清新又高档

    买车,舒适度是自己的,设计是给自己同时也是给别人看的,因为,人,都是有社会属性的,当然希望别人觉得你的选择有档次,又有品位,比如大众CC。优点:大众CC的 18 寸轮毂 245 的米其林轮胎,还有前后独立空调,全新触摸按键,真的没谁了。动力也是很不错的,只要敢给油,就有推背感,虽然不像美系车那么猛,但还是有的。油耗也很动人,买了车的第二天就开车去上班了,高速上居然开出了 4 点多的油耗。回头率真的超级高,比奥迪和

  • 我乐家居拯救糟糕睡眠的卧室设计,你不准备看看?

    你的睡眠被偷走了吗?如今,睡眠质量几乎成了一个社会性问题,防噪耳塞、枕边精油、蒸汽眼罩、褪黑素…………五花八门的新奇好物只为给人们一个安稳的睡眠体验。不过,这些方法虽然有效,但却治标不治本,想要拥有优质睡眠,还是得先从自家的卧室设计入手。今天,我乐家居就教你如何轻松get一间“高质量睡眠的卧室”。1、利用好色彩搭配研究证明,不太合适的卧室色彩设计往往会影响人们的睡眠质量;反之,好的卧室色彩设计则会平静

  • 哈弗大狗内饰首次曝光:从未见过的设计

    近日,有网友曝光了一张哈弗全新SUV——哈弗大狗的实车内饰图片。新车将基于哈弗全新平台打造,并由前路虎设计总监、现长城汽车全球设计总监兼副总裁菲尔·西蒙斯操刀设计。图

  • 苹果新iMac曝光:窄边框设计

    尽管从全行业来说已非主流,但苹果一直保留着iMac一体式电脑产品线。据国外爆料人消息,苹果可能会选择在今年6月22日举办的WWDC上推出新款iMac。首先是外形方面,iMac将参考iPad Pro的设计语

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议

热文