其实,美术和前端关系很和谐!

“介个应该要对齐。”
“这个还是要透明的的背景的哇!”
“这个颜色也不正啊”
…….

其实,美术和前端关系很和谐!

童鞋是不是常常有这样滴抱怨前端童鞋!剥除一些懒懒的前端,童鞋是不是该除了抱怨,也应该反省一下自己,自己的给的效果图是不是……虽然老大们常说,你们是要大大的沟通滴。但是,童鞋们如果我们在效果图上就给出了足够的信息,美术的前端的摩擦是不是会减少,时间成本都降低,最后手拉手,过上和谐的生活…….
精确的结构定位和文字样式
|—1.margin.padding统一大小
|—2.字体颜色大小统一

当你历尽千辛万苦完成效果图,不要忘了最后检查一下,板块的padding ,margin 是否统一。字体的颜色和大小是否也精确的呈现在效果图上呢?不要寄希望前端去做出判断,来来去去的沟通,如果出现相互抱怨就不好了。做一个细致的美术,做一个负责的美术,做一个人见人爱的美术。当然如果你能在效果图做出标注,前端会爱死你的!

有特殊要求的,善用LEAVE NOTES

行为效果,及时在效果图上做出来
|—1.菜单效果
|—2.图片点击效果
|—3.超链接效果


对CODE要去做了解,知道你要的效果,在现有技术条件上能有效及时的实现

这个很好理解,美术和前端的对事物的理解方式很不一样。美术看重的表现,是CRAP,是如何让用户去理解,如何突出显示产品。再美的图案,前端都会默默的在心理把它分成方块,然后脑袋里是完全是逻辑思维。美术往往想做出很炫的效果 。如果成本太高,你就要尽量交付效果图前和前端有所沟通,免得卡在那里,前后不能。

优化你的images文件夹
|—1.尽量避免PNG透明图片
|—2.图片压缩优化
|—去掉图片信息
|—建议JPG压缩70%-80%
|—3.优化并且善用GIF

在IE6还没死的情况下,使用PNG透明图片,就目前而今眼目下,成本有点高,你懂的!
去掉图片信息吧,虽然每次都只能小那么一点点。积少成多,愚公移山…
GIF图像做图标是有优势的。优势就在于领导脑袋发热的时候:“赶快给我弄醒目。”GIF动态亮闪闪,华丽丽亮相~~~~~小心你的眼镜哇!注意GIF导出的时候可以选择适当颜色的杂边,消除锯齿的小方法。

PSD层文件结构清晰,明确
介个是个人好习惯。清晰的层文件结构,大大的提升工作效率。最好取的层名字通俗易懂。不要出现“为标题”,“图层X”之类的。

原文出自:

此条目发表在 界面设计 分类目录,贴了 , , , , , , , , 标签。将固定链接加入收藏夹。

2条评论发表»

  1. 说:

    This post appears to recieve a great deal of visitors. How do you get traffic to it? It offers a nice individual spin on things. I guess having something real or substantial to talk about is the most important thing.

    [回复]

  2. 说:

    I’d come to bury the hatchet with you one this subject. Which is not something I usually do! I love reading a post that will make people think. Also, thanks for allowing me to comment!

    [回复]

发表评论

电子邮件地址不会被公开。 必填项已被标记为 *

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>