-
UCD广州书友会第九期–讨论一
Posted in UI纯文字, 2009-06-24, ,
-
书友会讨论正式开始:
以下基本是总结,讨论的过程很有趣,但某鱼记忆在衰退,所以o(╥﹏╥)o
1、有哪些数据,它们从哪里来用户操作系统份额(WINDOWS,VISTA,APPLE,MAC,LINUX)
移动终端用户份额
不同浏览器所占份额
网站的浏览量,点击量,页面停留时间,跳出(这个相对全面的总结来至于右手边的同鞋)
其它数据——
比如,PCONLINE的同鞋提到它们五种数据中的“网友调查”与“分析竞争对手数据”。得到数据的方式:
后台分析(Google Analytics\51.la等)
用户调查、人工分析等
2、数据对设计的影响首先被提出的问题是:浏览器兼容性问题,这个问题真是无所不在。
网易的某红同鞋提到:现在,设计师大多惯用FIREFOX;某网站收集到数据显示使用FIREFOX所占份额最大时,接下来的设计便以FIREFOX为基 准,之后的设计更是越走越“高端”,这却并没有给他们带来新的流量。因为目前的市场状况IE6的用户才是占最大份额。当产品忽略了对IE6的兼容性,就相 当于是放弃了这大批量的用户。所以说,就目前来讲如果一个网站统计数据得出非主流用户占多数的话,就必须检查网站本身是否存在问题了。(原话记不住,所以 这里的表述完全是我自己的理解ORZ)右手边的同鞋说,数据中IP对他们的作用最大,他们会通过IP判断用户所在城市,针对不同城市做一些相应的设计——某鱼觉得给不同的用户群量身订制产品,这是很好很正确的设计模式,但实施起来却不简单。
就设计,接下来的话题还扩展到了:栅格化。栅格化起源于传统纸媒的排版,却又有所不同。
这一环讨论知道了一个小内幕,原来BILL同鞋在设计网易首页时并未考虑到这个问题,但设计出来的页面却出奇的符合栅格化标准!——所以,栅格化并非无中生有,而是设计师们在设计过程中通过总结好的设计而来。某红同学说到咱南方周末报纸很巧妙的一个地方,就是当一个版面下方有二分之一广告时,报纸折起来并没有让上面的文字与广告完全分离,而是刚好留下一 段文字,猜测是引导用户去阅读广告使的小手段。——然,我却并未留意过这个细节,一般纸媒广告都有很严格的片区划分,这个划分从何而来?看来是有必要研究 一番的!
-
1 Comment »
-
UCD广州书友会第九期–开场
Posted in UI纯文字, 2009-06-21, ,
-
其实,UCD广州书友会第一期某鱼就有报名,结果因事未去成。不想,一晃就到了第九期。叹
UCD书友会第九期 讨论话题:设计的数据与分析
就这个话题,某鱼最先想到的就是:设计会有哪些数据?数据又如何告诉我们当前设计的优劣?分析数据对设计有多大的作用?而用户行为又会对数据有何影响?
以用户为中心的设计,到底要将用户至于怎样一个高度呢?抱着这些问题,某鱼在中午2:30准备到达网易大楼。
没想到,网易正当某职位公开招聘日(汗),到大厅望着一堆人,某鱼茫然四顾,然后一个戴着网易工牌的女同鞋走过来,礼貌的询问之后带我到了某个会议室。
大会议桌前已经快坐满了(其实大概也就十数人),基本上都是生面孔啊(第一次参加自然不会熟,抽打),看到带帽子的某位老兄,啊,定然是胡晓同学了!貌似我有在网上见过照片?
有些不好意思,带着些灰溜溜的味道速到很里面(只有那边空着了)的位置坐下。
签到,闲话几句,人基本到齐之后,进行开场前的热身小体验:在别人的(要求是自己未使用过的型号)手机上将自己添加为联系人。
过程中大家遇到的各种障碍以及讨论手机UI设计相关就不一一累述了,重点提一下从体验中得到的两种行为模式:1、直接输入号码,然后保存。2:寻找通讯录,按步骤添加。
网易的佳佳同鞋说前者是比较聪明的用户,而她自己则最普通大众的用户——采用第二种行为。佳佳同鞋分析道,这其中也存在一个体验的引导作用,如果是平时记录别人的号码也会先输号再保存,而现在说要添加联系人,就会很老实的去找通讯录然后进行添加。
——某鱼与佳佳貌似同类。不过某鱼用第二种行为确是带有一点目的性的,想更详细的了解旁边同鞋那台苹果机在添加联系人这一环节的设计。
由此可见,用户的行为模式与思维方式以及环境因素都有着密切的关联。
这里某鱼突然想起不久前的一个经历——
那是南周大院上线之前,请几名对网络并不熟悉的实习生做用户体验时出现的情况。
首先是给出一项UI体验任务,实习生们很认真的阅读了自己的任务,然后严谨的按照步聚往下走,发现好几个环节里,我们自认为很明显的按钮,她们竟视而不见,睁大眼睛四处寻找任务入口……
令一旁观察的我无数次的内牛满面,捶地嚎啕。
而在,让她们自由闲逛,随意点击,发现她们的行为模式与我们所设想的大相径庭,同时又令人欣慰的,她们大多很顺利的完成了自己想干的事情。
所以,引导用户,是设计中至关重要的一环。 -
1 Comment »
-
颜色与UI
Posted in UI纯文字, 2009-06-17, ,
-
顾名思义,GUIs(Graphical User Interfaces,图形化用户界面)从视觉上展现了它们的特性与功能。人机交互在很大程度上是依赖于可视界面,寻找某个事物,并与图形化UI元素进行 交互。颜色是任何视觉画面的主要特征,这并不仅限于计算机屏幕,而是任何我们所看到的事物。因为在我们日常生活中,大多数所看到并进行交互的事物都是有颜 色的——或许是看到的太多了,我们已对这点习以为常了。反过来说,如果你需要去阅读一个黑色按钮上的深灰色标签,那将是非常痛苦的。所以,颜色会潜移默化 的增强或削弱用户体验。本文将对用户体验的概念加以介绍,并着重探讨在UI设计中所推荐的颜色以及颜色感知等内容。
用户体验
用户体验(User Experience,简称UX)是一个关于用户(users)以及交互(interactive)技术系统领域的整体概念。具体来说,它代表了一个网站 或者应用程序对其用户的可用性(usability)以及吸引程度。可用性高意味着交互产品能够让用户快速的实现他的目标。ISO 9241-110[1]以及Nielsen的研究[2]是这个领域中的“圣经”。
吸引力是指用户以及他所交互系统之间的情感。用户喜欢它吗?讨厌它吗?他们认为它是吸引人的、时尚的,还是为之着迷的?在交互的过程中,他们会为之引以为 豪吗?尽管吸引力并不能像可用性那样明确的对其进行定义,但是它对于一个产品的成功仍然至关重要,因为有吸引力的系统会让人使用起来更愉快,更加合其所 意,这都会增添产品的价值。
颜色与UI
颜色是360nm至720nm之间的光波刺激人类的眼睛并由视觉系统[3]进行处理后所触发的感知。我们的眼睛拥有三 种类型的颜色接收器,分别用于处理长波、中波、短波。它们分别被称为L-、M-和S-cones(译者注:cones是人眼的圆锥细胞)。如图1所示,一 束530nm的光波会触发最多的M- cones,其次是L-cones,只会触发很少的S-cones。这条光束最后被感知到的颜色即为绿色。

图1 三种cone类型的光波被感知到的颜色[4]计算机屏幕中的颜色是由RGB 颜色模型(R代表红色,G代表绿色,B代表蓝色)所定义的。这三种颜色被称为(三)原色(primary colors),分别对应L-、M-和S-cone中最易接收的光波。三原色不能由其他颜色混合而生成。相反,通过混合三原色,可以生成其他所有的颜色。 屏幕上的每一个像素都是由一束红光、蓝光和绿光相互作用而生成的,它们挨的非常近,是无法分辨出来的。
颜色对比度
通常情况下,UI中的有色对象或区域并不是孤立存在的,都会与其他的对象或区域比邻或者重叠。这就产生了对比效果。没有足够的对比,我们是不能在屏幕上分 辨出不同的区域的。这也正是办公软件例如微软的Word、Powerpoint、Excel、Outlook为什么都会默认设置成白底黑字的原因了—— 因为它会产生最强的对比度,以及最佳的可视度。
除此之外,颜色对比度通常被用于把浏览者的注意力引向某些传递关键信息或者需要输入的重要UI元素。
颜色对比度也会提高UI的视觉吸引力。实验研究显示,暖色调(比如红、黄、橙)非常适合作为冷色调(比如蓝、绿、紫)的背景,反之亦然。
对比效果同样会对用户体验产生不利的影响。下面讲的两个例子是比较有代表性的。通常情况下,任何视觉区域都会趋于临域的补色。比如,一个灰色的方框,如果 周围是红色,那它看起来就会发绿,如果周围是绿色,看起来就会发红。这种情况被称为同时对比(simultaneous color contrast)[4]。在UI中,通常是一个控件,比如一个按钮,在不同的背景色下会产生完全不同的视觉效果。
另外一种对比度产生的问题是色差(chromatic aberration)[5]。透镜(包括我们眼睛中的水晶体)会对不同的光波产生不同程度的折射。这种情况是因为不同的光源投射到视网膜中不同的地方所引起的,比较明显的情况是紫色与红色的组合,还有蓝色与红色的组合(如图2),因为紫色与蓝色的光波位于光谱的一端,而红色位于另一端(如图1)。

图2 色差因此,图2中的文字看起来与背景相比,显得有些模糊。所以,在UI中应当避免红色和紫色/蓝色的对比。尽管如此,红-蓝组合仍然比比皆是,或许是因为UI 设计者为了考虑色觉障碍(color deficiency,下有详述)的问题而避免采用红-绿组合的替代选择。图3展示了生成良好对比度的不同前-背景色组合。
Background Color
Black White Violet Blue Cyan Green Yellow Red Foreground Color
Black good
good
good
good
White good
good
good
good
Violet good
good
Blue good
good
good
good Cyan good
good
Green good
good
Yellow good
good
Red good
good
good
图3 良好对比度的不同前-背景色组合
色觉障碍
当人们谈论色盲(color blindness)的时候,通常是指对接收某种特定颜色存在障碍。而这种情况更准确的说,应为色觉障碍(color deficiencies),因为大多数情况下,人们并不是完全不能接收某种颜色,只是他们的感知会有所误差[3]。 色觉障碍是由视锥细胞类型(cone type)的缺失或工作异常所导致。表1列出了由L-、M-、和S-cone所引起色觉障碍患者的比例。8%的男性以及0.4%的女性都存在不同程度的色 觉障碍。因为L-和M-cone的弧度非常接近(见图1),所以由L-和M-cone引起的色觉障碍症状非常相似。当L-和M-cone存在问题时,颜色 的呈现则大多都是基于蓝、黄两个色调,由此导致不能正确的接收值得推荐的红-绿配色。
Color Deficiency Cause Color Vision Incidence [%] - - can see all colors Males: 92.0
Females: 99.6Problems perceiving red & green L-cone loss or deficiency - see mostly or exclusively blue & yellow
- confuse red & greenMales: 2.00
Females: 0.04Problems perceiving red & green M-cone loss or deficiency - see mostly or exclusively blue & yellow
- confuse red & greenMales: 6.00
Females: 0.39Problems perceiving blue & yellow S-cone loss or deficiency - see mostly or exclusively red & green
-confuse blue & yellowMales: 0.004
Females: 0.002
Total color blindness L-, M-, S-cone loss cannot see any colors Males: 0.003
Females: 0.002表1 色觉障碍与发生率
由S-cone引起的色觉误差会导致颜色的接收都是基于红、绿色调,而深受赞誉的蓝、黄配色则无法感知。但这是一种非常罕见的情况,只有0.004%的男 性以及0.002%的女性会出现此类症状。还有一种非常罕见的情况——全色盲,这是由完全缺失视锥细胞所导致的:只有0.003%的男性以及0.002% 的女性看不见任何颜色,他们的视觉是非彩色的,完全基于黑、白、灰。
从表1可以看出,色觉障碍患者中最典型的一类人是无法接收红、绿两色的男性。非红-绿色觉障碍的患者比例非常低。实际上,由闪烁的UI元素引起癫痫的比例都要比非红-绿色觉障碍的比例高出400倍。
问题是,色觉障碍的程度为产品的可用性带来了巨大的挑战。这会因为应用程序的类型差异而有所不同。在所有对颜色的使用有美学要求的地方(比如大多数公司的 网站),它对色觉障碍的重要程度就远远低于某些表示状态的系统(比如控制系统和dashboards)。通常情况下,建议不要通过颜色来表明某些重要信 息。比如,通过红光或绿光表明系统状态,这会给红-绿色觉障碍者会带来麻烦。所以,最好提供一些有意义的文本标识(“OK” vs. “警告”),或符号(“对号” vs. “感叹号”)代替有色码。
颜色与视觉感染力
颜色非常适合增强软件产品的视觉感染力。我们通常会赋予某些颜色以特定的涵义(表2)。这些对颜色的观念在设计UI的时候往往起到非常大的作用。举个例 子,一个基于白色的诊所软体应用程序是非常合情合理的,因为白色象征着“整洁”。再比如,联合国的主页是基于蓝色的,传达了一种“和平”的理念。
Color Stereotypical Meaning Red hot, stop, aggression, error, warning, fire, daring Violet female, cute, cotton-candy Orange warm, autumnal Yellow happy, sunny, cheerful, slow down, caution Brown warm, fall, dirty Green envy, jealousy, a novice, spring-like (fertile), pastoral Blue peaceful, water, male Purple Royal White virginal, clean, innocent, cold Black evil, ghostly, death, fear, mourning Gray overcast, gloom, old age 表2 西方的颜色感知
应当注意的是,表2中所列的这些对颜色的感知都起源于西方的文化。因为颜色观念是与文化密切相关的,他们在不同的区域会表示截然不同的涵义。比如红色,在埃及象征着“死亡”,而在印度却代表“生命”与“创新”,在中国则是代表“幸福”[9]。
有感染力的UI是由一组协调、相关的颜色所构成。创建配色方案(color scheme)也是一个技巧,而且是非常重要的,因为需要考虑很多因素,包括所要传达的公司品牌价值、强调的颜色感知(见表2),此外,还要考虑人类个体的问题(比如之前提到的对比度)。
无需图像设计师的帮助,有很多种方法可以用来创建简单的配色方案[10]。举个例子,你可以在12色环(color wheel)中任选3个相邻的颜色(analogous color——相似色,见图4)。或者选择完全相对的两个颜色(conplementary color——互补色)。不要忘记,红色与蓝色对红-绿色觉障碍者可不是很友好(详见前文“色觉障碍”)。

图4 基于相似色的配色方案
关于作者
Tobias Komischke博士已在用户体验领域工作超过10年。他是技术刊物、会议的评论家,发表论文超过30篇。在Infragistics,他负责用户体验的内(开发)、外(培训与咨询)工作。链接&文献
[1] ISO 9241-110 (2006). Ergonomics of human-system interaction – Part 110: Dialog principles. Berlin: Beuth.
[2] Nielsen, J. ().Nielsen, J. (1994). Heuristic evaluation. In Nielsen, J., and Mack, R.L. (Eds.), Usability Inspection Methods. New York City: John Wiley & Sons.
[3] Wyszecki, G, Stiles, W.S. (1982). Color science. 2nd edition. New York City: John Wiley & Sons.
[4] Gleitman, H. (1991). Psychology. 3rd Edition. New York City: W.W. Norton & Company.
[5] Kaiser, P. K., Boynton, R. M. (1996). Human Color Vision. Washington, D.C.: Optical Society of America.
[6] Fisher R.S., Harding G., Erba G., Barkley G.L., Wilkins A. (2005) Photic- and pattern-induced seizures: a review for the Epilepsy Foundation of America Working Group Epilepsia, 46 (9), 1426-1441.
[7] http://www.un.org/
[8] Waters, C. (1996). Web Concept & Design. Indianapolis: New Riders Publishing.
[9] Russo, P., & Boor, S. (1993). How fluent is your interface? Designing for international users. INTERCHI ‘93. 342-347.
[10] Williams, R. (2008). The Non-Designer”s Design Book. 3rd Edition. New York City: Peachpit Press. -
No Comments »
-
由麦香饼屋的小木牌想到……
Posted in UI纯文字, 2009-05-26, ,
-
昨天从体育中心走到冼村的路上见到麦香饼 屋,欣喜快速的爬了过去,正好看到一位可爱的服务员在翻动挂牌。麦香饼屋的木牌和装饼的篓一直给我一种老字号的感觉,悬挂的小木牌写着各种饼的名称,售完 的饼,牌子会被翻过显示背面,就算是第一次来买饼,都可以很快的点单;而装饼的篓上用字标注着饼名,服务员在拿饼的时候同样的方便快速。由于中午刚刚经历 了一次不愉快的订餐,于是麦香饼屋的这种模式在我心中迅速的窜升到了一个高度。
虽然快餐店和饼店不同,但都是买与卖,本质其实一样。多数有点规模的快餐厅都会在售票处挂上常规菜单,同时每月 还会更新一次外卖的菜单,但总难避免因某快餐售完而导致的不便甚至不快,昨日中午的订餐不仅因此导致订餐不顺利,同时还被快餐店的人责备没有搞清楚订餐规 则——这家店的菜单给每一样菜色都编了号,订餐只用报号即可,双拼就是号+号,方式确实简单明了,也提高了效益,但,订餐热线却并没有给客户一个如何订餐 的指导,可能在外卖的订餐单上有帮助说明,却没有谁注意到过(就我知道的是没有),于是,这次订餐浪费许多时间、口水以及电话费。
普通电话订餐流程:
接通电话-> 下单 ->确认订单 -> 挂机
这个过程看起来简单明了,在下单这一环却会出现不少问题,特别是当快餐厅有自己的一套订餐规则时,就会出现:因客户不熟悉订餐方式而进行说明,因客户需订的快餐售完而进行说明、并请客户变更等,从而影响订餐效益。如果电话订餐流程改成如下结构:
接通电话 -> 询问是否第一次订餐(第一次订餐请转×××,或者第一次订餐请按×)-> 今日售完 —> 请下单 —> 确认订单 -> 挂机。
理论上来讲时间与口水都是能得到节省。
今日售完这一环的作用:与麦香饼屋翻饼牌的作用一样,重在省时省力。
如果让客户直接下单,当报到某样时你突然告诉他说这个已经没有了,那他第一反映就是——要换一个,这时,他就会说:请等一下,我换成××等 等。如果客户随意那可能会很快速的完成,若客户一时点不出想要的,这只能是提示他挂机确定后再拨打,这不仅是浪费客户的时间以及精力,更浪费了快餐店的时 间、人力。而,如果有提示今日售完,客户就能在第一时间反应到要修改菜单,也给了他一个决定是一边报单一边改还是挂机改好后再来的时间。从麦香饼屋,很顺利的买到想吃的饼回到家,然后决定吃绿豆饼的时候发现,完全不知道哪块是绿豆的,虽然每个饼都分开包装,但包装袋一模一样,要怎么分?囧。于是,只好一个饼一个饼的掰开来看陷……
再说回快餐,今天中午也是订餐,另外一家,只有九个饭,送到之后发现所有快餐盒都干干净净,一模一样,完全看不出是什么菜式,是谁所订,大家无奈,只能一盒一盒的开来看……
而给菜式排序的快餐店送来的快餐盒上通通用圆子笔写了序号,寻找起来容易得多,至少可以不用开盒。其实,对于我们吃饭的人来说直接写上菜式名是最好的,因为对着菜单查序号也要花费一番功夫~交互设计, 另外:反思自己,订餐其实也是需要一个明确流程的,特别是订二十、三十、甚至更多份的时候,负责订餐的人必须自 做主张一点,订餐菜单是有限的,每人轮流的看单点单下单就至少会花上十多分钟或,而如果有人暂时离开,那寻找和等待更浪费时间,这个时间更直接影响到订 餐、送餐的顺利与否,每个快餐厅每日菜式或者常规菜式都是固定的,所以无论如何都不可能人人不同,这样倒不如先对菜式做一个归纳,然后每种订上一定份量, 只要总数达到就行。
-
No Comments »
-
关于标签的target
Posted in CSS&*ML家族, 2009-05-14, ,
-
3月25日,与风老板讨论关于链接是在新窗口还是当前窗口打开的问题,期间重点提到了白宫网站在这一方面的处理——
使用JS将所有<a>标签中的target提出来进行统一控制。
每一个链接,是在新窗口打开还是在原窗口打开,一般是根据当前需要设定,一个网站大部分链接都是使用在原窗口打开,但,当遇到点击链接所跳转到的页没有再回到本页链接时(最典型的跳到其它站点)就会使用新窗口。当一个站点所有链接都在原窗口打开时,就意味着,通过某个链接出了站,想再回来,就只能借助浏览器了,这种情况绝对不利于网站的发展。
那为何whitehouse.gov要这样做?是因为他们保证了无论哪达哪一页都有清晰的导航指引?但如果仅是这样,他们只需不定义A中的TARGET就OK了,何必如此大费周章的运用到JS全局控制?
回忆我们为什么要使用W3C标准?为什么要用DIV布局代替TABLE?为什么要将CSS与HTML标签分离?
XHTML是什么?它是HTML->XML的过渡!为什么要朝着XML发展?因为XML是利用标记来装载数据,它可以实现网络之中的数据共享。
当把A标签内的属性全部剥除,<a></a>就相当于XML中的一个标记。而剥除出来的href,target它们同样也可以是XML中的一个标记。
a的内容,href,target的值就成为了数据。
以现在的技术,我们还有一段漫长的时间运用CSS+XHTML建站,但,我们要想到的绝不仅仅是用CSS+XHTML搭建出干净简洁的页面,更应该考虑到将来如何才能更有效,更快速,更顺利的过渡到XML技术。以实现呈现方式与数据完全分离,实现数据共享,呈现多样。
白宫运用JS控制TARGET,这个做法,显然正是为了将来高效、顺利的过渡到XML。
-
No Comments » Tags: js, target, xml
-
资料存档:CSS BUG几个不顺口的顺口溜<( ̄︶ ̄)>
Posted in CSS&*ML家族, 2009-05-14, ,
-
一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。
八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。
九、IE浮动双边距,请用display:inline拘。
十、列表横向排版,列表代码须紧靠,空隙自消须铭记。
-
No Comments »
-
PS打造的羽毛球场 O(∩_∩)O
Posted in 天殘手, 2009-05-13, ,
-
1 Comment » Tags: 天殘手
-
某日见到的UI试题
Posted in UI纯文字, 2009-05-13, ,
-
软件界面类:
问:你认为交互设计师应该具备哪些理论基础?
鱼答:web相关理论,设计心理学,图形设计,等等
问:说出你最常用的工作软件。
鱼答:UltraEdit / PS /FireFox / FireBug / Svn,等等
问:举出你认为交互体验较差的几个例子。
不好的交互体验到处都是,于是,此处省略无数。
问:说说你对下面这个界面的体验(所列举出来的例子是土豆网的一个登录界面,那个界面的密码在所有信息最下方,需要填写信息的标题与输入框之间有很大距离。)
问:请根据需求设计下面的功能界面(功能非常强大的一个界面。需要实现一卡充值一号码,多卡分拆充值多号码,号码类型、客户属性,客户账户属性等等)
图略 ╮(╯_╰)╭
网页类:
问:网页配色有哪些规则标准?
鱼答:理论要围绕着良好的用户体验、易读性来配色,突出重点。
问:WEB2.0有哪些特点?说说你对WEB2.0网站设计与技术的理解。
鱼答:专业聚合,信息共享,交互性,贯彻执行W3C标准等。WEB2.0网站设计着重在用户体验:感观、情感、认知、行为等方面,设计过程中尽量以“DONT MAKE ME THINK”为标准。WEB2.0网站技术更多的应用了AJAX,在样式呈现上以CSS+XHTML为基础,给未来转向XML做一个良好的过渡。
问:列举出五个以上的HTML标签
鱼答:<body>/<html >/<div>/<br>/<h1>/<em>……
问:要实现给图片加边框的样式,不用BORDER,还可以用怎样的方法?
鱼答:style{border:1px solid #ddd}; 或者直接PS。>_<
问:请用JS实现点击一个链接弹出一个窗口,窗口宽高都为200PX。
鱼答:
window.open(’http://www.***.com’,null, ‘height=200, width=200,status=yes, toolbar=no, menubar=no, location=no’);
-
3 Comments » Tags: UI纯文字
-
所谓天殘手
Posted in 碎碎念, 2009-05-13, ,
-
天殘手,就是撞师父。懂乎不懂?╮(╯_╰)╭
-
1 Comment » Tags: 天殘手
-
无题——一时之感
Posted in 碎碎念, 2006-02-22, ,
-
有人说,水瓶座的人是非常脆弱的,但又有人说,水瓶座的人是最难受到伤害的~,是不是非常矛盾的两种说法呢?于是,有人解释说:水瓶座的人其实很容易受伤,只是他们不会让人家看到自己受伤,他们会独自一人缩在角落里默默的添着自己的伤口……另外还有人会说:他们只是知道自己会受伤,所以会用重重的売将自己严严实实的裹住!
其实,无关星座,都是人有感情罢~
记得曾经和一位同学讨论过有关“心”的话题:用房屋来比喻人心。
那位同学说起他喜欢的女孩,觉得她太容易受伤,见她受伤自己也很难受……,于是,我就我对那个女孩的了解,告诉他说:她的心就好像一栋房屋、有门、有窗、有大厅、有卧室也有书房,你敲门,她会打开窗,看看你是谁,如果是朋友便会打开门,让你进入大厅,大厅里还有其他的朋友,然后,如果你和她有共同的爱好、兴趣之类,她可能会引你进书房,那里都是志同道合的要好的朋友,而她的卧室之门是不会轻易打开的,甚至,她的卧室的门在哪里你都可能还不知道……想要进入那里,不是真心、诚意就可以的,而必须是他认同、喜欢的……所以,就算你和她相处得好,和她是朋友了,却都不一定就走进了她的心……真正会令女孩受伤的人,只有进入了那间卧室的人……你看,要进入她的卧室是那么的困难,所以,她不会那么轻易就受伤,人总会因为一些事而难过,但并是像你说的那种受伤。
那位同学听了,觉得似乎有些道理,但他还是表示:如果女孩有什么事,她一定第一个站出来帮她……呵呵,孩子一般的真心。
后来,说到我,说我就比她好,没那么容易受到伤害(==,小小鄙视下他:偶比她好,是因为你们这些家伙还不够格伤俺啦!)后来,他还非常真心的说:觉得在众同学之中,我似乎不那么起眼,总是默默的,不太能开玩笑~。。。。。。听到这些,我在心底好笑——说起来,我和这位同学关系算不错了咧,好歹上课也曾经会坐在一处的说……只是,他一心都放在自己喜欢的女孩身上啦,都不记得好多次上课时自己曾经那么深沉的口吻给我讲自己的苦涩初恋……
于是,我也用非常深沉的口吻和他说:每个的对待朋友都是不一样的,如果也用房屋来喻我的心的话,那我的这栋房屋最多也就只有门和窗,透过窗便能将里面看得清清楚楚,然后窗不会轻易打开,我会先透过窗去看来敲门的人是不是自己觉得可以做朋友的人,然后我会打开窗和他聊天,再确定是否要打开门让他进来,很可能,这个人一辈也就只能站在窗外和我聊天,正因为如此,很多人会觉得我是个冷淡或者清高又或者说开不起玩笑的人,但只有我自己知道,能让我打开窗聊天的人已经算得上朋友了~,我的这栋房屋没有书房也没有卧室,所以我和所有的朋友们一起都在大厅,大厅里的任何一个人都可以很轻易的令我受伤……所以,我不可能随随便便的让人踏进那扇门……
那位同学似乎了解了,他很诚恳的点着头,说:我现在了解了,你一点也不比她们差···,以后你有什么事,我也一定会全力帮忙……当然,如果是和她一起的话,我肯定会先帮她了。
真是个朴实的小孩啊,完全不知道那句“你一点也不比她们差”在我听来有多么讽刺><,本来偶就是很很很优秀的说!她们在做很多事的时候都还会先问过偶可行不可行,或者听听偶的看法咧~~~而且,偶的好些优点都令她们羡慕不已——最典型的:偶非常能自得其乐,一个人都可以很开心的生活~~~~(在学校的时候,N多人都说非常羡慕偶这一点,其实偶也不是一个人就能开心,之所以开心是因为知道自己从来就不是一个人,朋友之亲疏不在地域之限,心灵的沟通才是最重要滴——给偶最亲耐的朋友们鞠个躬:没有你们,就没有开心的金鱼~~)看在你是小孩的份上,就放过你!~
的确呀,水瓶座的偶,长这么大,基本上还没有被爱情那把利剑伤害到偶的心灵,仔细回想一下,还得归功于一直以来偶的自知之明:偶还小,偶现在还承受不了那么沉重的感情……不过,如今那句话已经不能再拿来当挡剑牌了,该面对的总得学会面对才是!
PS:
很多时候,很多人在遇到一些事情的时候,会考虑到事情的后果,觉得此事可能会令自己受伤,自己可能承受不了后果的时候会选择不去做;而又很多人,却从来不去计较那些后果,直直的向前冲,努力去做。很久之后,回忆起这些事情,没有去做的人可能会庆幸自己当初没有去做那些事,没有为此而痛苦,而去做了的人,会欣慰自己原来是很坚强的,再痛再苦也一定能承受得了。
经历也好,不经历也好~,自己选择的路,自己走来,无惧后悔~
=======================================阿卡的心,如果用房屋来比喻,那就是一栋有着院子的小巧玲珑别致的小屋,有可爱的烟囱,可爱的花圃,可爱的房间~,每个房间都有一把锁,有钥匙的人才可以进入房间玩~,但同时也有个神秘的地下室,没有阿卡的允许谁都不能进入~。可以肯定的是,我在阿卡的小屋里可以和花儿玩,可以进入大多的房间玩(不确定所有的房间都进得了),也可以去爬爬烟囱,然后,偶尔会被阿卡带到地下室去探探险(很荣幸^^.) 阿卡的小屋坚强而又脆弱,无论任何狂风暴雨都伤害不到她,但在小屋的任何人都可能因为无心或者有心的破坏而令小屋受损~,小屋受损,阿卡就会无比心痛,那可能需要花很久很久才能将她修补起来啊…… 阿卡,我随时都乐意当你的工匠。^^!
-
No Comments »


Comments