{SGLCTManual}图片标注规范讨论

[alexyu]

在昨天的irc会议中，大家提出了一个重要问题：图片中如何标注内容，使用什么样的标注符号

这也是项目一开始就提出过但是一直没有解决的问题，在这里，我们围绕整个问题展开讨论，并确定规范

我罗列出大家在图书编写中使用的图片标注方法，标上序号，大家共同投票选取方案，或者大家综合各方案所长，给出图例样本，作为投票选项

（看不到图片的直接点击网址，或查看附件）

也强烈建议：如果是英文服务，最好加上相应的中文标注，对于很多老师大学生来说，英文网站本身就是一个不小的心理障碍

另外，请以下图片方案作者提供自己注释图片的工具，以及简要说明注释方法，如果方法太复杂，我们也暂时不去考虑此方案

方案A：方框+箭头+适当文字标注
http://sociallearnlab.org/wiki/index.php/GmailApplication



方案B  简单方框
http://sociallearnlab.org/wiki/index.php/SGLCTManual200905Gmail-7


方案C 
http://sociallearnlab.org/wiki/index.php/SGLCTManual200905Gmail-4


方案D 椭圆标注，并标明操作步骤（阿拉伯数字）及文字提示
http://sociallearnlab.org/wiki/index.php/SGLCTManual200905haokanbu-6



方案E 方框 箭头 操作步骤（英文字母）
http://sociallearnlab.org/wiki/index.php/%E5%A6%82%E4%BD%95%E6%94%B6%E8%97%8F%E4%B9%A6%E7%AD%BE





--
余波

[xiuli]

2009/5/19 alexyu <y.bl...@gmail.com>:
> 在昨天的irc会议中，大家提出了一个重要问题：图片中如何标注内容，使用什么样的标注符号

> 我罗列出大家在图书编写中使用的图片标注方法，标上序号，大家共同投票选取方案，或者大家综合各方案所长，给出图例样本，作为投票选项
>

==> 我投票如下

方案C
http://sociallearnlab.org/wiki/index.php/SGLCTManual200905Gmail-4
4-3.png

理由：简单明了。
其次，如果图中有多项说明，可以标明操作步骤（阿拉伯数字），类似方案D，但是方案D中最好把“椭圆标注”换成“椭圆标注”可能视觉上看得清楚一点。

[翟涛]

2009/5/19 xiuli <xiuli....@gmail.com>

2009/5/19 alexyu <y.bl...@gmail.com>:
> 在昨天的irc会议中，大家提出了一个重要问题：图片中如何标注内容，使用什么样的标注符号

> 我罗列出大家在图书编写中使用的图片标注方法，标上序号，大家共同投票选取方案，或者大家综合各方案所长，给出图例样本，作为投票选项
>

 

我的选择：

http://sociallearnlab.org/wiki/index.php/SGLCTManual200905Gmail-4

我也选第三种，简洁明快，一目了然。但是方框和标注的颜色再换成较醒目的更好了，比如说红色。

 

 

[alexyu]

提问：

对于C方案给出的链接，邮件中没有问题，是正确链接
但是从论坛页面中给出的是错误的，多了一个星号，这是为什么呢？


--
余波

[ChangchengWu]

我个人觉得方案E和C都不错，大家看吧！
理由：
方案E，标注麻烦些，但是节省图，不用那么多截图啦，省图！
方案C，简单明了，是最常用的一种截图方式，但图相对多些！
倾向E，大家谈谈吧！

[alexyu]

2009/5/19 alexyu <y.bl...@gmail.com>

提问：

对于C方案给出的链接，邮件中没有问题，是正确链接
但是从论坛页面中给出的是错误的，多了一个星号，这是为什么呢？

补充论坛页面地址：
https://groups.google.com/group/sociallearnlab/browse_thread/thread/82bab44a2f862eb8#

--
余波

[alexyu]

我倾向于D方案 ，原因：
0.标注方法简单，多个工具都可以实现
1.标注图形简单，使用圆形或者方形标注即可
1.步骤操作一目了然

还有些建议：
美观性可以提升

--
余波

[bettywong]

我觉得可以把C和D结合一下。

D适合解释操作性步骤，而且阿拉伯数字要比字母顺序对中国人来说更容易明白。。
C适合一般性的标注。只是C中的格式也并不统一。。

以上都应统一一样的形状，是方框、椭圆、还是Quote状。。
还有形状的边线颜色、形状内文字的字体、颜色、甚至边线的粗细。。

[betty]

还有就是图片下面要写文字么，如果写的话是标注图片名，还是中文文字的说明？

[alexyu]

以上都应统一一样的形状，是方框、椭圆、还是Quote状。。
还有形状的边线颜色、形状内文字的字体、颜色、甚至边线的粗细。。

 
==>是的，这些都很重要，一定要达成一致，需要注意细节，包括标注是否使用阴影

还有就是图片下面要写文字么，如果写的话是标注图片名，
还是中文文字的说明？

==>我的想法：图片下方需要标注图片名，对图片的中文文字说明也是不可少的，而且，在讲解的时候需要说明这些是说明文字是针对哪个图片的，就像常用的方法：什么什么见图某某某

--
余波

[betty]

我的想法：图片下方需要标注图片名，对图片的中文文字说明也是不可少的，而且，在讲解的时候需要说明这些是说明文字是针对哪个图片的，就像常用的方法：什么什么见图某某某

==> 那怎么个标注图片名？
Image Gmail-1
Image Gmail-1-1
图1
还是怎样？

我也觉得文字说明是必要的，而且感觉用“图1”这种格式简单些，英文数字的加上文字就太长了

[alexyu]

2009/5/19 betty <bettyw...@gmail.com>

==》大家可以研讨，
过去的那个Image Gmail-1-1 这种命名主要是对图片文件命名，文章中的名字可以先简单一点来，因为后期排版的时候可能还要按照出版社的规范来做
所以，我建议就：图 1 ，图2  

--
余波

[alexyu]

大家尽快投票，把写作迅速往前推动

现在C、D、E方案都有人支持






--
余波

[leo bnu]

我投 D 项。

2009/5/20 alexyu <y.bl...@gmail.com>

[小石]

支持D方案；
支持betty wong的几点建议；
另外建议，是否在涉及英文界面时，可以直接在旁边提供中英文对照，而不仅仅是最后加一个附录，大家也可以随时随地熟悉一些常用英文单词？

因为昨晚浏览mathematica的网站时，我就发现，很多常用的数学算法名称等我基本上都不认识，需要鼠标点过去，让自动翻译出来，虽然有些算法，我们以前接触过，但当时只知道中文，可能附录里有中英文对照表，但很少去查，这样实际上还是不容易记住。

学英语的时候，我们强调在一定的情境中里学，现在也正是真实的情境。所以我建议直接在旁边或下方给出中英文对照，帮助老师和同学尽可能地熟悉常用英文工作环境。

2009/5/20 leo bnu <bnu...@gmail.com>

--
小石，
SocialLearn Lab
13146172275（Beijing）
xia...@gmail.com（eMail/Gtalk）
-------------------
推荐：
教育大发现
www.sociallearnlab.org
走向社会化学习
--
多背一公斤
www.1kg.org
公益旅游&乡村教育
--
PLP爱心传递工程
www.PassLove.org
知识改变命运，爱心传递希望
--

[TAO Dan]

2009/5/20 alexyu <y.bl...@gmail.com>

--
余波

 

C是我做的，和Twitter中添加好友那节的格式一致的。

我说一下做的过程，操作难易程度也是需要考虑的一个问题

 

这里我介绍一下自己的制作方法，大家也可以参考。

• 我使用的截图工具：

1. 键盘上的PrintScreen键（用于全屏截图）

          按下PrintScreen键后粘贴即可。

    2.   Capture（局部截图和添加文字之后的截图）

          这个我已经截图工具邮件中和大家共享了，使用非常方便。

          将这支笔拖到快速启动栏，单击选择截图区域后直接粘贴即可。

          可以在1的基础上配合使用。

•  我使用的文字标注方法

           首先是选择区域，用的是矩形方框。

           填充区域透明度调整后，边框线条1.5镑，并选择颜色。

           然后对应添加文字标注：

           使用的是Word自选图形中的圆角矩形标注，添加相应文字即可。

  

      我做的过程中，先在Word文档中完成了初稿。

      然后将该文档另存为网页格式，

      形成的文件夹中会有文档中所有已经按照顺序命名的图片，

      有.jpg和.png两种格式。上传就Ok了。

[Luke Zhang]

C比较简洁，E中我没有找到快速插入“圈1”这种符号的方法，所以选择了字母。建议如果选择C的话，可以把颜色调的更鲜艳些，让读者很容易找到标注，还是选择红色可能比较好。

E的好处在于，灵活，不是所有的图都需要添加文字，有的只需要给一个标识即可。还有就是红色箭头能够表示动态的鼠标动作。如果能够用数字表示顺序会更好。

我个人倾向于E，然后是C，D我觉得不够鲜明。



--
Chunlei Zhang
Ph.D. candidate
Major: Curriculum & Teaching
Scholar Interests: science education; teacher training ; teacher knowledge; pck; concept map
Biology Teaching Club：http://groups.google.com/group/bioteahouse

[耿佃征]

那我推荐c吧，其实目的都一样，都是为了让初学者更易懂。从简单明了，我们操作也简单。

[TAO Dan]

2009/5/20 Luke Zhang <luk...@gmail.com>

C比较简洁，E中我没有找到快速插入“圈1”这种符号的方法，所以选择了字母。建议如果选择C的话，可以把颜色调的更鲜艳些，让读者很容易找到标注，还是选择红色可能比较好。

==>因为当时使用的G-mail模板背景是红色的，所以边框用的绿色。

      Twitter那个章节里用的是红色。

[Luke Zhang]

2009/5/20 TAO Dan <td8...@gmail.com>

==》那选C吧

[alexyu]

综合大家的意见，目前大多数人同意 在无多步骤操作的一般性标注时使用C方案

需要多步操作时，使用类似D方案

但是两种情况下都需要约定具体的标注方法，比如：标注图形选择，标注图形边框像素（我想用像素较好，很多图片编辑软件中填充是没有“磅”这个单位），颜色，文字颜色及字体，是否使用阴影

另外，我也建议我们在截图时尽可能的使用软件的默认皮肤界面，而且，如果是英文服务，最好加上关键部分的中文注释

在具体操作C方案时，发现直接在word中编辑另存网页格式后，原图片没有发生改动，标注部分被另存为单独的gif图片，这就需要在使用word编辑好图片后，需要再次使用截图工具对word页面中的图片部分进行截图，这样才能得到带有标注的图片

我做出一个方案给大家做参考，看这样是否合适：
1.无步骤简单标注时
大图见附件1 

边框颜色：红色，粗细：1.5磅。文字：蓝色，宋体六号，加粗

边框具体指标：


2.多步骤标注时
具体标注指标和1中一样



大图见附件3

3.还有，我认为有些较小的图片可能加上一个2像素的红色方框就够了，不需要很复杂的标注，如：


大图见附件4


大家在查看完效果后，动手用C方案的方法尝试下，看是否可以正常操作，我觉得多少有些麻烦，具体方法在该主题的前几封邮件中有具体介绍

大家可以提出意见，如果有更好的方案也请直接用图片说明，尽量要详细，制作方法，边框等具体指标……


--
余波

[alexyu]

附件中漏掉两个图片，补上


--
余波

[张剑平（教育先锋）]

不用讨论了，就用上述标注方式。但要提供软件工具下载，让大家使用共同的软件工具，确保统一。

2009/5/22 alexyu <y.bl...@gmail.com>

附件中漏掉两个图片，补上

--
余波

--
张剑平网络教学十年：http://edupioneer.web24.zhhzw.com/
教育先锋网站：http://www.edupioneer.com

[alexyu]

2009/5/22 张剑平（教育先锋） <edupi...@gmail.com>

不用讨论了，就用上述标注方式。但要提供软件工具下载，让大家使用共同的软件工具，确保统一。

仔细查阅邮件，上面的邮件有提到方法、工具

再转：

2009/5/20 TAO Dan <td8...@gmail.com>

我说一下做的过程，操作难易程度也是需要考虑的一个问题
 
这里我介绍一下自己的制作方法，大家也可以参考。

我使用的截图工具：

键盘上的PrintScreen键（用于全屏截图）

          按下PrintScreen键后粘贴即可。

    2.   Capture（局部截图和添加文字之后的截图）

          这个我已经截图工具邮件中和大家共享了，使用非常方便。
          将这支笔拖到快速启动栏，单击选择截图区域后直接粘贴即可。
          可以在1的基础上配合使用。

 我使用的文字标注方法

           首先是选择区域，用的是矩形方框。
           填充区域透明度调整后，边框线条1.5镑，并选择颜色。
           然后对应添加文字标注：
           使用的是Word自选图形中的圆角矩形标注，添加相应文字即可。
 
      我做的过程中，先在Word文档中完成了初稿。
      然后将该文档另存为网页格式，
      形成的文件夹中会有文档中所有已经按照顺序命名的图片，
      有.jpg和.png两种格式。上传就Ok了。

--
余波

[alexyu]

这个图片规则的事情拖了好久，大家没有意见的话就是用我在上面的那种标注方法了。
标注方法在上述邮件中也有

请大家抓紧时间统一图片使用规范


--
余波

[Luke Zhang]

2009/5/26 alexyu <y.bl...@gmail.com>

这个图片规则的事情拖了好久，大家没有意见的话就是用我在上面的那种标注方法了。
标注方法在上述邮件中也有

请大家抓紧时间统一图片使用规范

==》像图片规范这种事情，可以让专家先拿出一个较好的样本，其他人照着做就是，如果发现问题，在统一修改就好了，因为图片规范就是个形式或习惯，如果先前没有及早的约定，以后较难改正和统一

[Zoom.Quiet]

2009/5/28 Luke Zhang <luk...@gmail.com>:

> 2009/5/26 alexyu <y.bl...@gmail.com>
>>
>> 这个图片规则的事情拖了好久，大家没有意见的话就是用我在上面的那种标注方法了。
>> 标注方法在上述邮件中也有
>>
>> 请大家抓紧时间统一图片使用规范
>
> ==》像图片规范这种事情，可以让专家先拿出一个较好的样本，其他人照着做就是，如果发现问题，在统一修改就好了，因为图片规范就是个形式或习惯，如果先前没有及早的约定，以后较难改正和统一

这的确是想正规化文档的基础规约，俺在组织各种图书的翻译和撰写时，大致明白了出版行业对图片命名的一般规范，
结合维基语法，形成了自个儿的规范，可以分享一下:

e.g.:

图 CDay3-1 cdctools.py改进后运行结果
| | +-- 图片说明
| +-- 图片编号（使用章节编号＋序号）
+-- 图片附件正文前缀
attachment:cday3-cdctools-improve.png
| | | +-- 使用 png 格式，兼顾图片格式版权和效果
| | +-- E文的图片命名，使用动宾方式，尽量唯一性说明
| +-- 章节编号
+-- MoinMoin 维基附件声明前缀

也就是说，图片的命名其实应该包含:
- 正文中引用和说明时的格式
- 真实的图片文件命名规范

有以下几个建议:
+ 图片引用和图片文件命名要分离
+ 图片文件命名尽量使用ASCII 编码,不要用中文
+ 图片文件命名尽量和内容绑定,而不要和引用的序列有关系
+ 引用文字格式,尽量用中国出版业的基础格式

以上

--
http://zoomquiet.org
'''过程改进乃是催生可促生靠谱的人的组织!'''
Time is unimportant, only life important!

[Zoom.Quiet]

2009/5/28 Zoom.Quiet <zoom....@gmail.com>:

PS:
增补到 ZqSayCommunityKnowledgeMana - sociallearnlab - SLL.org社区增进
ZoomQuiet版 实践参考 - Google Code
http://code.google.com/p/sociallearnlab/wiki/ZqSayCommunityKnowledgeMana

另外，发现，涉及在线的图片注释规范，这是俺没有注意查阅前述邮件忽略的，
不过，建议也坚持使用相同的规范来管理社区:
- blog
- wiki
- 好看
- ...
等等所有，可以使用图片的环境中！

--
http://zoomquiet.org
'''过程改进乃是催生可促生靠谱的人的组织!'''
Free as in Freedom! 哲思自由软件社区:http://zeuux.org