养有道

转载 Web视觉设计——不只是视觉效果的设计

刚接触 Web 视觉设计，是拿到了《 Visual Design for the Modern Web 》这本书。一致以来，我对于 Web 视觉设计的想法停留在平面设计上，认为Web视觉设计就是图形设计的过程，可以由美工一手操办，页面的元素是用等 HTML 标签堆叠起来，没有考虑过网页设计的本质：是让用户通过网页中的可见元素，更方便的找到自己想要的信息，并且得到

原创 Sencha Touch Charts 使用 HTML5 构建的十分丰富的交互式图表

Sencha Touch Charts 为您的数据带来了新的生机，并使用硬件加速来实现最优性能。利用 Sencha Touch Charts 中对于自然手势（natural gesture）的支持，便可轻而易举地实现可视化并理解复杂的数据集。对数据进行捏拉缩放（Pinch-to-zoom）、通过滑动进行平移、利用轻击实现深入挖掘。数据流在各个轻击、捏拉和滑动操作中，显得活跃生动。

原创 Sencha Touch 基于html5的桌面和移动开发框架介绍

Sencha Touch 网址：http://www.sencha-china.com/SenchaTouch.htm 使用 HTML5 构建移动 Web 应用程序精益求精的框架 构建用于 iPhone、Android 和BlackBerry 的移动应用程序。 Sencha Touch 2 自带 50 多种内置的组件、状态管理

转载 图表插件-15款经典图表插件软件推荐 创建最漂亮的图表

在这篇文章中，我将列出 图表，图形和数据可视化的最佳软件，从创建基本的2D图表到产生复杂的数据集的数据可视化，这些PHP，Javascript、Flash的图表，对于任何一个严谨的开发者都是必须一览的。  1. Fusion ChartsFusionCharts v3 帮助创建Web或企业应用的动画/交互的图表。企业级图表组件支持PCs, Macs, iPads, iPhones，

原创 读书笔记-《赢在用户：Web人物角色创建和应用实践指南》

定性研究（用户访谈+可用性测试）从小规模的样本量中发现新事物的方法。通过与用户交谈和对他们的观察，您可以收集到一份关于目标、观点和行为的列表，这个列表将会发展成细分用户群的可能的方式，并借此来定义人物角色。目标——用户想做什么行为——他们怎么做观点——他们是如何看待这些经历以及如何看待他们自己的定量研究（调查问卷+网站流量统计）是用大量的样本

原创 html5画布实例

html5                                var e=("abbr,article,aside,audio,canvas,datalist,details,"+"figure,footer,header,hgroup,mark,menu,meter,nav,output,"+"progress,section,ti

转载 JQuery图表插件之Flot

Flot是一个Jquery下图表插件，具有简单使用，交互效果，具有吸引力外观特点。目前支持 Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+ 等浏览器，是一个基于Javascript和Jquery纯客端户的脚本库，下面看一个简单的示例，先插入js:script language="javascript" t

转载 JQuery图表插件之 Highcharts使用指南

Highcharts图表控件是目前使用最为广泛的图表控件。本文将从零开始逐步为你介绍Highcharts图表控件。通过本文，你将学会如何配置Highcharts以及动态生成Highchart图表。 目录前言（Preface）安装（Installation）如何设置参数（How to set up the options）预处理参数（Preprocess the options）

转载 ys浏览器交互设计笔试题目

1.请从产品设计师的角度分析http://jiepang.com/这个产品及业务。请分析其产品设计，用户如何使用，列举做得好的地方和做得不足的地方。2.请设计一款手机程序界面（Android平台），需求如下：顾客进入餐馆以后拿出手机，利用这款软件可接收到该餐馆最新的优惠信息，并通过此款软件进行点餐，上菜前的倒计时，评价餐馆，一共四个功能。用线框图形式做成方案并提供设计思

转载 用户体验人员笔试

1.     请列举三款您眼中的互联网热门产品，并对其受众进行简单的归纳分析，同时您认为这些产品得以大热分别是因为解决了用户哪些需求？ 2.     谈一下您对O2O的理解，列举两家国内的O2O电商网站，并从业务、模式、受众以及瓶颈四点来进行类比分析，最后简单概述下您对O2O的未来是如何看的？ 3.     如果jd商城计划推出一款移动客户端，请您对该产品的受众进行简单的分类和需求

原创 实例：jQuery formValidator表单验证插件

实例：jQuery formValidator表单验证插件 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">jQuery formValidator表单验证插件$(document).ready(function(){ $.formValidator.initConfi

转载 交互设计师需要具备什么样的专业能力

有人说交互设计时代来临了，其实只是行业发展造就了更多的就业机会。但是现实没有那么光鲜，进入新行业之后设计师们面临着诸多问题，遇到发展瓶颈找不到解决途径。　　1.没有方向，没有自己的职业规划。视觉设计师想转交互，交互又想转产品。　　2.觉得不被重视，介绍自己时，不忘带上“苦逼”两字。辛苦做的设计方案，不被采纳，经常抱怨被产品经理指使着画图，交互设计师的共同语言肯定有这条。　　3.没有学习

翻译 读书笔记-简约至上——交互设计四策略

第一章   对简单的认识人们喜欢简单，易操作的产品简单也可以很强大增加的功能越多，就越难发现真正对用户有价值的新功能，增加复杂性意味着代码越来越沉重，导致产品维护成本越来越高，也越来越难以灵活应对市场变化。所有不必要的功能都是需要付钱的这种简单是考虑大多数用户的体验，不是专家级用户。简单并不意味着最少化，朴素的设计仍有自身的特征和个性简单的特征和个性应该源自使用的方

翻译 读书笔记-《版面设计的原理》

Step 1 建立条理一、信息的整理1.理解： 意图是什么？ 受众是谁？设计的目的是什么？怎么样才能达到目的？2.提取： 有哪些要素？什麼是重要的？按重要程度排序，并对要素做视觉化处理3.布置： 如何布置？把重要的內容放大，不重要的內容尽量縮小 二、贴近和远离1.人们会下意识地想从看到的东西中找到某些条理或者意思，这种被称为“完形心理”的现象，是

翻译 读书笔记-情感化设计

1.  “美观的物品更好用”这是一句不那么好理解的大白话——一眼看过去好像没有办法反驳，但是一下子又想不清楚为什么。Norman用了一章来解读。“正面的情绪对学习、好奇心和创造性思维都很关键。”“人在焦虑时，思路变窄，仅集中于与问题直接相关的方面，甚至会重复操作。美观的物品使人更容易找到问题的答案。”人的情感、行为和认知是相互影响的，上面的两句话这应该是心理学领域一个很直白

翻译 读书笔记-Designing Interfaces中文版

“模式是某个对象的结构和行为上的特点”，这是一本关于界面设计模式的书。为什么界面设计中模式很重要？因为对设计师而言：模式捕捉了常用的结构，是关于best practice的总结和沉淀模式可以快速复用，提供设计的模块化素材对使用者而言界面的习惯用法在增多，模式使用得当的设计得让人有熟悉感，易学习全书的思路大概是：基于对用户的理解而进行模式的探索和积累——内容组织和结构模式

转载 jquery表单验证,确定必须字段不留空,为数字

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  http://www.w3.org/1999/xhtml">        表单验证,确定必须字段不留空               /*          确认输入字段不是空白,否则显示错误消息            $(doc

转载 岗位要求：高级PHP开发工程师

岗位职责:1. 负责PHP网站项目相关功能模块的设计、编码、测试、维护，按时保质地完成所分配的工作任务；2. 遵守团队的代码格式与结构规定，负责编写易读、易维护、高质量、高效率的代码；3. 参与项目需求分析、功能可行性分析、技术可行性分析工作；4. 负责运用各种优化技术优化网站，提高网站高并发性能；5. 快速学习并掌握项目中使用的新技术，及时反馈开发中的问题，并根据实际情况提出

原创 成为一个高级前端交互工程师的基本条件

一，具备基本知识与技能储备1. 负责公司Web端的交互设计和开发工作，建立交互框架和规范；2. 与产品经理、市场和技术部门合作，不断提高用户体验，保证用户价值的最大化实现；3. 按照项目需求进行定性的用户研究，定义用户角色及创建使用场景；4. 协调UED相关资源，完成负责项目的各种设计任务（可用性测试、用户研究、视觉设计、原型制作等）；5. 跟踪和分析已有产品的用户体验；

转载 色彩提取及应用技巧