关于 raphaeljs 结合 illustrator 的图形测试

最近项目需要图形化方案的一个功能,选了好久结合实际需求还是选择了 raphaeljs ,因为兼容性还是比较正要的。像大名的D3,虽然如火如荼,但是不兼容IE8以下确实还是硬伤。好了,进入正题。

raphaeljs 是矢量图形库。提供了很多画图的方法,但是在实际工作中,不会是简单基于图形的图标,对于复杂矢量图形如何处理确实是第一道难题,所以我这次用illustrator做一个矢量图形,结合ra……

查看详细

jquertMobile 执行效率

在使用jquertMobile框架时,碰到一些页面加载等效率问题,记录一下,方便查阅使用:

  1. 不要用$(document).ready();
    用$(document).on(“pageshow”,”#Home”,function(){
    ……
    });
  2. 启用页面预加载:
    data-prefetch=”true”
    如:<a href=”#” data-prefetch=”tru……

查看详细

为input的placeholder设定color

html5中input的placeholder属性对于开发方便很多。但是有时前端需要调整字体颜色,所对应的css写法为:

::-webkit-input-placeholder { /* WebKit browsers */
color:    #00CC99;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:   ……

查看详细

phonegao 3.4版本Android插件编写

SET 一 导入项目:

将andorid项目导入到eclipse,在src目录下添加class等,如图:

abbfg001

添加后:

khjashdas002

SET 二 创建Echo插件:

[section style=”]package com.bbcvision.multiscreen.plugin;

import org.apache.cordova.CallbackContext;……

查看详细

Eclipse ADT 安装 Html Editor

发android项目,用到了jquery mobile框架,则会涉及到新建html文件,发现eclipse不自带新建html文件的插件,必须得新建一个其他形式的文件,譬如xml格式的文 件,然后重命名,后缀名改成html,觉得这样老麻烦的,所以在网上发现了Eclipse HTML Editor,不过此插件似乎只支持新建html文件,不支持其格式化。网上看了其他一个html格式化的插件Eclipse……

查看详细

微交互——循环与模式

某个动作会干扰微交互时需要设计新模式;

如果必须有新模式尽量给它一个专用屏幕;

对于可以快速完成的动作,可以考虑弹簧模式或一次性模式,而非传统模式;

使用循环扩展微交互的生命周期;

仔细确定循环的参数,以保证最佳的用户体验;

使用长循环可赋予微交互记忆力,或使其随着时间的推移逐渐揭示或渐进减少新的功能。

微交互——反馈

掌握用户什么时候需要知道什么消息,所有反馈都以这些信息为基础。

反馈的目的是让用户理解微交互的规则。确定哪个规则值得反馈。

选择通过反馈传达的信息,然后再选择一个或多个正确的渠道。

关注情境并关注反馈能否(或能否应该)随之变化。

坚持以人为本。反馈可以利用人性化的外表为微交互增加人性光辉。

使用既有的UI元素传达反馈信息。再增加视觉元素前尽可能的使用已有元素。……

查看详细

微交互——动画交互规则

动画应该做到如下几点:

  • 速度快——不耽搁时间;
  • 平滑——让微交互顺畅;
  • 自然——看起来复合自然规律,比如有动力有惯性;
  • 简单——有意义,易理解;
  • 有目的——不仅仅为美观;

动画的要点归纳:

  • 改变视图的时候要保证上下文;
  • 解释刚刚发生了什么;
  • 展示对象间的关系;
  • 集中注意力;
  • 提高感知效应,比如下载时的动画感觉下载没那么慢;
  • 创作虚拟空间;
  • ……

查看详细

微交互——规则

规则是微交互模型的非技术层面,规定了什么可以做,什么不可以做,以什么顺序做。

规则必须反应约束。业务、内容和技术约束都要仔细斟酌。

不用从零开始。以你对用户、平台或环境的了解为基础,然后致力于改进微交互。

去复杂性。把控件数量减至最少。

减少选项并给出聪明的默认值。选项越多规则越多。

为每个对象定义状态。这些东西随着时间或根据交互怎样变化?

宁可多花时间提高辨识……

查看详细

微交互——触发器

触发器是任何能够启动微交互的东西。手动触发器是由用户发起的,如:按钮、图标、声音、触摸或手势。系统触发器是某个或某些条件具备时触发。

触发器必须在上下文中让用户联想到它是触发器。并且触发器应每次都执行同样的操作。

提前展示数据。只要有可能通过触发器提前展示微交互内部的重要消息,如:未读消息或进度等。

如果触发器像按钮,就应该像按钮一样可以被点击,不要破坏视觉情境。

使用频率……

查看详细