echo+e~SA

原文地址： http://www.aliued.cn/2010/11/07/expression-of-state-and-action-in-ui-design.html

作者：Tony  |   发布： (编辑)kent.zhu   |   时间：2012-01-07 21:16:48

一、问题引发思考

前阵子与同事探讨一个小需求时又遇到了按钮表示“动作”和表示“状态”间矛盾问题。想想这个问题多年前已经开始讨论了，所以在此整理一下思路，与大家共享。

具体案例是这样的：如上图所示，在“启用”和“停用”搜索定制功能时，这个按钮到底是表示“状态”还是表示“动作”呢？简单的说，上图中 1表示当前是停用状态，还是表示点击后为停用操作呢？答案显然是不清晰的。

怎样能够清晰的表达两者的差异，减少用户的误解呢？我们首先要从“动作”、“状态”的定义和两者的关系入手。

二、什么是动作，什么是状态

动作是指具有一定动机和目的并指向一定对象的运动。

状态指人或事物表现出来的形态。

结合来讲，动作是促使人或事物改变某一状态的运动，而状态是动作造成的结果表现。因此两者经常是紧密关联的，有时甚至是互为条件的。

推荐阅读:

<美与暴烈-三岛由纪夫的生于死>

henry scott stocks写的传记，虽非完全客观，但作者一些个人的看法也很有意思。

感受纯粹的生之气息,日本文化一瞥.

关于阳明学对三岛的文学创作和个人审美的影响也很值得探究.

Working as an interactive designer can get expensive. Sure, there are free and low-cost blogging platforms and text editors out there. But the software and typefaces andphotography you’ll need aren’t cheap (for good reason). The saving grace? Our cheapest tool may be our most important one: The pen and paper. The trick is to actually use them.

Sketching is important because it forces us to think through our designs before we start moving pixels around. Successful design has good balance, structure and flow. Working these out in a (paper) notebook allows us to make more mistakes more quickly, which pushes the design ahead faster.

再2b一下，转：

这是 webdesignerwall.com 2008年精选的50个最佳 CSS 设计，素材来源是 Best Web Gallery。从今年的设计趋势来看，越来越多的人使用大背景，以及 JavaScript 框架（ jQuery 与 MooTools）来增强用户界面。也有个别设计，将 Flash 与 CSS 结合起来使用，这也许是2009年的趋势。

Let It Bleed

夺目的视觉效果

Vermont Coffee Works

Flash 结合 CSS

Digital Mash

Good

出色的视觉与内容设计

Wilson Miner

DrupalCon, DC

Future of Web Apps – Miami 2009

大字体有时候也是一种美

Housing Works

偶尔2b一下

下面转

对于很多设计初学者来说很多高手的界面设计得让他们惊叹。哇，这么短就画出来啦 。。各种羡慕，有木有！其实，对于真正的设计老手来说，他们有能力设计出各种效果，但是即便这样也是需要大量的时间的。在大多数的中小企业中这样的完全独立设计师很少见的。老练的设计师都有一套属于自己的设计素材库，里面包罗万象会让各种菜鸟汗颜。这些就好比日积月累的各种武术套路，当需要那种就自然的打了出来，快、准、狠！这样在设计圈的江湖里才能混出名堂来。当然，如果你想独立门派那就另当别论了。今天我们就分享出50多个用户界面的WEB设计元素。这些素材不管是对于老鸟和菜鸟都值得你收藏下来。

免费元素软的UI工具包：免费的PSD模拟网页设计

一个样机常见的网页元素的设置，由Adrian佩尔蒂埃设计和六个修订提供。

透明玻璃的用户界面：用户界面设计的免费的PSD

这黑暗的UI元素所PixelsDaily创建的，也是由六个修订提供。

免费赠送：现代用户界面包的Photoshop PSD

一个现代化的，与一些简单，基本要素的极简的用户界面工具包。

免费赠送：大量的Web用户界面和按钮设置

这个Web UI工具包包括从MediaLoot色泽鲜艳的按钮，信息箱，??面包屑，搜索表单，和许多其他元素。

Web UI的宝物公益金V1.0

该套件包括为您的设计超过100个元素，包括横幅，按钮，工具提示，徽章，以及更多。

Web窗体元素

这个冬天，远离凡嚣，跑到山里去。

虽然节日，竟然整个龙脊梯田，只有几个旅客。空气里，云雾中，只感觉到两人的气息。

路

生活·本源

民风

民宅

挺基础的一片关于交互设计入门的的文章，转载分项之，有需要的童鞋自阅

————————————————————————————下面原文转载自网易uedc

交互设计师的工作中，基础的工具、常识、流程……，这些都能够轻松学习到；最终的产出物，也能够找得到成熟的范本；而只有中间的经验，只能来自积淀，没有速成的方法。

这篇分享，把自己成长中和交流中获得的一些经验略微举例，加上交互相关的一点基础，希望能给对交互设计有兴趣的朋友提供一些帮助。

提纲：

1. 入门

1.1. 工具

1.2. 原则/常识

2. 称职

2.1. 经验

2.2. 经验积累的切入点——模仿并思考

3. 进阶

3.1. 一定程度地违反逻辑

3.2. 扩展相关技能

1.1. 工具：——一切可用于绘制线框，表达交互设计蓝图的工具，甚至可以用很不主流的PPT、或者直接用前端语言来写；用的最多，最适合的当然是Axure，具体的使用教程不讲，可以参考：

AXURE在原型设计中的应用

[2010W13]早读：Axure

Axure的使用中，个人认为对入门比较重要的两点：

（sasa：一片关于日本设计师的文章，看完可以思考一下关于目标导向设计和用户导向设计的价值，以及大设计中社会良知和责任感的意义。）

以下内容来自倪裕伟，由倪裕伟撰写完成。

版权声明：文章版权归原作者和求是设计会共同拥有，转载时请以超链接形式标明文章原始出处和作者信息。

前几日，我有幸参加了日本社会项目Nextidevolution CEO真嗣须藤（Shinji Sudo, 須藤シンジ）在代尔伏特理工大学的Workshop。这是我在代尔伏特所感受到的最有启发性的讲座之一，尤其该项目与求是设计会的相似性使得我感触更是颇多。因此特地整理了这篇文章向大家介绍Nextidevolution的概念、产品以及其核心哲学People Design。文中信息来自Nextidevolution官方网站，也包含了我的个人的解读和思考，欢迎大家与我讨论。

真嗣须藤（Shinji Sudo, 須藤シンジ）

真嗣须藤先生出生于1963年，毕业后加入了日本时装生活百货公司丸井株式会社（Marui）从事广告推广，买手，副店长等

旅行 | 思考 | 记录

Java Cafe | 唐宁 | 摩天轮

阳光不锈 | 冬湖绿柳 | 坠坠风筝

手岛葵 | 岸部真明 | 傅于琛 | 铁骑子龙

两个怪人｜两只猫｜两部phone | 一条路　

不想用过多的修辞去窜连，“该怎样就怎样呗”，懒散散的也不错。

重新拿起真正的画笔，感觉真好，真实在。

2011 Christmas Day，舍不得睡