世界之窗论坛 - Powered by Discuz! Board

标题: [求助] 图标间的间距是有标准规定吗？ [打印本页]

作者: Heero 时间: 2008-8-21 17:53 标题: 图标间的间距是有标准规定吗？

貌似这些图标之间之间都有间距，如果在制作过程中间距没控制好，做出来的皮肤会缺胳膊少退……
那么改如何确定间距为多少才合适呢？有没有什么标准啊？？
谢谢大家~！

图片附件: btnNewB.png (2008-8-21 17:53, 4.58 KB) / 下载次数 1172
http://bbs.theworld.cn/attachment.php?aid=50770&k=17e73dceca0c5db47100b670aa704d0d&t=1717278472&sid=K9PsVm

图片附件: btnRight.png (2008-8-21 17:53, 3.63 KB) / 下载次数 1163
http://bbs.theworld.cn/attachment.php?aid=50771&k=4a5ec3c04d78a9959a3f24f203c0e639&t=1717278472&sid=K9PsVm

图片附件: stop.png (2008-8-21 17:53, 5.48 KB) / 下载次数 1169
http://bbs.theworld.cn/attachment.php?aid=50772&k=5e88990294066d8e212c4ddabc81ecad&t=1717278472&sid=K9PsVm

图片附件: Forward.png (2008-8-21 17:53, 5.06 KB) / 下载次数 1147
http://bbs.theworld.cn/attachment.php?aid=50773&k=64714548a8bae708eedf2a76f18110a5&t=1717278472&sid=K9PsVm

作者: netac 时间: 2008-8-21 18:13

图标间距根据不同皮肤的特点，当然就不用一样的了，没有固定的标准~。

至于间隔多少才合适，完全凭皮肤作者自己的感觉，调到满意的间距就是了。

作者: Heero 时间: 2008-8-21 20:15

但我发现如果间距不控制好的话，图标会出现很多问题……
下面是我截的图：

看第一个大图标，看上去很正常，但当我把鼠标移动到上面之后，图标就变得不完整了……

图片附件: 1.jpg (2008-8-21 20:15, 69.4 KB) / 下载次数 1178
http://bbs.theworld.cn/attachment.php?aid=50790&k=05e3d40b936e83c31822dc1d1bcc65c1&t=1717278472&sid=K9PsVm

图片附件: 2.jpg (2008-8-21 20:15, 76.47 KB) / 下载次数 1176
http://bbs.theworld.cn/attachment.php?aid=50791&k=1617fff03ee8a801f4b2d0dab853bcb6&t=1717278472&sid=K9PsVm

作者: Aycox 时间: 2008-8-21 20:36

原来楼主问的不是相邻两个按钮之间的间距，而是单个按钮几个状态之间的划分。
以楼上的标准按钮为例，按钮图像四等分，每一部分表示一种按钮状态，就像连起来的电影胶片一样。
楼主的情况是因为你制作这几种状态图像时未与每一部分对应，这样图像绘制时四等分切割之后，就会出现左边长了尾巴右边却缺了^_^

作者: Heero 时间: 2008-8-21 22:30

原帖由 Aycox 于 2008-8-21 20:36 发表 http://bbs.ioage.com/cn/images/common/back.gif
原来楼主问的不是相邻两个按钮之间的间距，而是单个按钮几个状态之间的划分。
以楼上的标准按钮为例，按钮图像四等分，每一部分表示一种按钮状态，就像连起来的电影胶片一样。
楼主的情况是因为你制作这几种状态图 ...

版主大人，谢谢你每次回答我的问题~~
但你说的“几种状态图像时未与每一部分对应”是什么意思啊？我在制作的时候，就是把四种状态的图标排成一行，然后裁剪…… 怎样对应啊？
还有，图标和图标之间的距离也能调节的吗……？我都不知道…… 还有还有，那么图标的上下位置是否也能调节？（不是图标的高度）

作者: netac 时间: 2008-8-22 00:02

关于图标高度、位置、间距，全部都是由图片大小决定的。有不清楚的可以看这里：
http://www.ioage.com/cn/huodong/skin_reference.htm
如果还有不清楚的，就可以多下几个皮肤看一下，多试试就明白了。

作者: Heero 时间: 2008-8-22 00:09

高度什么的明白了，但四等分还是没搞好……
还是会缺胳膊少退……

作者: Sanly 时间: 2008-8-22 11:14

四等分就是指每个等分中的图标位置必须一致，举例而言，一个图标为的构图为64*16，单个等分为16*16，在每个16*16的单元中所绘制的图标的上下间距和左右间距应该是一致的，除非你想做动画效果。

作者: vc123 时间: 2008-8-22 18:28

多谢楼上解答

作者: Heero 时间: 2008-8-22 23:34

原帖由 Sanly 于 2008-8-22 11:14 发表 http://bbs.ioage.com/cn/images/common/back.gif
四等分就是指每个等分中的图标位置必须一致，举例而言，一个图标为的构图为64*16，单个等分为16*16，在每个16*16的单元中所绘制的图标的上下间距和左右间距应该是一致的，除非你想做动画效果。

太谢谢你啦！！我终于明白了~~！

欢迎光临世界之窗论坛 (http://bbs.theworld.cn/)