注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

jiyinyiyong

/chenyong/, 1991, dreamer, coder

 
 
 

日志

 
 
关于我

http://tiye.me

文章分类
网易考拉推荐

1127侵街  

2010-11-27 14:00:10|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
功能目标,同时多个网页的部分存在同个屏幕,单个区块的独立拖放,全景图,嵌套.通过改变设置各个区块之间的并列嵌套关系以及相对位置距离可以减少鼠标在其中的寻找时间.
多个网页同时显示在界面,然后然后看用快捷键加鼠标的操作快速转换位置,这个在地图当中有借鉴.
酱便于从一个网页复制文字图片粘贴到另一个位置,比如发微博可以同时看其他多个网页的内容相互参考,剪辑文字,从一个方面减少窗口切换的次数.也有一种情况,可以直接拖动词语到某个区块进行自动翻译,或在看视频的同时发消息.
潜在的问题是区块中的网页由于边框太小可能操作不便,于是期望每个区块内容尽量简洁.更多关联以便不被冗余的信息干扰..避免为一个操作区块而操作整个网页是有益的.
区块独立拖放和管理
现在说单独设计网页使其不包含多余的信息并不切实,单独的区块允许独立生成微琚更好些,比如讲微博的主模块拖出放到桌面,把日志要阅读部分拖出放到外面进行阅读,或者网页上面的视频独立放到桌面锁定为背景.
全景图
全景图用快捷键调出,鼠标此时滚轮放大缩小或拖曳区域,或者拖曳整个桌面,以地图为模仿对象,可控制区域超过屏幕面积数倍.我期望借此可以有更强壮的桌面管理.
桌面的嵌套结构
桌面相互嵌套所以有一种无穷的假象,也就是分离出来多个工作区间,并通过进出窗口来切换.比作文件树的话,这个结构也是可以手动改变的.而且桌面的嵌套表明文件夹嵌套的关系.
结构以及界面的设计,层次尽量清晰,面板的透明效果
结构的层次,区块里面框架和区块是相似的,桌面的层次是为方便和世界效果加的.
区块,包含声音图像程序或文字的紧凑区域.
区块允许自由拖动,单独放大缩小,不常用的不规则图形,还有因窗口重叠强行引入的不规则形状.放大后容易引起空白,所以放大后可能自动适应而改变边框的大小.
关于缩放过程中的字体大小,我想应该设定在窗口尺寸的一定范围内字体大小不变,超过范围开始放大缩小.
框架,相当于iframe的结构,也相当于电脑屏幕看去的界面缩小边框的样子.
里面等同一个新的虚拟电脑,同样可以继续嵌套框架,因为可以拖动界面而超出部分是隐藏的,所以又获得一些灵活性,最主要的,这个区域经过全屏之后和屏幕窗口无异.
不过层次过多拖动时会产生一些本来没有的麻烦,也许可以在没有完整显示整个桌面的情况下暂时锁定iframe内的区块.
多层桌面,通过半透明效果同时关注多个层上的模糊变化
第三个维度我不想多扩展去实现高级的效果,不过基本的空间观念需要,比方是远近的三层桌面在移动过程中因距离不同而看去不同步,这样的视觉效果类似windowsPhone切换的特效,用在提示消息或自动更换环境光影上面.用颜色的变化作为提示然后切换层查看..
界面形态颜色要点
桌面大量半透明效果,这样看起来更加清晰,我是说像文字边缘都出现半透明,对于iframe的桌面来说,可以稍微有半透明透视一点点区域之外的图像以便确定是否已经全部显示.
如同jQuery当中出现的动态效果比如slideToggle或鼠标悬停动画对于局限的区域都比较有用,而且翻页效果,反转,滑动,显隐之类的效果,那些智能手机上面的效果可以借鉴很多,
没有边框,很少按钮,关于菜单和关闭按钮
关闭一般在菜单当中,但也可模仿很多博客管理,只有在主人鼠标hover时才显示相关按钮,希望菜单样式尽量华丽简洁.同样还有前进后退等按钮.
窗口管理
拖放来实行对于信息的重组.
先用鼠标建立区块位置信息,然后拖放链接到该区域打开,,其他的情况拖曳词语和句子到翻译区或搜索区或者发送区,取决于不同的位置属性来达到不同的效果,也是说不同位置通向不同功能.
快捷键操作
快捷键首先是在区块之间切换,区块的摆放大致是简单的,选择方向过去然后微调也好了,复杂的情况迟早出现,我想用颜色指示不错,另外引出菜单进行操作,用菜单指示.
命令行要的.比如vimium的方式来操作区块,命令行是一个区块,如果菜单足够优秀方便,那么命令行还是不用的好,毕竟门槛有些高,
文件打开关闭,所有的内容关机自动保存.
关机之后所有的位置关系被记忆,也就是说这些的位置关系会被记忆然后在未来的使用中不断堆积和优化习惯,具体是哪一个内容源在哪个位置是怎样的形状已经阅读到那个地方等等细节,这些东西日子久了多半派上用场.
实现方面的感想
微博形态.
微博虽然单独作为一个个区块,但是被约束在一个区域之内,呈现智能滚动.我倾向于增加未读标志,然后鼠标mouseOn的时候改变为已读,收藏转发用点击图标,而表示好感用用在头像附近使用鼠标轨迹触发.
所有的消息都是自动更新的,所以更多去快可以放置在桌面以自动更新的形式查看.同时上文采取的方案也利于在同一个界面容纳更多消息.当然还需要用来发送消息的区域.
也就是说不同的区块不同的功能,排列在桌面,鼠标拖放文字和图标和区块来重组信息,而介集合经允许都可以分享给网络其他人.也许还会出现不同区块的功能重复以便效率,这和城市有些功能区的分布取向是一致.
不同内容之间相互沟通
主要是消息管理器跳转到不同页面位置的处理,还有从一个区块复制内容到另一个区块翻译引起资源调用.复制内容可以放置在剪切板供使用,输入法只能到处有了,另外专用于防止图片视频的框架.消息管理器上面的连接会打开到任意的指定窗口,是内容的来源.
设置博客背景的时候我就考虑和整个博客希望体现一些所描述的特性,比如半透明的背景,分离的区块,清晰的界面,成功的比较少,希望有一点功能.
前面8个访问量是我自己调试界面的时候上去的,firefox4.0下没能实现-moz-box-flex,这个不打紧,但是opera11下display:box不能显示,我照着网上的教程加了这个属性,看样子不行,所以opera下显示错误,ie我没装,所以不晓得了..
借用名称的来源
侵街是里坊制末期商铺融入街道的现象.桌面排列窗口能类比的不多,取的是城市规划地图里街区的方块形状.搜出来的.我不想整个桌面固定如同Venus,酿大部分优越性会消失不见.
虽然有个'街'字在里面,但是功能还是在区块里面实现,而且相互不干扰,其中留作空白的部分会减少,各个区块不允许重叠,出现重叠时强行改变区块形状.区块各自设计不同的功能.
  评论这张
 
阅读(169)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017