<![CDATA[乐闻設計]]> http://www.gaolewen.com/index.php zh-cn http://www.gaolewen.com/read.php?142 <![CDATA[Principles of User Interface Design]]> gaolewen <gaolewen(at)hotmail.com> Tue, 08 May 2012 05:42:05 +0000 http://www.gaolewen.com/read.php?142 "To design is much more than simply to assemble, to order, or even to edit; it is to add value and meaning, to illuminate, to simplify, to clarify, to modify, to dignify, to dramatize, to persuade, and perhaps even to amuse." - Paul Rand

Interfaces exist to enable interaction
Interfaces exist to enable interaction between humans and our world. They can help clarify, illuminate, enable, show relationships, bring us together, pull us apart, manage our expectations, and give us access to services. The act of designing interfaces is not art and they are not monuments unto themselves. Interfaces do a job and their effectiveness can be measured. They are not just utilitarian, however. The best interfaces can inspire, evoke, mystify, and intensify our relationship with the world.

Clarity is job #1
Clarity is the first and most important job of any interface. To be effective using an interface you've designed, people must be able to recognize what it is, care about why they would use it, understand what the interface is helping them interact with, predict what will happen when they use it, and then successfully interact with it. While there is room for mystery and delayed gratification in interfaces, there is no room for confusion. Clarity inspires confidence and leads to further use. One hundred clear screens is preferable to a single cluttered one.

Conserve attention at all costs
We live in a world of interruption. It's hard to read in peace anymore without something trying to distract us and direct our attention elsewhere. Attention is precious. Don't litter the side of your applications with distractible material…remember why the screen exists in the first place. If someone is reading let them finish reading before showing that advertisement (if you must). Honor attention and not only will your readers be happier, your results will be better. When use is the primary goal, attention becomes the prerequisite. Conserve it at all costs.

Keep users in control
Humans are most comfortable when they feel in control of themselves and their environment. Thoughtless software takes away that comfort by forcing people into unplanned interactions, confusing pathways, and surprising outcomes. Keep users in control by regularly surfacing system status, by describing causation (if you do this that will happen) and by giving insight into what to expect at every turn. Don't worry about stating the obvious…the obvious almost never is.

Direct manipulation is best
The best interface is none at all, when we are able to directly manipulate the physical objects in our world. Since this is not always possible, and objects are increasingly informational, we create interfaces to help us interact with them. It is easy to add more layers than necessary to an interface, creating overly-wrought buttons, chrome, graphics, options, preferences, windows, attachments, and other cruft so that we end up manipulating UI elements instead of what's important. Instead, strive for that original goal of direct manipulation…design an interface with as little a footprint as possible, recognizing as much as possible natural human gestures. Ideally, the interface is so slight that the user has a feeling of direct manipulation with the object of their focus.

One primary action per screen
Every screen we design should support a single action of real value to the person using it. This makes it easier to learn, easier to use, and easier to add to or build on when necessary. Screens that support two or more primary actions become confusing quickly. Like a written article should have a single, strong thesis, every screen we design should support a single, strong action that is its raison d'etre.

Keep secondary actions secondary
Screens with a single primary action can have multiple secondary actions but they need to be kept secondary! The reason why your article exists isn't so that people can share it on Twitter…it exists for people to read and understand it. Keep secondary actions secondary by making them lighter weight visually or shown after the primary action has been achieved.

Provide a natural next step
Very few interactions are meant to be the last, so thoughtfully design a next step for each interaction a person has with your interface. Anticipate what the next interaction should be and design to support it. Just as we like in human conversation, provide an opening for further interaction. Don't leave a person hanging because they've done what you want them to do…give them a natural next step that helps them further achieve their goals.

Appearance follows behavior (aka form follows function)
Humans are most comfortable with things that behave the way we expect. Other people, animals, objects, software. When someone or something behaves consistently with our expectations we feel like we have a good relationship with it. To that end designed elements should look like how they behave. In practice this means that someone should be able to predict how an interface element will behave merely by looking at it. If it looks like a button it should act like a button. Don't get cute with the basics of interaction…keep your creativity for higher order concerns.

Consistency matters
Following on the previous principle, screen elements should not appear consistent with each other unless they behave consistently with each other. Elements that behave the same should look the same. But it is just as important for unlike elements to appear unlike (be inconsistent) as it is for like elements to appear consistent. In an effort to be consistent novice designers often obscure important differences by using the same visual treatment (often to re-use code) when different visual treatment is appropriate.

Strong visual hierarchies work best
A strong visual hierarchy is achieved when there is a clear viewing order to the visual elements on a screen. That is, when users view the same items in the same order every time. Weak visual hierarchies give little clue about where to rest one's gaze and end up feeling cluttered and confusing. In environments of great change it is hard to maintain a strong visual hierarchy because visual weight is relative: when everything is bold, nothing is bold. Should a single visually heavy element be added to a screen, the designer may need to reset the visual weight of all elements to once again achieve a strong hierarchy. Most people don't notice visual hierarchy but it is one of the easiest ways to strengthen (or weaken) a design.

Smart organization reduces cognitive load
As John Maeda says in his book Simplicity, smart organization of screen elements can make the many appear as the few. This helps people understand your interface easier and more quickly, as you've illustrated the inherent relationships of content in your design. Group together like elements, show natural relationships by placement and orientation. By smartly organizing your content you make it less of a cognitive load on the user…who doesn't have to think about how elements are related because you've done it for them. Don't force the user to figure things out…show them by designing those relationships into your screens.

Highlight, don't determine, with color
The color of physical things changes as light changes. In the full light of day we see a very different tree than one outlined against a sunset. As in the physical world, where color is a many-shaded thing, color should not determine much in an interface. It can help, be used for highlighting, be used to guide attention, but should not be the only differentiator of things. For long-reading or extended screen hours, use light or muted background colors, saving brighter hues for your accent colors. Of course there is a time for vibrant background colors as well, just be sure that it is appropriate for your audience.

Progressive disclosure
Show only what is necessary on each screen. If people are making a choice, show enough information to allow them the choice, then dive into details on a subsequent screen. Avoid the tendency to over-explain or show everything all at once. When possible, defer decisions to subsequent screens by progressively disclosing information as necessary. This will keep your interactions more clear.

Help people inline
In ideal interfaces, help is not necessary because the interface is learnable and usable. The step below this, reality, is one in which help is inline and contextual, available only when and where it is needed, hidden from view at all other times. Asking people to go to help and find an answer to their question puts the onus on them to know what they need. Instead build in help where it is needed…just make sure that it is out of the way of people who already know how to use your interface.

A crucial moment: the zero state
The first time experience with an interface is crucial, yet often overlooked by designers. In order to best help our users get up to speed with our designs, it is best to design for the zero state, the state in which nothing has yet occurred. This state shouldn't be a blank canvas…it should provide direction and guidance for getting up to speed. Much of the friction of interaction is in that initial context…once people understand the rules they have a much higher likelihood of success.

Existing problems are most valuable
People seek out solutions to problems they already have, not potential problems or problems of the future. Therefore, resist creating interfaces for hypothetical problems, observe existing behavior and design to solve existing problems. This isn't as exciting as blue sky wondering but can be much more rewarding as people will actually use your interface.

Great design is invisible
A curious property of great design is that it usually goes unnoticed by the people who use it. One reason for this is that if the design is successful the user can focus on their own goals and not the interface…when they complete their goal they are satisfied and do not need to reflect on the situation. As a designer this can be tough…as we receive less adulation when our designs are good. But great designers are content with a well-used design…and know that happy users are often silent.

Build on other design disciplines
Visual and graphic design, typography, copywriting, information architecture and visualization…all of these disciplines are part of interface design. They can be touched upon or specialized in. Do not look get into turf wars or look down on other disciplines: grab from them the aspects that help you do your work and push on. Pull in insights from seemingly unrelated disciplines as well…what can we learn from publishing, writing code, bookbinding, skateboarding, firefighting, karate?

Interfaces exist to be used
As in most design disciplines, interface design is successful when people are using what you've designed. Like a beautiful chair that is uncomfortable to sit in, design has failed when people choose not to use it. Therefore, interface design can be as much about creating an environment for use as it is creating an artifact worth using. It is not enough for an interface to satisfy the ego of its designer: it must be used!
Tags - ]]> http://www.gaolewen.com/read.php?141 <![CDATA[发掘美丽的 Android 桌面]]> gaolewen <gaolewen(at)hotmail.com> Thu, 05 Jan 2012 08:40:48 +0000 http://www.gaolewen.com/read.php?141
分享我从这上面发掘到的美丽桌面：

1.Simplistic，极简主义风格：
点击在新窗口中浏览此图片

2.It’s A Me. Mario!，可爱的马里奥大叔又来了：
点击在新窗口中浏览此图片


3.Colorfull，可爱的风格，适合女生：
点击在新窗口中浏览此图片


4.White2，硬派的动漫角色都在一起了，风格强烈：
点击在新窗口中浏览此图片


5.My Own Market，把 Android Market 搬到主界面，有 Windows Phone 7 的感觉：
点击在新窗口中浏览此图片


6.Blueeeee，背景的蓝色光晕，时钟让人感觉很精致：
点击在新窗口中浏览此图片


7.MerryChritmas，信息图风格，色彩温暖：
点击在新窗口中浏览此图片


8.Sunny LS，同样是色彩温暖，字体的运用很不错：
点击在新窗口中浏览此图片


9.Gravity，也是很精致的风格：
点击在新窗口中浏览此图片


10.Things Won’t Stay The Same，标题和主题人文色彩都比较浓厚，很怀旧的风格：
点击在新窗口中浏览此图片


看见这些美丽的桌面，你动心了吗？myColorscreen 的用户很热心，提供了背景墙纸下载，而且还会在图上标注说明自己用了什么工具，在主题描述那里除了详细列出自己所用的工具以外，有的还会说明自己的设计思路。

在 Android 诞生之初，其中一个批评意见是“丑陋”，但 Android 发展到现在，又有各种各样的美化应用，打扮起来已经不输给 iPhone 了。

美化 iPhone 很困难，首先要越狱，然后才能有各种美化应用选择，因此在网络上针对 iPhone 的美化资源不算多。而 Android 没有这样的限制，因此在“美化”领域，Android 有可能超过 iOS 平台呢。
Tags - ]]> http://www.gaolewen.com/read.php?140 <![CDATA[Design difference ios4 and ios5]]> gaolewen <gaolewen(at)hotmail.com> Thu, 01 Dec 2011 06:41:44 +0000 http://www.gaolewen.com/read.php?140
photo

photo

photo

photo

SMS text bubble dialog is improved to be more 3D graphics.

photo

photo

On IOS5, the distance is reduce on the right ended and the icons are distributed more equally.

source: stam-design
Tags - , , , ]]> http://www.gaolewen.com/read.php?139 <![CDATA[移动手持及平板电脑和网页应用设计UI规范]]> gaolewen <gaolewen(at)hotmail.com> Thu, 08 Sep 2011 06:09:07 +0000 http://www.gaolewen.com/read.php?139 Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design. Here, you will find guidelines, samples, tips, and descriptions of common mistakes. Many of the guidelines focus on native application development, but we can apply most parts of them to mobile web design too.

Remember to provide the best possible experience on each platform. Do not deliver an iPhone experience to a BlackBerry user. Every platform has its own UI and usability guidelines that every user is expecting on your app.

More tips on mobile web design on the Programming the Mobile Web book.

Do you know any other UI Guideline? Insert the link on the comment area.


Tags - , ]]> http://www.gaolewen.com/read.php?138 <![CDATA[Nokia’s New Brand Typeface]]> gaolewen <gaolewen(at)hotmail.com> Fri, 29 Apr 2011 07:23:03 +0000 http://www.gaolewen.com/read.php?138 Nokia PureNokia is the company many of us used to buy our phone from, before you-know-who started making the you-know-what. Since then Nokia has been in gradual, steady decline. To the point where the CEO felt the need to write a rather alarming memo to all his staff, using the metaphor of a “burning platform” to describe the situation Nokia finds itself. In this metaphor, the rather unappealing solution is to jump, and plunge into the ice cold North Sea below. Or commission London-based Dalton Maag to create a new typeface, call it Pure and organise a grand launch party featuring commissioned artworks from a hand picked bunch of leading designers — either way works, apparently. Introduced in late March, Nokia Pure is as important as Nokia’s own logo, as it will be the face (literally) of the mobile devices and stand front and center in all communications for the company.
For a brand like Nokia, looking to reinvent and revitalise, the typeface literally sets the tone. In many ways, it’s the touchstone for every other visual element in the branding palette. So it needs to be considered, rigorous and send out exactly the right message.Logically enough, the starting point for our brand new typeface, Nokia Pure, was also on-screen legibility at small sizes — although now we’re talking about the pin-sharp colour screens of contemporary smartphones. At the same time, we also needed a recognisable corporate typeface, versatile enough to work well in all manner of different environments — from other screen-based formats, to a whole host of printed materials.— Nokia’s Brand Book Blog
Nokia PureNokia Pure

Nokia Pure vs. Helvetica vs. Nokia Sans (previous corporate type, by Erik Spiekermann).

As you can see, Nokia Pure is a clean, humanist Grotesque sans serif in the tradition of Helvetica, Univers or Frutiger. It’s been designed to work on small screens, but with recognition that today the resolution of these screens is much, much higher than it used to be. Thus the awkwardness of many early ‘pixel friendly’ typefaces has been avoided, and the typeface looks just like every other sans serif typeface you’ve ever come across. Another key consideration when creating a typeface for a client such as this is the mind bending challenge of rolling out the typeface to the myriad of different languages of every market the devices are sold in. No easy task.
Dalton Maag was asked by Nokia to design a font family primarily for use in digital media — mobile devices and the web — which would also be versatile enough to be the cornerstone for all of Nokia’s communications worldwide. The new font family had to reflect the traditions of Finnish design: simplicity, clarity, functionality, beauty of form — in short, Pure.It needed to support languages using the Latin, Greek, Cyrillic, Arabic, and Hebrew alphabets, as well as the Devanagari and Thai scripts in a first phase introduction. More languages, including Chinese, would follow in the future. Various weights would be required, and specific Display versions for use at larger sizes. The Text fonts also needed to be fully hinted to give the best possible screen display on handheld devices.— Daton Maag Case Study
Nokia PureNokia PureThe previous typeface Nokia used was designed by none other than Mr. Erik Spiekermann and, as much as I fear a dressing down in front of his 100,000-plus followers on Twitter, the old Nokia Sans was showing its age and, as I mentioned above, its reason for being — legibility on low resolution screens — no longer existed.As Spiekermann himself said at the Brand New Conference, "brand is just a fucking typeface, it’s all you need". It’s understandable that Nokia, perceived as lagging behind competitors with faster, shinier, higher technology, sought to update their typography in line with the capabilities of screen technology. Will this revitalise the Nokia brand? No. But it does allow the Nokia device interfaces, signage, advertising and websites to be slightly refreshed. Whilst admittedly not an entirely new appearance, it’s a step in the right direction. And Nokia needs a few of those these days.
Tags - ]]> http://www.gaolewen.com/read.php?136 <![CDATA[苹果的程序图标中隐藏的秘密]]> gaolewen <gaolewen(at)hotmail.com> Fri, 11 Feb 2011 10:16:30 +0000 http://www.gaolewen.com/read.php?136

如果你是苹果用户，那么 Mac 和 iPhone 中的图标可谓早已司空见惯，但是你知道这些图标中隐藏的秘密么？这些看过之后就被忽略的东西，却在细节之中体现了科技产品中蕴含的人性和趣味。Electricpig 最近一篇文章，列举了苹果的程序中一些内含深意的图标 。我们一起来看一看这些图标背后的故事：

iPhone、iPod Touch、iPad 图标




Maps

红色的大头针标注的是苹果在加州 Cupertino 的总部：Number 1 Infinite Loop。这个地址是苹果编程员的一个内部笑话，含义是永无休止的循环代码。



iPod Artists

打开 iPod 的音乐，菜单中 Artists 的标签是某位艺术家的侧身像，谁呢？Bono，U2 的主唱。



iBook Browser

打开 iBooks Store，看 Browse 图标，是不是一副眼镜？仔细看看，像乔布斯戴的那副，还是哈利波特戴的那副呢？



Mac 图标




TextEdit

如果你用过 iPhone ，在设置邮件的时候，会发现输入姓名的地方显示的范例名字是 John Appleseed。这个名字历史很久，是苹果图标中最早的彩蛋之一。Mac OS 中的 Text Edit 图标便是署名 John Appleseed 的一篇文稿。文稿内容是苹果 1997 到 2002 年间著名的“Think Different” 广告大战中演讲词的一部分。苹果经常用 AppleSeed 作为通讯录的占位符。





Dictionary/Thesaurus

此程序的图标是本厚厚的字典。封面下部有一行小字：Lorem Ipsum Dolor Sit Amet Etiam 。这是一段毫无意义的拉丁文，设计师和编辑们将此作为测试排版的占位文字已经多年。






Disk Utility

将图标扩展为 512×512 像素之后，会发现上面写着一句话 “小心轻放硬盘，以免损坏电路板，确保正确接地”。









Mail

邮件的图标是一个邮票，而邮戳的文字是 “Hello from Cupertino,CA”。Cupertino，CA 正是苹果的总部所在地。



iCal

iCal 的图标显示的日期是 7 月 17 日。这是因为苹果发布 iCal 是在 2002 年 7 月 17 日的 MacWorld Expo 大会。



计算器

12374218.75 这个数字，多年以来人们一直在猜测它的含义，目前仍没有准确的解释。



iTunes 9

据说这个图标上有隐藏句子，是白色文字，写在浅灰色光盘之上，内容是 “Apple 2006 iTunes 7″。



Aperture

镜头上文字是 “Designed by Apple in California” 和 “50mm 1:1.4”，不是 L 头啊，1:1.2L 才够给力啊。



Keynote 2008

一个台灯， 演讲台上放着一份 Q4 2008 报告。报告上的文字是音乐剧 Spring Awaking 中的歌词。



Console 10.5.6

“WARNING: AY 7:36”。 谁知道是什么意思么？



Font Book

图标中的三个字母是 A,F,K。在网络缩略词中，意思是 Away From Keyboard（远离键盘）。



Stickies

便签的图标上除了有鸡蛋和牛奶之外，还记录着 Lou 的电话号码 555-7361。在美剧和电影中，555 是经常出现的一个区号，一个专门为虚拟世界保留的区号。当然，也有可能这号码是来自安徽马鞍山的娄知县的，这事得问燕小六。



Interface Builder

iPhone 和 iPad 简洁美观的界面我们都很熟悉了，但是你知道苹果的设计师们使用的是什么样的铅笔和工具来绘制这些界面吗？Interface Builder 的图标上就告诉了我们答案：画板上及上面画的带橡皮的 2 号铅笔、画笔、直尺。



Photo Booth

图标中的美女据说就是 Photo Booth 的开发人员，不过 Electricpig 的编辑经过一番搜索之后，也无法确认是真是假。也许可以到 Quora 上去提个问题，说不定美女会亲自来解答这个问题的。



Firmware Update Utility

这个图标中是一个芯片，上面还写着型号。这个芯片不光出现在固件升级图标中，还出现在 Mac System Profiler 中。芯片的型号是 810-54-2136-1 RM-NCE-1 6319-415-1239，有人知道是什么意思吗？



Windows Computer

使用 Mac 电脑访问网络上的 Windows 电脑是就会出现这个小 CRT 显示器的图标。这个图我们传统的 Windows 用户太熟悉了，看来苹果公司的设计师们也很了解 Windows 电脑的精髓：蓝屏。我说你们也太坏啦~



Apple Java

这是苹果公司在系统中内置的运行 Java 代码的程序。这图标所表现的大概就是一名程序员的生活状态，喝杯咖啡还要在纸巾上写上两句 Java 的代码。这得多大的瘾啊~

如果你还知道更多苹果图标背后的故事，或者其他类似这样高科技背后的趣味小故事，不妨在新春假期之际与我们一起分享。

via Electricpig
Tags - , ]]> http://www.gaolewen.com/read.php?135 <![CDATA[星巴克将启用新Logo]]> gaolewen <gaolewen(at)hotmail.com> Thu, 06 Jan 2011 08:09:11 +0000 http://www.gaolewen.com/read.php?135

北京时间1月6日早间消息，星巴克(Starbucks Corp)(SBUX)周三展示了一个新的商标，其设计是将老商标中原本环绕在圆形海妖图标以外的外圈拿掉，并去掉原本位于内圈和外圈之间的“Starbucks Coffee”(星巴克咖啡)字样。

就在星巴克推出这个新商标几小时以后，该公司网站及Facebook等社交媒体平台上就已有人对这一改动表示反对。这个新商标将从3月份开始正式启用。

一位星巴克迷周三在该公司的Facebook页面上写道：“星巴克管理层是不是都在为尝试改动商标而进行的讨论中睡着了？保留老商标吧，它没有任何不好的地方。”

星巴克则表示，今年是该公司成立第40周年，对商标作出改动是为了纪念这一里程碑式的一年，以及标志着星巴克在“公司历史上”揭开了新的篇章。





星巴克总裁兼首席执行官霍华德-舒尔茨(Howard Schultz)在公司网站上称：“在过去40年时间里，海妖图标一直都存在于公司商标中。现在，我们对其作出了小而有意义的改动，目的是确保星巴克品牌 继续将我们的传统遗产涵盖在内，同时也是为了确保我们能在未来实现增长。”

舒尔茨暗示，星巴克顾客可在“今年春天”看到更多的“演变”，但他并未透露任何细节信息。

在星巴克的公司网站上，已经有100多人对此作出了回复，这些回复表示，尽管消费者对改动后的商标所持态度不一，但许多人都对这种改动感到惊讶 和不快。一位署名为MimiKatz的消费者称：“是你们营销部门里的哪个笨蛋出的主意，要把世界闻名的‘Starbucks Coffee’字样从新商标中拿掉？”

这名自称为星巴克“金卡用户”的消费者称：“我更喜欢老商标。在上个世纪80年代末居住在波特兰时，我就已经成为星巴克的追随者；到我在密西西比州居住的11年时间里，我也一直都很喜欢到星巴克喝咖啡。我完全赞成改动商标，我觉得这样做很好，但我不看好新商标。”

不过，也有人对新商标表示支持。一名Facebook用户写道：“我喜欢这个新商标。流线型、现代感、简约而高雅。很明显，(有人反对是因为)某些人总比其他人更难接受改变罢了。”
Tags - , ]]> http://www.gaolewen.com/read.php?134 <![CDATA[帮朋友发一份招聘信息]]> gaolewen <gaolewen(at)hotmail.com> Wed, 29 Dec 2010 07:08:06 +0000 http://www.gaolewen.com/read.php?134
Position: GUI Lead, Beijing

Client Summary:

Our client is a china based, multi-national technology corporation who sells and markets its own hardware, software and IT services.

Responsibilities岗位职责：

− 深刻理解功能，使用，表达。对于用户体验与技术趋势有积累有方法论。

− 深刻理解品牌。能够将品牌有效的释放到设计环节。

− 在原型定义阶段，充分发挥作用，带领团队，针对设计目标和边界条件高效有序的完成设计任务。

− 在设计执行阶段，能够率领团队有效分解单一项目与家族性项目。高效沟通。向制作执行团队有效分解设计的制作。向技术执行团队有效的分解设计。

− 优秀的项目运作能力，对于项目整体有时间和空间的概念，针对各个阶段有具体的推进方法和步骤。针对过往有提炼总结和固化，针对未来有预判和布局。


Position: Senior UI Designer , Beijing

Client Summary:

Our client is a china based, multi-national technology corporation who sells and markets its own hardware, software and IT services.

Requirements and Qualifications:

− 教育背景：本科或硕士以上，国内，国际知名院校工业设计，交互设计相关专业毕业

− 工作经历：3年或以上，交互设计，界面设计或工业设计经验，有手机，移动终端交互设计经验更优。曾服务于国际，国内大终端厂商或软件厂商，或知名设计公司。 有独立的项目经验

− 专业技能：具有较强的设计创新，逻辑思维，专业分析能力。责任心强，能够明确项目需求，边界条件和完成专业的UI设计文档。

− 沟通与团队合作能力：较强的沟通能力，项目把握能力，能够很好地与各专业team配合。


Position: UI Team Lead, Beijing

Client Summary:

Our client is a china based, multi-national technology corporation who sells and markets its own hardware, software and IT services.

Requirements and Qualifications:

− 教育背景：本科或硕士以上，国内，国际知名院校工业设计，交互设计相关专业毕业。

− 工作经历：3~5年 手机，移动终端交互设计经验，2年以上管理经验，曾服务于国际，国内大终端厂商或软件厂商。

− 专业技能：具有较强的设计创新，逻辑思维，专业分析能力，对趋势有较强的敏感度。具有建立有效的专业手段，方法，流程和标准的能力，能够带领团队进行专业探索。

− 沟通与团队合作能力：较强的沟通能力，项目管理能力和团队建设能力；能够很好地与各team配合，及与公司管理层汇报沟通。能够很有效地制定项目目标，计划和控制关键节点，推动项目内个专业team的推进。

---------------------------------------------

有兴趣的朋友可以把简历发到这个邮箱里：
sandra.wang@pae-designtalent.com


Tags - , , ]]> http://www.gaolewen.com/read.php?133 <![CDATA[收藏吧! 设计师们! 60+ Must Like Design Blogs]]> gaolewen <gaolewen(at)hotmail.com> Tue, 14 Dec 2010 03:59:11 +0000 http://www.gaolewen.com/read.php?133

Stay Updated: 60+ Must Like Design Blogs On Facebook



1. 1stwebdesigner Likebutton


1stwebdesigner is a design blog dedicated to bloggers, freelancers, web-developers and designers. The topics are focused on web design, graphic design, tutorials and inspirational articles. The purpose of this site is to make your life easier as web developer, designer or freelancer.

1stwebdesigner

2. Abduzeedo Likebutton


Abduzeedo is a blog design that is dedicated for those who wants to look for inspiration. In this blog, you will find several useful tutorials for most used applications with a special selection of Photoshop tutorials and Illustrator tutorials. Also, there are other software contemplated like Pixelmator, Fireworks and web design tutorials.

If you are wondering on what is the meaning behind the blog’s name, it means abducted in Portuguese. The spelling was changed from “abduzido” to “abduzeedo”. One of the goals of Abduzeedo is to be an open channel to the design community, encouraging feedback. The Daily Inspiration is a proof of that everybody can send images that inspired them so we can share with the community.

Abduzeedo

3. Activetuts+ Likebutton


Activetuts+ is named for the awesome interactive stuffs it has to offer. You can find here tutorials about Flash, ActionScript, Flex and Silverlight. Activetuts+ not only produce great graphics and effects, but explains each in a friendly, approachable manner.

Activetuts+

4. Aetuts+ Likebutton


Aetuts+ is a site made to house and showcases some of the best After Effects tutorials around. It publishes tutorials that not only produce great effects, but explain them in a friendly, approachable manner. It also stock up links to tutorials, articles, presets and plugins from around the web to help you get the most out of After Effects.

Aetuts+

5. AEXT.NET Likebutton


AEXT – An Extension of the Net – is a design magazine that publishes all things about web design. Articles here are published by web professionals for web professionals featuring tutorials, collections, industry insights, and other resources.

Aext

6. A List Apart Likebutton


A List Apart is a magazine that deals with topics such as design, development, and web contents. It focuses more on web standards and best practices.

Alistapart

7. BoagWorld Likebutton


Boagworld is the blog of web strategist, Paul Boag. This podcast blog began as the personal blog of Paul Boag, where he discussed web design issues. He then discovered that writing was hard work and so, it turned into emerging medium of podcasting.

Boagworld

8. Cgtuts+ Likebutton


Cgtuts+ is a blog that tackles on all aspects of computer graphics. Cgtuts+ offers the best on the web tutorials on Maya, 3Ds Max, Cinema 4D, ZBrush, Blender, Mudbox and more. This blog caters beginner, intermediate and advanced CG artists.

Cgtuts

9. Colorburned Likebutton


Colorburned is a design blog featuring some of the best design news, resources, and tutorials from around the web. You will find here free vectors, textures, patterns, Illustrator and Photoshop brushes as well as tutorials and interviews with some of the biggest players in the design industry. Its goal is to arm you with the tools and knowledge that you need to create better designs in less time.

Colorburned

10. CrazyLeaf Likebutton


CrazyLeaf is a web and graphic design blog that provides news and resources for beginners and advanced designers, coders and graphic artists. Its mission is to make the design industry a better place.

Crazyleaf

11. Creative Nerds Likebutton


Creative Nerds is a design blog for design nerds and geeks that offers useful free design resources and showcases inspirational design tutorials and related articles.

Creativenerds

12. CreativeFan Likebutton


CreativeFan is a creative media network focusing on providing the highest quality resources, articles, roundups, tutorials and inspiration for creative fields. CreativeFan posts daily updates in fields such as graphic design, web design, audio, music, video, computer graphics, and photography.

The people behind CreativeFan devote themselves in making the lives of creative professionals easier. It features regularly posted tutorials designed at teaching professional techniques at no cost to the community.

Creativefan

13. Designer Daily Likebutton


Designer Daily is a blog for designers and web designers by Mirko Humbert, a Swiss graphic designer who shares his thoughts on design, resources and tips for designers, beautiful stuff & more.

Designdaily

14. Design Informer Likebutton


Design Informer is a web design and graphic design blog. It features freelance articles, tutorials, techniques, freebies, resources, and inspiration posts.

Designinformer

15. Design Instruct Likebutton


Design Instruct is a regularly updated web magazine for designers and digital artists where you can find and learn design tips and tricks. This web magazine features high-quality tutorials from some of the top designers and digital artists from around the world, as well as articles that cover an array of topics to keep you informed and inspired.

Designinstruct

16. Design Juices Likebutton


Design Juices is an online design magazine which runs since it’s inception in late January 2010. Jared Thompson’s love for design and creativity lead him in creating his own blog. You can find different tutorials here about design, inspirations, freebies and many more.

Designjuices

17. Design Reviver Likebutton


Design Reviver aims to provide web designers valuable information. You can find here useful tutorials, freebies, inspirations and articles that cover the wide range of web design.

Designreviver

18. Design Shack Likebutton


Design Shack showcases inspiring web design, alongside resources and tutorials for you to succeed in the same way. It offers the cream of great design, filtering through lots of the redesigns that occur every day across the Internet, and cataloguing the greatest projects out there – perfect for getting that spark of creativity going again.

Regular articles will teach you new techniques for creating your own designs, and daily community news ensures that you’re up to date with the latest developments elsewhere.

Designshack

19. Echo Enduring Blog Likebutton


Echo Enduring Media is the online face of digital artist, Matt Ward. Matt specializes in graphics design, dabbles in illustration and is working on a number of different personal projects, including a full length novel.

Echoenduringblog

20. Freelance Folder Likebutton


FreelanceFolder is a community for freelancers, entrepreneurs, and web-workers. You can find several articles here that are dedicated for those who are just starting to enter the world of freelancing and for freelancers that needs inspiration. Its mission is to help freelancers learn how to grow business, sharpen their skills and enjoy the freedom of working from anywhere.

Freelancefolder

21. FreelanceSwitch Likebutton


FreelanceSwitch is a community of expert freelancers from around the world.  This blog covers a vast array of topics about life as a freelancer, from Tax Tips for Freelancers to Determining Your Hourly Rate, Transitioning from Full time work to Freelancing to Where to Find Freelance Work and much more. If you’re new to the blog, a great place to begin is the Explore FreelanceSwitch page which has lots of jump points to get you into the material. The good thing about FreelanceSwitch is it has a very active community where you can meet your fellow freelancers, trade advice and ask for feedbacks.

Freelanceswitch

22. Graphic Design Blender Likebutton


Graphic Design Blender is the best place for client advice, business tips and freelance strategies for web and graphic designers. It aims to supply designers and design studios with tools they need to succeed in the business.

Graphicdesignblender

23. Hongkiat Likebutton


Hongkiat is a design weblog dedicated to designers and bloggers. It constantly publishes useful tricks, tools, tutorials and inspirational artworks.

Hongkiat

24. Ilovecolors Likebutton


This creative blog brings interesting news related to graphic design, typography, illustration, toy art, calligraphy, and web development.

Ilovecolors

25. Inspired Magazine Likebutton


Inspired Magazine is a daily inspiration source for web designers, illustrators, Twitter addicts, and other creative humans. It posts the most relevant stories of the day for the creative community.

Inspiredmag

26. Logo Design Love Likebutton


Logo Design Love is a website (and now a book) devoted to the design of logos and visual identities. Launched as a side-project in January 2008, the blog is usually updated once or twice a week with news, features, opinions, etc.

Logodesignlove

27. Little Box of Ideas Likebutton


This blog has tons of resources for the design community. Little Box of Ideas is a design and creativity blog that focuses on great topics such as graphic tutorials and typography.

Lboi

28. MediaLoot Likebutton


MediaLoot is your one-stop design resource toolbox. It was created by Jon and Mason because they got tired of buying dozens of individual graphic resources. Because of their dream to build a single collection of awesome resources that would be the ultimate designer toolbox, and then MediaLoot was born.

Medialoot

29. Mobiletuts+ Likebutton


Mobiletuts+ is all about quality tutorials for mobile developers – all mobile developers. Topics will include native development with the iPhone, Android, Windows and Blackberry platforms, cross-platform development with tools like Appcelerator and Phone Gap, and techniques for building mobile accessible web sites with HTML 5.

In addition to publishing top quality tutorials, articles, and quick tips, Mobiletuts+ will be the first Tuts+ site to offer regular multimedia updates on the hottest mobile industry news. It will also be publishing interviews with successful mobile developers to provide you with the most effective real-world development techniques and strategies.

Mobiletuts

30. MyInkBlog Likebutton


MyInkBlog is the creation of Andrew Houle and is designed to be a resource for designers. It aims that this site equips designers with the tools and inspiration to help them get things accomplished.

Myinkblog

31. Naldz Graphics Likebutton


Founded in February 2008, Naldz Graphics is a fast growing Design Blog for designers and design lovers. It showcases the best tutorials, freebies, inspirations and other useful and informative resources to help and give love to design community. Naldz Graphics is regularly posting useful and informative design articles.

Naldz

32. Nettuts+ Likebutton


Nettuts+ is a site aimed at web developers and designers offering tutorials and articles on technologies, skills and techniques to improve how you design and build websites. It covers HTML, CSS, Javascript, CMS’s, PHP and Ruby on Rails.

Nettuts

33. One Extra Pixel Likebutton


Onextrapixel, or more commonly known as OXP is a weblog dedicated to delivering useful, comprehensive and innovative information for designers and web developers. OXP was started by two very enthusiastic Singapore web developers and designers. OXP endeavors to present noteworthy tips, excellent tutorials, and web resources that any modern web follower will appreciate. You’ll find a vast variety of ingredients from tools that can enhance your workflow management to showcases of incredible web designs and inspiration.

OneExtrapixel

34. PelFusion Likebutton


PelFusion is a weblog to help web-developers, designers and bloggers that makes their life easier with the freebies, how-tos articles, inspiration and tutorials in store on this blog.

Pelfusion

35. Phototuts+ Likebutton


Phototuts+ is a source of learning on all aspects of photography. It pumps out regular tutorials on composition, equipment settings, post-processing, film photography, retouching and much more. If you love photography, you will find a treasure trove of useful advice at Phototuts+.

Whether you’re a beginner just learning how to use manual focus, an intermediate photographer grappling with post-processing and perfecting your images, or an advanced photographer working with lighting rigs and sets, you’ll find plenty of fascinating tips of the trade here.

Phototuts

36. Pro Blog Design Likebutton


Pro Blog Design is a blog that tackles anything about WordPress, CSS, JavaScript and PHP.

Problogdesign

37. PSDeluxe Likebutton


PSDeluxe is a Design blog dedicated to mainly Photoshop lovers and enthusiasts. It is regularly updated with free and easy to learn free Photoshop tutorials, useful freebies for design projects, powerful tools that will make your work easier.

Psdeluxe

38. PSDtuts+ Likebutton


PSDtuts+ is a blog/Photoshop site made to house and showcases some of the best Photoshop tutorials around. Published tutorials here not only produce great graphics and effects, but explain the techniques behind them in a friendly, approachable manner.

Psdtuts

39. PSD Vault Likebutton


PSD Vault is a blog of useful and easy-to-follow Adobe Photoshop tutorials, inspirational design works, useful resources and freebies.

Psdvault

40. PV.M Garage Likebutton


PV.M Garage is a Web Design Blog/Community that spreads information for web designers and developers. The website includes a Community News Section, a Web Design News Aggregator and it weekly delivers useful resources, freebies and awesome stuff for your inspiration.

Pvmgarage

41. Richworks Likebutton


Richworks publishes articles that are informative, thought-provoking that take an in-depth look at design and helps you nurture your creativity and grow as a designer.

Articles range from inspirational works from various artists and designers from around the world which provide game-changing potential to foster creativity and innovation.

Richworks

42. Sharebrain Likebutton


Sharebrain is a design blog that aims to bring the best web design links and resources for designers.Thomas, the creator of Sharebrain, describes his blog as a place where designers can find solutions for their everyday problems.

Sharebrain

43. Six Revisions Likebutton


Six Revisions is a website that publishes practical and useful articles for designers and web developers. It seeks to present exceptional, noteworthy tips, tutorials, and resources that the modern web professional will appreciate.

Six Revisions was launched in February 2008 by professional web developer/designer Jacob Gube (who now functions as the Chief Editor of the site). Articles are written by talented professionals from around the globe, and a high emphasis on quality, comprehension, and usefulness goes into each of the articles published.

Sixrevisions

44. Smashing Magazine Likebutton


Founded in September 2006, Smashing Magazine delivers useful and innovative information to Web designers and developers. Its aim is to inform readers about the latest trends and techniques in Web development.

The most remarkable yet overlooked aspect of the design community is its friendly, enthusiastic spirit. Every day, literally thousands of talented, hard-working folks out there gain new insight from their work, come up with brilliant ideas and then share their experience with fellow designers.

Smashingmag

45. Smashing Share Likebutton


Smashing Share is a blog dedicated to the design and development community, where people behind this blog shares useful free web resources, design inspiration, freebies, tutorials, how-to’s, interviews, tips and more. Smashing Share was founded by in August 2009. The website has a loyal following of very talented professionals around the globe, who write quality content and share their knowledge and experience.

Smashingshare

46. Speckyboy Likebutton


Speckyboy Design Magazine launched in October 2007, as the personal freelance web design homepage of Paul Andrew. Somewhere over the consequent months the site dramatically changed direction, and evolved into the design resource magazine that you see today. This blog offers insightful tutorial, time-saving techniques, fresh and useful resources and inspirational art, covering web design and development, graphic design, advertising, mobile development and it even have a soft spot for the occasional Lego post.

Speckyboy

47. Splashnology Likebutton


Splashnology is an exciting new platform for IT community dedicated to Web Technology, Web 2.0 culture, reviewing new Internet products and services and of course, source for news in social and digital media. This site’s primary purpose is to share Web-related knowledge, resources, and ideas.

Splashnology

48. SpyreStudios Likebutton


SpyreStudios is an online magazine about web-design & development and the myriads of other topics that fall in between. Some of the topics cover include: usability, user experience, typography, minimalism, visual inspiration, HTML, CSS, jQuery, Photoshop, Fireworks, InDesign, WordPress and freelancing.

Spyrestudios

49. Think Vitamin Likebutton


Think Vitamin, a blog for designers and developers by designers and developers, hit the web in 2006 with the express aim of being a valuable resource for web professionals. With contributions from all-star authors it quickly became a popular destination. In 2007 it won a SXSW award for “Best Educational Resource”. The goal of this blog is to keep designers and developers up to date on the most useful web topics of the day as well as delivering inspiring links and images.

Thinkvitamin

50. Tripwire Likebutton


tripwire magazine is a weblog that provides useful information, tools, tips and tutorials for both web designers and web developers to make their life easier. Subjects covered are ranging from Fonts, Photoshop, CSS, jQuery, web design, graphics, typography, advertising, SEO and much more as long as we believe it’s useful for its readers. You will find everything from detailed tutorials on how to create web designs from scratch to large collections of tools that will speed up your work and inspire you to approach challenged in new ways.

Tripwire

51. TutToaster Likebutton


TutToaster is a growing community where enthusiasts and professionals alike can find free tutorials on a wide variety of web-based subjects. Photoshop, Illustrator, website coding and SEO are just a few of the topics. Not only will you see the finished product, but you’ll also learn the techniques needed to produce the final results – all laid out in an easy-to-use, easy-to-understand and best of all, you will not be charged at all.

Tuttoaster

52. Underworld Magazines Likebutton


Underworld Magazines is a design blog displaying some of the best design news, resources, and interviews from around the web. On Underworld Magazines you will find a lot of Graphic design, web design, Resources, Inspiration, and much more. The main goal for UnderWorld Magazines is to get the right resources, Inspiration, and tools for you to become a better designer.

Underworldmag

53. UX Booth Likebutton


The UX Booth is a blog by and for the user experience community. Readership in UX Booth consists mostly of beginning-to-intermediate user experience and interaction designers, but anyone interested in making the web a better place to be is welcome.

Uxbooth

55. Vectips Likebutton


Vectips, designed and maintained by Rype (Ryan Putnam), is a design weblog where you can find tips, tricks and tutorials about Adobe Illustrator whether for a beginner or for a seasoned user of Illustrator.

Vectips

56. Vectortuts+ Likebutton


Vectortuts+ is a blog of tutorials, articles, freebies and more about vectors. It publishes tutorials on techniques and effects to make awesome vector graphics in programs like Adobe Illustrator and Inkscape. Most of the contents here are free, but you can also grab a premium Vector Plus membership and get access to special extras as well as source files for the tutorials.

Vectortuts

57. W3Avenue Likebutton


W3Avenue is an online blog/publication that provides advice and resources for rapid web development. It aims to become a reliable source of information for web designers & developers who seek to improve their skills & productivity on continuous basis.

W3ave

58. Web Design Tuts+ Likebutton


Webdesigntuts+ is a blog made to house and showcases some of the best web design tutorials and articles around. It publishes tutorials that not only produce great results and interfaces, but explain the techniques behind them in a friendly, approachable manner. In this blog, you can read and learn tricks, techniques and tips that you may not have seen before to help you as web designers maximize your potentials.

Webdesigntuts

59. Web Design Ledger Likebutton


The Web Design Ledger is a publication written by web designers for web designers. The primary purpose of this site is to act as a platform for sharing web design related knowledge and resources. Topics range from design inspiration to tips and tutorials and everything in between.

Wdl

60. Web Designer Depot Likebutton


Webdesigner Depot is an exciting new platform designed to explore different web and graphic design techniques, great examples and best practices. The blog is a joint effort and collaboration between leading designers around the world which contribute a wealth of expertise on all fields of design, such as coding, typography, Photoshop tutorials and more.

Webdesignerdepot

61. WPCandy Likebutton


As what the people behind this blog describes WPCandy, it is the definitive WordPress news and information website on the planet. You will find here news, editorials, reviews, podcasts, interviews and tutorials about WordPress that are updated on a daily basis.

Wpcandy



Tags - , , , ]]> http://www.gaolewen.com/read.php?132 <![CDATA[平面设计师的10款搜索利器]]> gaolewen <gaolewen(at)hotmail.com> Mon, 13 Dec 2010 05:53:40 +0000 http://www.gaolewen.com/read.php?132
转载：fisherv
作为平面设计师经常需要寻找很多各种各样的素材，例如标志、图标、矢量图片、材质和字体等。这些对于设计师而言都是很重要的资源，因为不是每一样东西都要我们自己做出来的，开始一个方案之前总是先要搜索一番。今天我们为大家分享10款平面资源的搜索利器，以便助能够助你一臂之力，达到事半功倍的效果。
1) Iconlet


2) Vector Stock


3) Font Stock


4) Vectorials


5) Logopond


6) Icon Seeker


7) Free Fonts


8 ) Veryicon


9) daFont


10) Logofury




Tags - , , ]]>