蓉儿

 

朋友送了MUJI的铅笔

爱不释手

不要说我崇洋媚外

喜欢就是喜欢

有的东西贵是有道理的

MUJI就是

一小时随手涂鸦

    早就想说说电视遥控器了。记得刚来杭州，我和房东就为了有线电视遥控器的问题磨叽了很长时间。相信我们都有这样的体验，一般有线电视需要两个遥控器，一个是控制机顶盒的，另一个是电视本身的。相信我们都有这样的经历，每次看电视都需要先打开机顶盒遥控器的开关，然后再按电视遥控器的开关，再按TV/AV切换按钮，再选择频道。整个流程如下图：

     可以看到，这么一个开的动作需要三步操作，而且刚开始没有几个人能再两个遥控器间一次找准的。另外，机顶盒遥控器除了开关和声量控制键我实在想不出其它按键都用在什么地方，纯粹是多余。

    为了这个恶心的设计我郁闷了好久，每次开开关关都像个双枪老太婆，有时候一个弄没了只好拔点源，实在不方便。前两天有线电视公司为每个用户免费更换了新的遥控器，把两个遥控器的按键统一做到了一个里面，用户体验提升不少。

     其实新的遥控器还有许多需要改进的地方，比如下方的五排按键对大部分用户来说是很少用到的，如果能够优化或者让用户自己定义他们需要的按钮，比如自己喜欢的频道等等。把其他不需要的通通去掉。另外现在的频道比过去多很多倍，有的要上百个，何不设置能够一次跳转多个频道的按钮实现快速跳转，这样用户在一个一个跳转的时候减少操作。

    一个简单的改进会增加很多分，好用的东西谁都会接受。用户不会意识到这个东西有多糟，只会慢慢对产品失去信心，从而产生挫败感。设计师不应该成天强调创新而忽略了生活中的很多细节，从小处着眼也许更实际。

    最近在学习Axure，越来越觉得这个软件很好很方便，交互设计师可以用它快速开发出流程图和原型图。尤其是Axure的富交互功能非常强大，用它生成的 HTML文件具备了所有的UI演示功能，可以演示鼠标响应动作，页面关联效果，大部分的处理响应。由于axure上手很快，熟悉office操作界面的基 本能掌握它的主要功能，所以我想通过一个实例来重点介绍其在富交互功能中的应用，以便帮助大家快速掌握它的核心功能。它的详细教程可以登陆axure的官 网：http://www.axure.com/expert.aspx，在这里就不一一累述啦。好了废话不多说，请跟我一起来试做下面的实例。
    先看看轻侯出的一道考题：
    建立一个登录的页面，包括用户名和密码域，要求：

1. 密码域输入的时候为***
2. 只有当用户输入名字xiaoxiao，密码hello123的时候，系统才允许通过，否则会在本页提示出错信息。
3. 按钮提交的时候，按钮文案变为“等待中”，在1秒钟之后，才变为成功页面。
4. 仔细斟酌提示和出错的文案。

    在login页面中先建立一个登陆面板，使用到的组件如下，并给相关组件依次命名为namefield，codefield，button。

 

     另外在sucess页面建立注册成功面板。

   先实现功能1。选择密码输入框“codefield”，右键选中“mask ”这样就给输入框增加了遮罩面板，屏蔽了要显示的信息。

   再实现功能2。选择登陆按钮，双击右侧interaction动作属性栏“on click”或选择“On click”>“Add case”弹出动作列表，点击“Add conditions”编辑事件。

 

PS：事件里的共有6个属性很强大，这里介绍一下每个属性的用途，供大家举一反三。

     我们可以点击每个事件后面的添加和删除定义多个不同的事件，另外“satisfy”属性用来判断不同事件之间的关系。“all”表示同时满足所有的事件，相当于“and”；“any”表示只需满足其中一种事件状态就可以了，相当于“or”。

    定义好 事件确认，选择动作列表中的“Open link in current window”，选中链接页面“sucess”双击，我们就定义好了功能2。

 

      现在实现功能3。选中按钮>"edit case">勾选“wait time（ms），注意这里的时间设置1000，因为单位是毫秒。

      在实现功能4。这里的提示框后面文案我分成了两种情况：

• 当输入用户名正确显示xiaoxiao，显示“用户名正确”
• 用户名为xiaoxiao，密码输入不正确。显示“密码不匹配”

选择组件“dynamic panel”，拖动到信息面板中，命名info。双击弹出状态编辑栏。可以进行状态添加，状态名修改等操作，我先后添加“name info”和“password info"两个状态为后面的动作切换做准备。选中“name info”点击“edit state”进入编辑面板，在虚线框内输入相关信息，其他状态也是相同操作。

午后的杭州下起了小雨

一个人漫步在西湖边，不打伞，任由雨点飘到我的头发上

早就觉得雨中的西湖才更有味道，一切的一切都被泛起的雾气笼罩起来

连街边来往的巴士都停止了喧嚣

我又听到了自己的呼吸声

希望就这么一直走下去，然后躲在世界某个角落安静的生活

睁大眼睛，晃晃悠悠钻进了无人的小巷 

邂逅了寺庙，墙角的野花，还有石砌的窗

好喜欢这里，还有此刻的自己 

 

 

  今天晃晃悠悠一个人溜进了浙大，看了黑白剧院的学生们表演的〈爆玉米花〉，表演的非常成功，让我感叹浙大的学生能把这样一个充满紧张剧情和黑色幽默的外国剧拿捏的这么到位，很佩服他们的才华，也好羡慕他们能有这样一个团结向上的团体，好想在回到学生时代。。。呵呵，言归正传，赶紧说说我看过这个话剧的感受吧。

  英国当代剧作家本·艾尔敦的《爆玉米花》探讨了暴力文化和暴力犯罪的关系,在剧中著名好莱坞电影导演布鲁斯位于贝佛利山庄豪华寓所。在奥斯卡颁奖典礼的第二天早晨，当导演布鲁斯沉浸在获奖后的喜悦，沉浸在和知名的裸体模特丹尼尔丝约会的时候，两位不速之客潜入了他的寓所，他们是臭名昭著的购物中心系凶杀案的凶手，同时也是布鲁斯拍摄的电影的狂热影迷。两个年轻人把布鲁斯和模特扣为了人质，接着又扣押了制片人卡尔以及前来商谈离婚事宜的布鲁斯的妻子和女儿。他们既不是为了谋取钱财，也不是要进行任何报复，这个精心策划的行动目的似乎非常简单，然而又极其出人意料………

   剧中有一幕让我印象深刻。裸体明星丹尼尔丝为了成为演员不惜提前布局让导演布鲁斯了解她的演艺才华，在后来面对别人一直把她当成裸体明星看，她一直坚持自己是演员。让人感叹明星背后的心酸。剧中戏剧另一幕里，杀人凶手韦恩·哈德森受好莱坞导演布鲁斯·德拉米特里电演的启发，叫来美国电视媒体，声称只要收视率上升他就要一个个把人全杀光，而这一令人震惊的早间直播，竟然真得如韦恩·哈德森所愿，现场杀人的电视引来了收视率的直线上升，媒体的现场报道没能阻止罪犯杀人，却加速了凶手杀人的速度，甚至美国警察与凶手的枪战中竟然伤及无辜……

   到最后，所有的人死于血泊之中。就如剧本中的台词所说：没有人为这件事情负责。所有的人都在推卸责任，都认为自己所做的事情和别人没有必然联系。这样会心安理得的继续做自己以为对的事情。就如布鲁斯导演一直否认他拍的暴力电影对社会犯罪的提高没有影响，那两位杀人凶手只为了洗清罪名在电视直播中杀人而造成很多人精神严重受损，自私的布鲁斯夫人只顾者自己的离婚财产而忽略了女儿的感受。。。

    原来我也曾以为自己做好自己的事情就好了，对别人没有影响。殊不知这样是不可能的，因为有很多人在无时无刻的关注你，尤其是家人和朋友。你的一言一行一举一动都时时牵动着他们的心。所以只为自己活是不对的，也是不成熟的表现，那样就意味着另一种意义上的不负责任和自私。尤其能量越大，所作所为就要更为谨慎，我想有所为，有所不为也要遵循这个道理。

 

   

CMS是Content Management System的缩写，意为"内容管理系统"。

CMS具有许多基于模板的优秀设计，可以加快网站开发的速度和减少开发的成本。

CMS的功能并不只限于文本处理，它也可以处理图片、Flash动画、声像流、图像甚至电子邮件档案。

CMS还分各个平台脚本种类的。

内容管理系统是企业信息化建设和电子政务的新宠，也是一个相对较新的市场，对于内容管理，业界还没...

    哈哈，框架结构的布局已经告一段落，接下来要学习网站元素设计的细节，如果说布局是网页骨骼的话，那么这一部分就是血肉部分，也是重中之重，加油！

4.1导航

4.1.1横向导航 

用ul元素<ul></ul> 表现导航列表块，块中的列表数据用<li></li>描述。以下是我实现的导航代码：

<ul id="n...

网页布局与定位

1.1认识div

div就象一个表格布局的容器，用于网页搭建框架时的浮动与定位。
为了实现内容与表现分离，最好只使用以下两种形式：

<div id="id名称">[...]</div>

<div class="class名称">[...]</div>