根据博客管家的logo，制作了一个戴着领结和白手套的管家小人

by sundy 12/13/2008 3:39:51 PM

最近的成都生活主要是：

1，看电影

2，吃好吃的芋儿鸡，芋儿鱼 （16块一客，随便吃）

3，大雾

软件园的能见度成这样了。

4，泡温泉 - 鱼凫五星级温泉酒店 ， 室内和露天温泉。有十几个不同特色的池子 。

老公终于如愿参加了剑道社~~
搞不懂~~天天拿着竹剑劈来劈去有什么意思~~
最夸张的是大冬天的，没有空调~练剑的时候只能穿一件单薄的道服，光着脚在地板上练剑（花钱卖罪受的嘛！）
嘿嘿~~据说原则上道服里边什么都不能穿（日本人真变态）不过老公说，大家都穿了内裤哈哈~~

老公真帅~~

需要设计LOGO在全景上看图片找灵感~~翻了n页以后，手指发麻……有所感悟……（用户体验就是这么来的，偷笑一下）

关于使用体验：

可以看到，全景最后一张图片是空的，下方就是翻页的按钮，因为上方的空白，人的视线会很快注意到翻页按钮。

但是下方的翻页按钮尺寸比较小，点按起来比较费力

图片网站，用户会大量的翻页，翻的多了每次移动鼠标，点按按钮，这个动作就变的很累。

上边大面积的空白没有能好好的利用起来，空白会对用户造成的困扰，认为这个网页没有Download完全。

解决方案：

１、需要键盘支持，可以支持键盘翻页，这样对于大量浏览图片的用户会很方便。

２、利用空白的地方引导用户翻页，制作成大的按钮

The 3 Components of Web Design Series

This article is part of a series on the three components of web design, here are links to the other articles

• The 3 Components of Web Design
• 9 Information Design Tips to Make You a Better Web Designer
• 8 Ideas, Techniques and Tricks for Your Web Toolkit
• 7 Interface Design Tips Every Web Designer Should Know

1 - Don't be Satisifed with 1 Iteration

When designing a website for a client you often have to provide a couple of different design concepts. When you feel like you've gotten it right the first time, it's pretty annoying to have to dredge up another version which you're pretty sure won't make it out of Photoshop. But over time I've come to realise that it's actually a good idea to make more than one version, no matter how happy you are with the first one.

Whether it's multiple iterations of the same design, or multiple designs, generally speaking, more time does seem to get a better result. That's not to say that you should keep adding to a design, in fact it's often better to take things away. If you are doing multiple design concepts, you can sometimes successfully merge the best elements of one design into another.

Technique: PSD Snapshots

Snapshots are a simple way to experiment with a design without losing anything or making bazillions of copies

Photoshop has a cool feature that lets you make snapshots of a point in your document's history. Once you create a snapshot you can flip back and forth between different snapshots as well as the first history point and the most recent 20 or so steps. What this means is you can keep taking snapshots and then trying out new lines of thought to see where they take you. But BEWARE, snapshots aren't saved when you save a file, so you have to go through individually and save each snapshot at the end of the day.

Here's how you take a snapshot:

1. Open a PSD file you've been working on
2. Make a couple of changes
3. Open the History Palette (Window > History)
4. Down the bottom of the History Palette click the tiny camera icon
5. And you should now have a snapshot! You can now flick between the snapshot and the first history screen

2 - Learn a Library of Styles to Draw On

There's so many awesome styles and looks around, galleries like BestWebGallery are a great way to see them

As I've mentioned previously it's never a good idea to just hop on the bandwagon of the latest trends and use certain styles blindly. However, it's perfectly fine to use a certain style when it's appropriate. So if you're designing a site that merits a nice, clean web 2.0 look, then it doesn't mean you should avoid doing so, just because that happens to be trendy at the time. Similarly if you are designing a site that merits a nice grungy, distressed design, then if the shoe fits, wear it!

So with this in mind, it helps to have a library of styles to draw on. When you're drawing a blank when starting a new project, it can sometimes be good just to fall back on a predefined stylistic choice and then let that guide you. Inevitably you'll wind up with something totally different to anything you've designed before, and it'll at least help get you started.

But be very wary of using the wrong style just because it looks cool, and not because it is appropriate for the client / message / content. The only antidote to doing this is to know and have a lot of different design styles. How do you "learn" design styles? Well you can start by observing and mimicking them. I love surfing through galleries of great web design and absorbing visual ideas, seeing what types of fonts work with what types of looks, and generally learning other people's techniques. When it comes time to create my own designs, that information is in my head somewhere, but when it comes out it has the unique twist of the project I'm working on as well as my own creative ideas.

3 - Throw Objects around to Look for Happy Accidents

When I designed RockablePress I was just drawing random rectangles and decided that the sidebar looked kinda neat being a bit off balance, it was a happy accident.

Some of the best designs I've ever worked on were the result of what a co-worker of mine once called "happy accidents". You know when you switch off a layer, or accidentally paste in the wrong illustration, or swing the Hue slider too far, and all of a sudden you look at your screen and think "OMG this is design gold!"

I think we all wish we could manufacture amazing design ideas on cue, but let's face it, sometimes you go to the tank and you're running on empty. Happy accidents will often kickstart your creative thinking, so it makes sense to not only run with them when they happen, but to encourage them by messing about. I sometimes just move shapes around arbitrarily, try out different colours or do other "random" things to see if I can run into something I never thought of.

4 - Create a Theme Around a Visual Element

TabCorp by DTDesign takes asterisks to a whole new level

Something that I find works well, especially on sites with less inherent visual design (think corporate sites) is to make a play on some visual element. For example you might use dotted lines in your design, then you could mirror that theme in your menu, in horizontal separators, in photo collages, diagrams, as bullet points and so on. There are tons of different visual elements you might pick up and use as a theme, examples include shapes, corner types like curves or diagonals, patterns, text characters like brackets, and so on.

Of course you have to find a balance between a subtle mirroring and going over the top, but it's a useful technique to tie a site together into a consistent theme - especially as I say if you don't have much else to work with!

5 - Clean Up Every Pixel

Take care of pixels and they'll take care of you. Check out my article on polishing a web design

I'm rather fond of saying that web design is all about the pixels. Visitors to the websites you design will be looking at your work up close and personal, often with tired eyes and itchy mouse fingers. It's important to look after every pixel on your page and neaten and sharpen and tidy so that your design is crisp and clear.

This means ensuring your text is well spaced both between letters and between lines, that your edges are sharpened and pixel perfect, that graphics are sharpened (but don't go too far and oversharpen!) and that you make use of techniques like 1px outlining to make everything leap off the page.

A little over a year ago I wrote a tutorial here on PSDTUTS called about polishing a website design which has a lot of information about sharpening and cleaning up a site design.

6 - Use Structure!

Wilson Miner's beautifully designed site relies on structure to look awesome!

Because I taught myself web design, there are some really basic design principles I missed out on learning early on. A couple years after I had started making websites I joined a local design association and met a guy named Matt Leach who went on to be editor of the underground Empty magazine. Anyhow Matt did two things for me for which I am eternally grateful. The first is he introduced me to my lovely wife Cyan (yay!) and the marginally less important second is that he taught me to use structure in my design.

At that time I used to just throw things on a page and sometimes things lined up or were evenly spaced or kinda used a grid, and sometimes well they just sorta fell how they fell. Matt critiqued a design I had done and showed me the wonders of alignment and spacing and I've never looked back.

If you're not already doing so, spend some time doing these things:

1. Evenly space things
   For example if you have some text in a box in your sidebar, it's usually a good idea for the text to be equidistant from the top and side. It's a simple habit, but makes the box look balanced and uniform.
2. Line things up
   If you have a bunch of boxes, a logo, some headlines, some text, all roughly in the same position you should be lining up the edges as much as possible. There are some tricks to this in that some letters in headings shouldn't be exactly lined up - the best example is a capital "T", or if you have text in a box you have a choice between lining up the edge of the box or the edge of the text with the other elements. The more you practice aligning and the more you look at how other people and designs do it, the better you'll get at it until it becomes instinctive and you'll find it starts driving you crazy when people don't align things properly :-)
3. Use Grids
   Grids are an extension of lining things up. Here you're predefining a set of vertical and horizontal spaces and then sticking to them (with variation). Do you have to do this by actually drawing in guides and column lines - not really, personally I do it mostly by just guessing and "making it look right". But of course the more complex the grid and use of it, the more you may want to use guides and helpers.
4. Be Systematic in Font Sizes and Families
   A rookie mistake is to go crazy with typefaces and mismatch sizes, fonts and colours. While variation is good, you also want consistency. It's best if you have 1-3 typefaces you are using and you do so completely consistently.

7 - Now Mix in Some Unstructured

Jay Hafling has a site that is actually very structured but it feels unstructured thanks to some well placed design elements.

Once you have structure in your design and you've gotten used to aligning and being ordered and systematic, only then is it time to break out and start mixing things up. It's the old adage that you have to understand the rules before you break them.

Mixing some unstructured elements into a structured design is a really nice way of getting a result that looks ordered and comprehensible and yet isn't boring. Your main aim is to break out of the structure using a couple of bold visual elements, to vary up spacing, typefaces and use of your grid, and yet have an underlying structure.

Actually you can even just completely break out of structure altogether, but it's pretty damn hard to do well. A famous designer who is known for breaking rules - largely to do with typography, but also with grids and design structures - is David Carson.

SmashingMagazine has a bunch of articles about grid-based design, including this one about breaking out of the grid by our own PSDTUTS editor Sean Hodge.

8 - With every project, do one thing you've never done before

When I designed Creattica Daily I decided to try mixing up the comment form a bit, it was quite a cool result and I've since used that layout on three other themes.

If I could give one piece of advice to a new designer it would be to make this a personal design habit: With every single project you take on, do one thing you've never done before. Whether it's a new font, a new grid, a new visual style, a new colour scheme, a new graphic effect, a new menu structure, a new technology, anything. Even if it means the job takes a bit longer than it should, even if it leads to a couple dead ends you could have avoided, even if it means you have to spend a bit extra to buy a new font, just do it.

This habit will do a number of things for you. It will force you to constantly expand your horizons as a designer. It will keep your work feeling fresh. And it will prevent you from falling into a design rut and just pumping out the "usual". It's a habit that you can take on early in your career as a way to become better, and then long after you are established it will keep paying dividends.

If you only take one thing away from all these Web Design Week posts I've been working so hard on, make it this: to habitually push yourself as a designer, to try new things, to experiment, to always be learning, and to never stop finding joy in new techniques, styles and ideas.

NewWebPick集结中国、法国、意大利、德国、英国、日本、巴西、波兰、美国、新西兰各国当红商业设计师和团队，起草编写了“设计师十之诫”，希望对准备从事或正在从事设计行业的朋友们有所帮助，对“设计师”这个职业有更深层次的认知。

第一条：
不可抄袭他人之创意，不论有何前提；
Not to copy other's creative work, under no circumstances;
kevinsky:不要拿"撞车"来解释创意的雷同,抄袭就是偷盗!一名职业设计师应该掌握足够的信息量以避免自己的创意雷同他人;

第二条：
不可过分依赖电脑技术，切记，你是一名设计师，不是一名电脑修图员；
Not to rely completely on computer technology, it is a tool only and cannot substitute your creativity. Remember, you are a designer, not a computer graphic editor;
kevinsky:电脑只是一种工具,设计是靠你的大脑,而且我奉行手绘与电脑并举将你将所向披靡;

第三条：
不可一直追随流行设计风格，现在流行的，必是马上过时的；
Be a creator and not a fashion-follower because a trendy style today would become an out-dated one tomorrow;
kevinsky:设计是一种思想,形式可以流行,但创意不可流行;

第四条：
各用10%的精力涉足十门设计学科，不如用100%的精力涉足于一门学科；
Trying ten design fields simultaneously but badly is worst than concentrating on one field and master it;
kevinsky:专注与精通永远是成功的第一法则;

第五条：
不可将自己都认为有问题的作品向公众发表；
Be professional and not to release any art works that you don't like;
kevinsky:对自己放纵是对最大的自残,设计师应该严格要求自己,宁可自恋,因为至少对自己要求完美;

第六条：
不可因低价商业项目，而放低对作品的要求；
Not to lower the quality in view of low business value of an art work;
kevinsky:要么不接,接下的案子就该尽100%的力,因为砸的是你自己的牌子;

第七条：
不可凭主观意识评价他人作品；不可人云亦云；
Not to criticize other's artwork merely on the ground of one's preferences nor just replicate comment from someone;
kevinsky:老师曾教导我,评价别人的作品不要说不好,只需说我不喜欢.思考之后再做评价，不然你的言论毫无价值;

第八条：
不可闭门造车；了解一些历史、哲学和人文，将对你的作品大有好处；
Not to create artwork without any ground. Great works usually come from
the understanding of the culture, history and philosophy;
kevinsky:厚积而薄发,知识积累在仓库里,自然有用到的时候!设计是一门综合知识运用的学科,要想做出有内涵的作品就得多看书,且是多读文字类的书籍;

第九条:
不论身份高低，须保持歉虚的态度；
Keep yourself modest to people, no matter you are just a novice or a master;
kevinsky:谦虚使人进步这是个硬道理,而且谦虚让你更受尊重,别学那些无知的自大狂,其实那是一种肤浅的表现!

第十条：
永远坚信：设计可以拯救你的国家，可以改变世界。
Always believe that design can save your country and change the world.
kevinsky:尊重自己的职业,热爱他,抱着为他而奉献生命的热情,你会发现他回报给你的更加丰厚!

“伪”2008 LOGO设计趋势

Interaction Design 在设计领域通常叫 交互设计, 而在 广告领域则被称为互动营销 。早在八十年代, 设计了世界上第一台笔记本电脑的IDEO 创始人 Bill Moggridge 就率先使用交互设计这一词汇来描述这一不同于工业设计和图形设计的设计行为, 同期发明的 Xerox Star 图形用户 界面开创了现代软件的交互模式, 可以看出, 交互设计的发展与个人电脑的出现息息相关。

交互设计的本质是使人超越机器, 让机器服务于人, 进而使人们通过 产品和服务形成互动和交流。其实在现实生活中到处都存在交互的例子, 按下一个 手机的按钮, 走进一家时装店都会有一些事件随之发生, 而交互设计师的工作恰恰是去决定下一步该发生什么。Carnegie Mellon 的毕业生 Dan Saffer 这几年一直在做交互设计的研究，最近刚出版了《Design for Interaction》, 他认为交互设计主要由以下几个元素组成：

动作：一连串的动作构成行为，而行为又分为人的行为和产品（机器或电脑）的行为，对一系列行为的设计是交互设计的重点。
空间：可以是物理空间，也可以是数字空间，可以是安静的也可能是吵杂的(比如机场)，空间提供了交互的环境。星巴客在空间设计上非常讲究，购买咖啡，领取备好的咖啡，调咖啡（加奶加糖）以及享受咖啡的区域各有不同且井然有序，这与快餐店柜台的混乱不堪形成鲜明的对比。空间也可以是三维的，这一点在界面设计中经常被忽视，其实进深/前后的概念完全可以被更好地应用。
时间：数字时代的时间通常以毫秒计，过长的等待时间很容易让人有挫折感。时间设计的关键在于对节奏的控制，游戏就是个很好的例子：在某特定瞬间出现多少个怪物，打一个级别的通关需要多长时间等都在很大程度上影响玩家的 体验。电池的持续时间和寿命也是交互设计应该注意的环节，iPod正是在这一点做得太差以至于成全了Sony MP3播放器40小时连续播放的新卖点。
外观：用户对产品的感知主要受外观和机理的影响，按钮给人点击的欲望，空杯子给人加水的想法。外观由以下的元素形成 - 比例, 结构, 尺寸, 形状, 重量和颜色。
机理：机理可以暗示用户应如何使用产品，比如按钮是应该旋转还是推拉。设计师如能充分利用机理的另外两个属性震动和冷热将会达到很好的效果。
声音 ：声音在交互体验中也很重要, 我们不需要每一次收到邮件时听到很大的声音, 但声音太小对救护车却毫无意义。声音由音高, 音量和音质构成。苹果的乔布斯要求iPod的设计必须使不戴耳机的用户能听到按下中间圆盘按钮时的声音。

相对于工程师的工作重点即技术实现和可行性, 交互设计的目的则是使技术更有用, 易用和有趣味性, 但交互设计并不限于技术, 设计一个时装店的交互体验可能就与技术毫不相关。Bill Moggridge将交互设计分成以下六种类型: 游戏, 软件, 产品, 空间, 互联网和服务。游戏让我们更容易体验失败, 而成功正是建立在无数次的 原型测试的失败之上。服务则能使交互设计进入一种更高境界, 因为它的目的是供人们使用而不是拥有某一产品。

Bruce Tognazzini 写的这篇 交互设计的十六条准则是交互设计师的入门必读, 其中有许多看似很平常的道理却被大多数的交互设计师所忽略。Fitt's Law 就是其一：目标越大, 距离越近, 用户获取目标的时间(例如点击按钮) 就越短。根据这一原则设计的苹果下拉菜单就比Windows的要快5倍。Marc Rettig 为交互设计这一领域也提供了很多 案例, 他最鲜明的观点是交互设计说到底就是语言的设计(pdf)。

从更宏观的角度来说, 交互设计也是人和人之间交流的设计, 它可以是一对一的方式, 比如电话; 也可以是一对多的方式, 比如博客; 当然也可能是多对多的方式, 比如股票市场。不管是哪种方式, 人们都会使用一些工具和技术使得 沟通成为可能, 交互设计师也正是通过对这些工具的设计使人们之间的交流体验更加完美。

什么样的设计可以称为是优秀的交互设计? 能够让用户产生信任感, 觉得完全可以控制, 产品能恰当且聪明地与用户产生互动, 使他们能流畅地完成任务, 我们就可以说这就是优秀的交互设计。

怎样提高英语口语水平

        语言的交流与掌握大量的词汇、句型、语法是两回事。就语言本身的知识来说，我们已经过关了。我们缺少的就是在交流中来运用英语，只有在交流中我们才能与对方进行思维密码的相互破译。同样的话在不同的语言交流环境中所表达的意思是不一样的。学习过程中要把我们学习的目标收缩，把追求大而广的英语知识转化为追求一种定量性的技巧。下面介绍6种练习口语的技巧：
　　第一，如何用英文简单界定一个东西的技巧。美国人和美国人交谈80％是想告诉对方这个事物是什么。我们的课本尽管词汇难度不断加深，但思维逻辑结构却只停留在一个水平上。中国人常说Whereisthebook（这本书在哪儿）？很少有人说Whatisabook（书是什么）？而美国的小学生就开始问：Whatisthebook？这种Whereisthebook只是思维的描述阶段。但是我想连大学生也很难回答Whatisabook？因为中国传统英语教学模式没有教会学生表达思想的技巧。

　　第二，如果已经学会界定，但理解还有偏差，那就要训练Howtoexplainthingsindifferentways（用不同的方式解释同一事物）。一种表达式对方不懂，美国人会寻找另一种表达式最终让对方明白。因为事物就一个，但表达它的语言符号可能会很多。这就要多做替换练习。传统的教学方法也做替换练习，但这种替换不是真替换，只是语言层面的替换，而不是思维层面的替换。比如，Iloveyou（我爱你）。按我们教学的替换方法就把you换成her，mymother等，这种替换和小学生练描红没有什么区别。这种替换没有对智力构成挑战，没有启动思维。这种替换句子的基本结构没变，我听不懂Iloveyou，肯定也听不懂Iloveher。如果替换为Iwanttokissyou，Iwanttohugyou，Iwillshowmyhearttoyou等，或者给对方讲电影《泰坦尼克》，告诉对方那就是爱，这样一来对方可能就明白了。这才叫真正的替换。也就是说用一种不同的方式表达同一个意思，或者一个表达式对方听不清楚，举一个简单易懂的例子来表达，直到对方明白。

　　第三，我们必须学会美国人怎样描述东西。从描述上来讲，由于中美的文化不同会产生很大的差异。我们描述东西无外乎把它放在时间和空间两个坐标上去描述。美国人对空间的描述总是由内及外，由里及表。而中国人正好相反。从时间上来说，中国人是按自然的时间顺序来描述。我们描述一个东西突然停住时，往往最后说的那个地方是最重要的。美国人在时间的描述上先把最重要的东西说出来，然后再说陪衬的东西。只有发生悲剧性的事件，美国人才在前面加上铺垫。这就是中国人和美国人在时间描述上的巨大差别。

　　第四，要学会使用重要的美国习语。不容易学、易造成理解困惑的东西就是“习语”。比如北京人说盖了帽儿了，外国人很难理解，这就是习语。所以和美国人交流时，能适当地运用美国习语，他马上就会觉得很亲切，也很爱和你交流。那么什么是习语？就是每个单词你都认识，但把它们组合在一起，你就不知道是什么意思了。

　　第五，学会两种语言的传译能力。这是衡量口语水平的一个最重要标准。因为英语不是我们的母语，我们天生就有自己的母语。很多人都认为学好外语必须丢掉自己的母语，这是不对的。

　　第六，要有猜测能力。为什么美国人和美国人、中国人和中国人之间交流很少产生歧义？就是因为他们之间能“猜测”。我们的教学不提倡“猜测”。但我觉得猜测对学好美国口语很重要。在交流中，有一个词你没有听懂，你不可能马上去查字典，这时候就需要猜测来架起一座桥梁来弥补这个缺口，否则交流就会中断。

　　中国人学习口语讲究背诵，背句型、背语调，结果就是很多人讲口语的时候讲着讲着眼就开始向上翻，实际上是在记忆中寻找曾经背过的东西。如果他要是能猜测的话，我想也就不会出现这种现象。

　　以上就是我所说的学会用美国人思维方式的6个技巧。中国学生如果能做到这6点，用较短的时间肯定能学好口语。

　　再说说英语语音的问题。我们中国人不需要钻牛角尖，一定追求发音像一个本地人，只要我们的发音不至于让对方产生误解就可以了。我们在平时，不需要迷信什么科学方法，只需要记住一点：模仿。但一定要模仿标准的英语或美语。在模仿的基础上，每天保持1个小时的自我口语练习，这个练习必须假想一个双向交流的场合，即仿佛有人与你交流一样。

　　最后，讲讲英语的用气问题。我们在发音时，尽量气运丹田，而避免用肺发音，这可以使英语发音洪亮圆润。

        第一步：大量背诵原汁原味的单句、对话、生活习语。

第二步：把每天背诵过的素材反复消化，借助想像力，身临其境把它们表演出来。

第三步：写日记。这个习惯看上去练习的是写作，其实它更是练习口语的妙法。当你动笔的同时，你的大脑正在激烈地做着英文体操。用英文进行思维是高级的口语训练方法。

第四步：大量阅读报刊、杂志及各种故事、杂文，之后将它们复述出来。(超级提示：是“复述”而非“背诵”。)同一篇文章的复述工作应该反复滚动。

第五步：一年左右逐渐过渡到用英文进行日常的思维活动。每当遇到不会的词、句就记录在本子上，集中解决，并定时更新、复习。

更多......