willerce / spock

A GUI frontend for Grunt.

Home Page:getspock.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

UI 界面设计

remaerd opened this issue · comments

在 Spock 的一年前,就有将 GruntJS UI 化的想法了。很高兴终于有人开始动手做这个事情,而且还是都在广东的朋友。

下图是一个粗略的设计稿,是我当初构思这样一个工具时的大致呈现,可能跟 Spock 的想法有比较大的区别。

spock

就现在 Spock 的截图来看,现在的 Spock 应该能够做到以 GUI 的方式显示 Gruntfile。我是觉得最终 Spock 应该能够做到编辑 Gruntfile,快捷键运行 Task。不知道你们的想法是怎么样的呢?

非常酷的设计。

Spock 的任务就是从 Gruntfile 中读取的。等 Spock 运行、停止任务后这个基本的功能稳定后,下一步,就是可视化编辑 Gruntfile。

我是个实用主义者,我认为主界面上还是应该要有个项目列表的,有利于项目切换。 @remaerd 你觉得呢?

@willerce 我做的截图可能让你产生误会了。主界面是一个简单的任务栏,并非那个巨大的 Gruntfile Editor。IDE 本来就占据着桌面空间,如果每次运行 Grunt 命令都需要切换到另外一个窗口,我个人觉得不太方便。

@remaerd 刚刚和公司的交互、设计讨论了一下,同意在IDE占据着桌面空间时,托盘的菜单进行快速的项目选择是非常便利。

另外一个情景:我运行了 A 项目的 task1,这时候,如果我要切换到 B 项目,这时候鼠标需要从主界面移到托盘。这里显得不是特别方便。

能不能在界面上添加一个当前项目名称的块,并且右侧有下拉小箭头,点击可以出现项目列表,这样应该会方便一些。

我在发了前一条回复后修改了下内容,可能你直接用 Mail 回复看不到我的修改。

托盘的菜单就是主界面,显示项目列表,运行 Tasks ,新建项目,设置 Spock ,都是通过托盘的主界面实现。至于那个用于编辑 Gruntfile 的窗口,是点击 Edit 按钮之后打开的。平常运行 Tasks 不需要打开那个编辑窗口。

平常如果你手上开了一个前端项目,一个后端项目。开了 Spock 之后,你可以点击托盘的按钮,然后直接在菜单中运行 Task。如果你需要从 CoffeeScript 转成 IcedCoffeeScript,就点击 Edit 按钮,打开 Gruntfile 编辑界面。也可以考虑给 Task 弄一些快捷键支持。

发自我的 iPad

在 2014年2月20日,19:27,willerce notifications@github.com 写道:

@remaerd 刚刚和公司的交互、设计讨论了一下,同意在IDE占据着桌面空间时,托盘的菜单进行快速的项目选择是非常便利。

另外一个情景:我运行了 A 项目的 task1,这时候,如果我要切换到 B 项目,这时候鼠标需要从主界面移到托盘。这里显得不是特别方案。

能不能在界面上添加一个当前项目名称的块,并且右侧有下拉小箭头,点击可以出现项目列表,这样应该会方便一些。


Reply to this email directly or view it on GitHub.

不知道这样解释的话行不行?

screen shot 2014-02-20 at 20 09 54

@remaerd 明白你的意思了。我明天找大伙碰一下,问问大家这种方式如何。