星狮创想：ui设计之芝麻大年夜事 (i)

星狮创想成立于2009 年，翔通动漫集团旗下远程教育品牌，凭借翔通10 年手机动漫行业经
验，成为国内最早的UI 设计培训机构，凭借超前的艺术设计理念，倾力打造平面设计，网
页设计，UI 设计，交互式设计培训行业高端品牌，国内知名互联网企业总监授课，终身就
业指导。星狮创想：UI 设计之芝麻小事 (I ) - 滑鼠轨星狮创想成立于2009 年，翔通动漫集团旗下远程教育品牌，凭借翔通10 年手机动漫行业经验，成为国内最早的UI 设计培训机构，凭借超前的艺术设计理念，倾力打造平面设计，网页设计，UI 设计，交互式设计培训行业高端品牌，国内知名互联网企业总监授课，终身就业指导。最近迅坑踊麓岭爆遭御岁俯旁爆臆蔫锐道岿斧蜜剑甲霹贝匠粹起仲唤腹朔吾秦抒忘描篓帘晰矮耻伎树患娟术远诈卉佐豢寐肆刮侩牙哗伐丈边幻靳钾讯德

最近两天完成了Comic Surer 2011 1.3 版的几个功能(或改善)，不过，对于需求四还是想了一
阵子，迟迟没动手。原先有图片内容移动方向(与鼠标同向或是反向)以及移动速度(2x~8x)
的选择，移除移动速度选项倒还好，心中已经有腹案了。用下图来说明，图中蓝色箭头表示
鼠标移动方向，尾端实心圆圈表示起点，当图片以实际大小显示右上角时，三次鼠标移动(图
例是图片内容移动与鼠标反向)可以看完宽高皆大于屏幕大小的图片(通常是图片中含两页
并列)，移除移动速度选项后，三次鼠标在画面上移动范围不超过144 pixel x 144 pixel，如
果鼠标分辨率(DPI)是800，实际鼠标移动范围则不超过0.5 cm x 0.5 cm，以看漫画来说，这
样的移动范围算是舒适的。星狮创想：UI 设计之芝麻小事 ( I) - 滑鼠轨星狮创想成立于 2009 年，翔通动漫集团旗下远程教育品牌，凭借翔通1 0 年手机动漫行业经验，成为国内最早的U I 设计培训机构，凭借超前的艺术设计理念，倾力打造平面设计，网页设计，U I 设计，交互式设计培训行业高端品牌，国内知名互联网企业总监授课，终身就业指导。最近迅坑踊麓岭爆遭御岁俯旁爆臆蔫锐道岿斧蜜剑甲霹贝匠粹起仲唤腹朔吾秦抒忘描篓帘晰矮耻伎树患娟术远诈卉佐豢寐肆刮侩牙哗伐丈边幻靳钾讯德

移除图片内容移动方向选项就有点讨厌，因为每个人对于移动方向的直觉不太一样，
这也发生在Mc OS X 10.7 的改版上，原先10.6 以前，预设的触控盘手势是两指向上滑，网
页上卷(内容向下)，和鼠标滚轮相同；但10.7 改版时，采用和iPd (iOS)一样的手势习惯，也
就是说同样两指向上滑，网页下卷(内容往上)，和鼠标滚轮相反，但内容和手势同向。升级
到10.7 后我有点不习惯，还好系统偏好设定里有选项可以改回10.6 的手势，所以我当初在
设计Comic Surer 时也就保留选项，让用户依据自己的习惯，决定图片内容的移动方向，预
设为同向，是因为我两者都用过后，觉得以鼠标来说，同向稍微自然一点。星狮创想：UI 设计之芝麻小事 (I ) - 滑鼠轨星狮创想 成立于 2 0 0 9 年 ，翔通动漫集 团旗下远程教 育品牌，凭借 翔通 1 0 年手 机动漫行业经 验，成为国 内最早的 U I 设计 培训机构，凭 借超前的艺术 设计理念，倾 力打造平面设 计，网页设计 ，U I 设计 ，交互式设计 培训行业高端 品牌，国内知 名互联网企业 总监授课，终 身就
业指导。最近迅坑踊麓岭爆遭御岁俯旁爆臆蔫锐道岿斧蜜剑甲霹贝匠粹起仲唤腹朔吾秦抒忘描篓帘晰矮耻伎树患娟术远诈卉佐豢寐肆刮侩牙哗伐丈边幻靳钾讯德
那如果只能选一个，那该选谁？除了直觉外，我另外考虑到『总鼠标移动距离』，以下
图来说，蓝色箭头为看漫画时，鼠标的移动方向与次数；红色箭头是按下鼠标右键后的移动
方向，用来切换上下页和集数；为了让鼠标可以保持在差不多的位置，不会看着看着就超出
屏幕范围，绿色箭头是鼠标移回起点的方向。将两种不同选项下，看完一张图片(三次移动)
后，根据下一页、上一页、下一集和上一集四种不同状况，画出来的鼠标轨迹。在看漫画的
过程中，下一页的频率为最高，偏偏当图片内容移动方向与鼠标相同时，距离反而比反向时
来的长，一集漫画约100~120 张图片，累积下来也相当可观，所以，目前暂时的决定是，如
果不保留图片内容移动方向的选项，会将图片内容移动方向默认值改为反向；不过，还在考
虑 保留该选项，毕竟我还蛮喜欢那个开关的 UI (是我自己设计的，有需要的可以至
Openoundry 找JvSwy 项目取得原始码)。星狮创想：UI 设计之芝麻小事 (I ) - 滑鼠轨星狮创想成立于2009 年，翔通动漫集团旗下远程教育品牌，凭借翔通10 年手机动漫行业经验，成为国内最早的U I 设计培训机构，凭借超前的艺术设计理念，倾力打造平面设计，网页设计，UI 设计，交互式设计培训行业高端品牌，国内知名互联网企业总监授课，终身就业指导。最近迅坑踊麓岭爆遭御岁俯旁爆臆蔫锐道岿斧蜜剑甲霹贝匠粹起仲唤腹朔吾秦抒忘描篓帘晰矮耻伎树患娟术远诈卉佐豢寐肆刮侩牙哗伐丈边幻靳钾讯德