如何调出“我的电脑”面板上方的工具栏

By sookiee, July 11, 2009 5:23 PM

今天打开“我的电脑”面板,突然发现上方原有的“后退,向上,文件,查看”等功能性工具栏都隐藏了,找了好些地方按右键也没把这个面板调出来。多亏google强大,搜索了下就找到答案咯,按“F11″,就可恢复啦~~~如果要标准的工具栏,恢复后,点“查看”–“工具栏”–“标准按钮”。

今天在家整理照片,准备写个西安之行的游记,为偶滴博客除除草,吼吼~~~

绚丽发光字——ps笔刷应用

By sookiee, July 10, 2009 3:17 PM

看了网上个的ps教程,拿偶滴英文名字sookiee,做了个华丽丽的小练习,见下图,吼吼~~~
喜欢这种效果的话,赶紧回去尝试下吧,做大些做桌面也不错哈
star brush apply
主要用到的ps技巧:
1. 写英文文字时,文字图层加蓝色内阴影,和蓝色外发光的效果,具体数值可以根据喜好和实际效果调整。
2. 去网上搜索一下,下载一个星星笔刷,然后在上面工具栏的右上角有个按钮,调出笔刷数值的具体设置面板,调整值,这张图中偶设了:画笔笔尖形状,形状动态,散布的值。如下图:
brush 2  brush 1

大家周末愉快唷~~~

Photoshop钢笔工具画图形的使用小技巧

By sookiee, June 9, 2009 4:13 PM

开始用photoshop画图形的时候,总觉得钢笔工具用起来不方便,画起来很慢。后来发现,是因为一些工具使用的方法还不知道,加上练习较少的缘故。前阵子看见一篇设计师写的钢笔使用技巧的文章,觉得总结的不错,便想翻译个大意,以供对钢笔工具不熟的姐妹们学习下:)
1. 钢笔工具及选择工具的快捷键选择:

     

1)上图中的工具分别是“钢笔工具”,“路径选择工具”,“直接选择工具”。

按快捷键“P”即可选中钢笔工具,

按快捷键“A”即选中路径选择工具,

按快捷键“Shift+A”,即可在路径选择工具和直接选择工具之间切换。

2)选中钢笔工具后,按快捷键“Shift+A”,可切换到自由钢笔工具。

3)在选中钢笔工具的状态下,鼠标放到已画好的曲线上,并放在没有锚点的位置,钢笔自动变成添加锚点的icon提示了,此时在曲线上单击鼠标,锚点即添加。
当鼠标放到已画好的曲线上,有锚点的位置,钢笔会自动变成删除锚点的icon提示,此时在这个锚点上单击鼠标,这个锚点即被删除了。

4)当前如果在用钢笔工具,鼠标放到某个锚点上,按住Alt键,即变成转换点工具了,放开Alt键,又变回钢笔工具。

2. 曲线的基本画法:

1)上图中,钢笔工具画的第一个锚点和第二个锚点是没有曲率的,只要鼠标在第一点的位置单击,再到第二点的位置单击,即可。第三个锚点有曲率且两边都可以调节,这需要鼠标放到第三点的位置后单击鼠标并不要放,往水平方向拖一下。第四个锚点也是有曲率且两边都可以调节的,画法和第三点相同。最后一个锚点是没有曲率的,只要鼠标在最后一个点的位置单击,即可。

2)当按着Shift键画曲线时,能使曲率调节的柄成45度斜角或90度直角。这在实际绘图中比较实用,如上图。

当按着Ctrl键时,钢笔工具会变成直接选择工具。把Ctrl键放掉时,又会恢复成钢笔工具。

当按着Alt键时,钢笔工具会变成转换点工具。把Alt键放掉时,又会恢复成钢笔工具。这样就能边调节位置边用钢笔继续画路径。

3)转换点工具的使用:

转换点工具和直接选择工具类似,不过有两个不同点:

——转换点工具不能移动锚点,只能调整曲率。

——左边图形是用直接选择工具调整的曲率,手柄一边调整的话另一边会跟着调整,不过这样能使曲线比较平滑。右边是用转换点工具调整曲率的,这样的话,左边手柄调整时不会影响右边。

3. 具体的例子来说明如何操作:
例一:

有时会不会碰到这样的情况,想画出图中第2个图形的,可在ps中调半天都调得像第1个图形一样没规律?

问题主要在锚点和调节曲率的手柄上。

第1个图形中,两条曲线相对应的锚点上,调节曲率的手柄没有平行。而第2个图形中,不但手柄方向都一样,平行的,而且两端的锚点和中间锚点的手柄端点也是平行的。

其次,第1个图形中靠外的曲线的手柄长度比靠里的曲线短,所以内曲线会弯得过于厉害。而第2个图形中,手柄长度差不多,外曲线的比内曲线的稍微长一点,这样两根曲线的弯度就一致了。

例二:

如果想两条曲线最终会合在一个端点,需要把内曲线的手柄稍微比平行的时候拉长一点点。

例三:
   

左边这个图形非常没有规律,可以看到图形中每个锚点的手柄方向没有平行一致的,有的还有交错,每个锚点的手柄长度也相差很大。而右边的图形,经过调整了锚点位置,手柄方向平行一致,手柄长度外长内稍短后,图形就变的有规律也成比例了。

例四:

第一个图形有点歪歪扭扭,直线和弯角都没有什么规律。而第二个图形就显得比较有规律,因为右边在用钢笔画的时候有用Shift键固定画45度和平行的直线,手柄调节的方向和长度上也比较有规律。

4.另外的一些小建议:

—— 画曲线平滑柔和的图形,要用尽量少的锚点,这样编辑调整起来也比较简单。

——几个锚点可以同时缩放和旋转。用直接选择工具,键盘按着Shift,用鼠标同时选中一些锚点,然后按“Ctrl+T”,用自由变换工具缩放和旋转,就可以实现变形了。另外,还可以同时选中几个锚点后,用鼠标直接拖,就可以使这几个锚点一起移动。

——同时选中几个锚点,按Ctrl+C复制,再按Ctrl+V黏贴,就可以实现复制部分路径了。

——一般用钢笔画图形时,钢笔面板中选“路径”用的比较多,因为可以图形修改起来比较方便。

——推荐钢笔面板中的“橡皮带”选项。点击几何形状选项旁边的小箭头,下拉后可以看到“橡皮带”的选项。这个选项勾选后,当钢笔要绘制下一个锚点,还没点下去的时候,就能看到将画出的路径是什么样子的。

关于钢笔工具的使用,用文字表述可能有点拗口,不过希望这些会对大家多少有点帮助哟:)

翻译的原文地址:http://aeoll.deviantart.com/art/The-Pen-Tool-Is-Your-Friend-69562860

关于网上购物付款流程设计的12个建议(译)

By sookiee, June 8, 2009 1:33 PM

1. 不要让用户先注册再去选商品

顾客们是来买东西的,不是来填表单的。所以需要确保用户在付款过程中完成了注册,而不是付款前就去注册,也不是让用户把商品放到购物车里之前去注册。注册表单的需要用户花功夫去填,注册过程中还可能有问题,所以这会成为用户顺利完成购物的障碍。
1

 

Target 这个网站就是当用户真正要把钱付了的时候,才让他去注册的。

 

 

 

在购物流程中,把注册这个麻烦往后面移,能使最后购买商品的用户大大增加。用户既然一开始就花了很多时间选购他们想买的东西,那如果在付款的时候因为注册麻烦而离开,前面选购商品花的时间久白费了。但如果用户还没开始选商品酒让他去注册,这时,他们还没花时间成本,就更容易选择离开。

2. 如果这个商品有货,明确地告诉用户

对商品有的库存数量需要明确地告诉用户。如果商品没货了,要早些让用户知道,避免用户购买时往后操作了好几步才发现原来商品没货了。不仅要在商品介绍页面显示库存数量,在用户搜索商品的结果页面也要显示出来。
2

 

Overclockers 在商品列表中,就列出了详细的库存数量信息。

 

 

 

另外,如果某个商品现在缺货,但最近就会进货了,可以提供给用户一个预定的功能,这样不急着买这个商品的用户,过几天来就可以买到了,他也不用担心过一阵子来买时,商品又售空了。

3. 让用户很方便地修改订单

每个人都可能出错,用户有可能在购物车里放错了商品,或者要付款的时候改变主意了。这时,要让用户在付款的过程中能修改他们购买的商品,如果不能修改他们可能就离开了,而能修改的话,就赢得了许多潜在用户。
3

IconDock 就让用户通过输入框中的数字,很方便地修改购买的数量。

如果用户想把商品从购物车中删掉,不要让他们在输入框中输“0”这个数字来删掉。还是提供“删除”这个链接比较好,通过点“删除”,可以让他们把商品从购物车中删掉,这样修改既快又简单。

4. 在用户操作过程中,提供给他们实时的帮助

因为付款过程需要用户输入信息,而用户很可能在这个过程中碰到问题,这些问题不一定能靠有限的几个界面来解决。这种情况下,提供给用户专业的,一对一得帮助,要比给他们一个宽泛的帮助(比如“常见问题”的页面)好很多,类似“常见问题”的页面不一定能解决用户碰到的问题。
4

在“戴尔”的购物网站上,用户就可以通过咨询电话和在线客服获得帮助。如果用户在付款过程中碰到了问题,她可以立刻咨询客服获得帮助,问题几分钟内就轻松解决了。

在用户付款过程中,提供在线客服或电话咨询的帮助是个非常好的主意。不过不是所有公司都能负担得起那么多客服成本的,大中型公司可以考虑这个方法,特别是那些网上付款流程比较复杂的公司。

5. 使“返回”按钮充分起到作用

“返回”按钮是网页浏览器中最常用的按钮之一,所以许多用户可能在付款过程中也会经常用到。一些网站不提供返回上一页的功能,当用户点“返回”时,页面会自动重新指向某个页面或是报错,这样会对用户的体验造成负面影响。
5

 

Ticketmaster中,点“返回”按钮出现这样的报错,就会让用户有受挫感。

 

 

 

当用户点“返回”按钮时,不仅不能老让他们碰到出错提示,而且如果前一页是表单的话,要保存他们之前填的数据并再次显示给他们看。这样用户只需要在原来填的内容上做修改,而无需重新填写整个表单。的确,有些情况下,用户点“返回”已经为时已晚,比如他点了“确定支付”的按钮。不过别的一些页面都能支持“返回”按钮的话,既节省了用户时间又减少了他们的挫败感。

6. 在购物篮中提供商品的照片,说明,链接

用户经常会把商品放进购物篮后,付款前再核对一下购买的商品,看看他们是否确定要买这些。商品如果只有标题,他们就无法再快速地浏览核对一遍。所以,最好加上图片,商品说明——比如大小,颜色,精装书还是平装书,等等。
6

亚马逊网站,说明了商品的颜色和详细情况,比如精装书/平装书,还提供链接返回查看原商品详细信息。不过他没有提供商品的缩略图。

6_2

Oxfam 提供了每件商品的缩略图,让用户能快速浏览。另外,如果用户想确认这个商品是否确实是自己想买的,还可以通过链接返回原商品介绍页面。

7. 提供操作流程的指引

付款通常是一个包括多步操作的流程。这意味着用户完成支付前会经过好几个页面。所以最好加一个操作流程指引,告诉用户他们现在的位置,即他们目前走到付款流程的哪一步,哪个页面上了,以及离完成过程还有哪几步。
7

 

苹果网站在所有付款页面上,都放了一个简洁的流程指引。

 

 

 

让用户知道自己在流程中的哪个位置,会给他们一种控制感,从可用性角度来说,这是很有必要的。当然,让用户知道后面还有哪几步操作,就可以完成了也会减少他们的疑惑。这样他们在完成付款前,根据自己的情况和想法,来调整或取消订单的自由度更大。

8.付款界面保持简洁

付款过程和网站上浏览型的网页不同。在付款过程中,用户并没有在购物。这意味着所有的浏览型操作在这里都是多余的,这只会分散用户的注意力,影响他正在完成的任务。设计时,要把那些不需要的元素去掉—比如,商品目录链接,热销商品推荐等,使界面保持简洁。
8

戴尔网站的付款页面,就没有商品的目录链接,而是让用户把所有注意力放在付款流程上。

有时用户会返回,再买一些商品,再来付款,所以需要提供一个“返回继续购物”的链接。另外,要确保所有指向“下一步”的按钮都大一些,避免用户找不到。

9.不要让用户离开付款流程

用户在付款过程中不要被打断很重要,比如,把用户引到一个和付款不相关的页面。把用户带离开付款流程会有以下两个问题:1)他们会搞不清自己究竟在哪里,甚至有可能付款的页面找不到了
2)他们可能会因为被打断而没有成功完成整个付款流程。
9

 

Laskys 网站的付款页面上,当鼠标悬停在某些元素上,会有帮助信息弹出告诉用户相关的功能说明。

 

 

 

不能打断用户付款流程,那么我们要找到一个方法显示不要的信息。如果需要提供一些帮助信息,而这些信息又不适合在当前页面上显示,可以考虑通过浮动窗口或弹出窗口显示。

10. 告知用户商品配送时间

线上购物比起实体店购物,有个较大的弊端:用户需要等待几天才能收到购买的商品。所以当用户购买成功后,需要告诉他们大致需要等待的时间。
10

 

苹果网站会根据不同用户的订单显示相应的送货时间。

 

 

 

告知用户商品配送时间有以下几个原因:首先,用户要确保快递公司送货上门时,家中有人收快递。其次,这样用户会对货什么时候到有个心理预期,而不用老担心买的东西怎么还没送到。送货时间显示得越早越好,最好在商品介绍的页面上就显示。这样的话,想购买该商品的用户,就能根据商品送到时间是否能满足需求,来决定他们是否购买。

11.告诉用户之后会发生什么

当用户完成了商品购买,并点击了最后一步操作的按钮后,接着会出现什么?以“感谢您购买本商品”为结束语。这对用户来说,是一种礼貌的表示,而用户也一定很乐意接受这些体贴的话。
11

 

亚马逊网站,在用户付款完成时,就会显示:感谢您购买了此商品,并且告诉用户接下去可以做些什么。

 

 

 

另外,还要告诉用户接着还会发生什么——比如,当商品发货时,他们会收到一封邮件通知。这会消除用户对订单是否真正成功购买的不确定,他们安心。

12 发一封确认邮件

用户可能完成了商品订购并付款了,但其实还没结束。网站需要发一封确认邮件,告知用户购买商品的详细信息和送货到达的时间。这个信息还是很有帮助的,因为这让用户再次确定他们没买错商品,比较安心。
12


亚马逊网站会在用户付款后,发送关于购买的商品详细信息的邮件,并告诉用户如果买错,如何在商品发货前修改。

如果用户买错了商品,在商品发货前,需要提供给他们重新登陆并返回修改订单的机会。简单的出错,比如选择错了尺寸,颜色,经常会发生,所以网站需要让用户感觉在线上购物既简单又可靠。

扫墓时发现的设计小细节

By sookiee, March 31, 2009 9:07 PM

前几天和父母去华夏公墓扫墓,点蜡烛时,老爸感叹:每年来扫墓时,风都那么大,蜡烛好难点燃。即使点燃了,烧一会儿就容易熄灭。无奈下,我们只能把带来的手提包挡在蜡烛旁,至少挡掉了一个方向吹来的风。

之后,扫完墓正准备离开,经过一个高档墓区,发现那边烧的长长的蜡烛,都被套在一个有机玻璃制成的圆筒中,圆筒边缘高出蜡烛火焰10厘米左右,顶端露空。这样一个小小的设计,既能保证较少的风吹进圆筒,把蜡烛吹灭,又能让足够的空气进入圆筒,蜡烛不至于因为氧气过少而自动熄灭。

突然感叹,这个小小的设计,还真能解决问题呢。我说,下次带两个有机玻璃的杯子,把底下露空,套蜡烛上也行呢。这时,老妈灵机一动,折回,掏出没用完的一次性杯子,直接把蜡烛放杯子里。我们的蜡烛不高,直接放在一次性杯子里高度也恰到好处。

联想到以前上的一堂设计思维与方法的课,老师让我们去寻找生活中物品使用不方便的50个地方,并想办法改进。当时想破头,到处看到处挖,其实,这种设计问题的发现,在于平时生活中的用心观察和积累,而设计问题的解决,在于看到问题后,并不只是发现,更要多思考,想办法解决。

有时候,一个巧妙的设计,能解决一个看似很小,但让人们很头疼的问题。所以,很多设计是源于对日常生活的观察,发现,和思考,而设计也无处不在。

杂记:偶们的车子回来途中迷了路,不断问路,绕路,又堵车,正在心情郁闷之时,碰见个卖花的老爷爷,卖的花又便宜又漂亮。一时兴起买了盆橙黄色的草花,不知叫什么名,但亮亮的颜色,看了心情甚好。回家饶有兴致拍照留念,吼吼~~~

圣诞节壁纸制作–蓝色夜空下

By sookiee, December 22, 2008 4:29 PM

蓝色的天空映着
淡淡幸福的星光
仿佛和那夜一样梦的地方

蓝色的夜空浮着
淡淡忧伤的雪花
圣诞的闪光此刻在你身旁

那忧蓝色的爱情
那远方的回音
是我们永恒的证明
让我们在此刻
许下来世的约定

圣诞之际,翻译了下这张壁纸的制作教程作为博客开篇:) 注:以下教程翻译自:Dainis Graveris的博客. http://www.1stwebdesigner.com/tutorials/beautiful-christmas-vision-tutorial-and-wallpaper/

第一步:

1)打开photoshop,新建一个文档,大小为1920×1200像素,72dpi

2)选渐变工具(G),渐变颜色:#3d51f7渐变至#1525a0,斜向拉渐变填充整个背景背景图层命名为“bg”

第二步:

1) 这步开始在画面中增加山和雪。按CTRL+SHIFT+N,新建一个图层画山峰,命名为“hill”

2) 按P,选中钢笔工具,选路径。

3) 然后画出柔和的山峰曲线,如下图。

3)在路径面板,CTRL+鼠标右键,选中刚才画的工作路径。然后回到图层面板,在“hill”
图层上,已经有选中的选区了。

4)再次用渐变工具,颜色#a2acff#4759e5线性渐变,从上到下垂直拉。


第三步:

1)现在我们给刚才画的山增加些雪。选择“滤镜——杂色——添加杂色”。添加杂色滤镜中的数值如下图。

2) 滤镜效果做完后,会看到渐变颜色的山上出现了很多小白点,这些就是添加杂色的效果。这时,小白点很清晰,为了让他们模糊一点,选择涂抹工具(R),涂抹的笔画方向就和下图类似。使用涂抹工具的时候,会使电脑速度很慢,涂抹完就好了。涂抹笔刷大小400,强度13%

第四步:

可以重复第三步的操作做几个山峰的图层,拉不同的渐变颜色,让色彩丰富效果独特一点。这里就先复制34遍第三步中做的那个图层,然后对这些图层做“自由变换(T)”和“自由变换”中的“水平翻转”,并调整每个图层的位置,来做出山峰重叠的效果。

第五步:在几个“hill”的图层中,叠在前面的图层颜色调得亮一些,后面的图层调得暗一些,可以显出山峰的层次。调亮暗的方法,可以用内发光,内发光参数里“结构”中的颜色选项选不同的颜色。这步可以根据需要自行调节一些参数。

第六步:1) 按住Shift键,选择所有山峰的图层,然后按CTRL+G,把山峰的图层都归到一个组,组命名为“Hills”。2)按CTRL+SHIFT+N,在蓝色渐变背景图层上,新建一个图层,填充黑色。3)选择“滤镜——杂色——添加杂色”,设置如下图所示(数量的值设置在20-30之间)。

4)然后把图层模式改成“颜色减淡”。


5)为了让白色的点少一些,更像雪,选择“图像——调整——亮度/对比度”

6)点击CTRL+L或者选择“图像——调整——色阶”

第七步:

1)新建一个图层,用画笔(大小17-20px)点一些白色的雪花,或者下载一些圣诞笔刷的雪花。这些雪花可以自由散落在天空中,调整一些雪花到不同的透明度,还可以给一些雪花加“外发光”的效果。

2)用钢笔工具画出圣诞树的形状,然后填色为白色,并为图层效果加外发光和阴影。(教程中是圣诞树笔刷:Christmas Tree brushes,但下载笔刷链接网页打不开,所以建议打不开的话,可以自己画一个)

3)在背景、天空和山峰的图层上,新建一个图层。用圆形选择工具在中间选择一个大的椭圆,然后“羽化”,羽化值设为200。再Ctrl+Shift+I反选,填充黑色。填充后,如果觉得太黑,可以调节一下图层的透明度。

完成!祝大家圣诞快乐!每天好心情!

Panorama theme by Themocracy