| 鸡尾虾's profile鸡尾虾PhotosBlogLists |  Tools  Help |
|
设计师不能不知道的十个沟通秘诀在 一个设计项目中，PM是需求方，设计师是要满足需求的，但是中间的界限不是那么清楚，以前在腾讯的时候我们喜欢说“pm和设计师是你中有我，我中有你”， 于是和pm的沟通往往是设计师最难做也最需要花时间去做的的事情。我不止一次两次听到设计师抱怨，典型的如“ 我们的产品什么都管，按钮红色绿色也都要他说了算，非常强势，他的项目我没法做。” “PM只想着赚钱，只想着快速发布，根本不在乎用户体验” ，往往设计师辛辛苦苦的完成了一个得意之作，PM一副冷脸，这里不行，那里不好，比王员外挑女婿还难搞，在面对这样的紧张的国际局势，有一些人选择了沉默 下去，算了，pm说怎么样就是怎么样吧。这样的设计师，一定不是好的设计师，我相信在座的一个都没有。我们都是相信我们的设计是好的，只是需要一些额外的 沟通和说服工作，从而让我们设计能真正的得到认可和尊重。 那么我们有什么灵丹妙药呢？锦囊妙计如下：
画外音：
问：“有的信息是pm故意不告诉我的，说要保密”
答：“什么？保密？那你还跟他做一个项目？趁早换吧”
11/6/2009 50 Beautiful and Creative Blog DesignsThe most recent collection of creative blog designs was featured here on Smashing Magazine back in July. Only three months have passed and we’ve got a new dose of inspiration for you. Beautiful and sophisticated designs are constantly appearing on the Web; creative activity is in non-stop mode, despite global economic shocks and unfortunate events; and this is surely a positive sign. Today, we showcase 50 fresh, beautiful, inventive and, hopefully, inspiring blog designs. The variety of styles represented in this collection is considerable, so everyone will be able to find a tasty piece of inspiration for their own creative aspirations. Notice that every screenshot is clickable and leads to the website itself. Beautiful and Creative Blog DesignsJason Gray Music
The Pixel Blog
Sushi & Robots
WorkAwesome
Abduzeedo
Point & Anchor
Trent Walton
Fudge
Design Intellection
Biggest Apple
LaMalla.cl (Chile)
Contrast
Demain J’arrête (France)
Fran Fernández
Stéréosuper (France)
Music City Unsigned
Tal & Acacia
Denis Chandler’s Blog (Another Blog About Stuff)
Mulletized
M1K3
Mark Forrester
Jord & Chan
Cog’Nition
JonahL
Marcel Müller blog
TrippingWords
5 Simple Tricks To Bring Light and Shadow Into Your DesignsThere’s just no escaping light and shadow — it’s everywhere you look. Everything you see reflects light and casts some sort of shadow. Visually, light and shadow help us make sense of what we see and help us understand texture, dimension and perspective. So, as we try to make our designs on the Web more natural, moving and intuitive, a good understanding of light and shadow is pretty important. Here are 5 ways to better use light and shadow to polish your page designs and make them stand out on the screen. A Quick Anatomy Of Light And ShadowIn the simple diagram below, we can see that the light source is coming from the left. The highlight is where the light is strongest, and the shadows fall on the side furthest from the light source. The appearance of light and shadow tells us a lot about the surfaces and textures in the image.
But what does this have to do with Web design, you ask? If you’re trying to design rich, tactile interfaces and websites, light and shadow are your friends. In the same way that many classic artists made their paintings jump off the canvas, you can use light to give your designs depth and visual interest. Let’s get into it. 1. Using A Light SourcePerhaps the most important part of working with lighting is knowing where the light(s) is coming from. The light source will most likely determine where the highlights and shadows fall (although with Web design you can afford to bend these rules in places). If you’re working in Photoshop, you can use the “global light” effect so that all of your lighting effects follow the same light direction. Controlling the source(s) of light in your designs (even if just with a linear or radial gradient) can help create atmosphere in your page designs. It can also help direct the eyes to a focal point in the design. Examples on the WebCampaign Monitor use a burst of light rays that conveys the feeling of a sunrise behind the design.
Icebrrg use light to submerge its website deep underwater.
Mike Precious uses more than one light source to add visual interest and to tie in with the desk-lamp lighting style.
Deaxon use a subtle light source behind its logo to give the logo visual prominence on the page.
2. GradientsIn the real world, very few things have a flat tone. Light and shade are on everything. Subtly using gradients is a great way to provide depth and makes things come to life on the screen. The key with gradients is not to overdo them. If you’re using Photoshop, make use of layer styles for your gradients. This gives you the freedom to edit them at any point; it also means that if you resize the element, the gradient will rescale too.
Examples on the Webnclud’s website is a lesson in subtle yet effective use of gradients to separate and organize content.
CSS Ninjas appears to use flat colors at first glance, but each colored area has a subtle gradient, which gives it texture.
3. HighlightsHighlights can help balance shadows and should be used on the edges of objects closest to the light source. Highlights are often overlooked because when used effectively, you don’t even notice they’re there. And while not suited to every situation, a tiny highlight can make all the difference in polishing an interface. The “sharper” the highlight, the shinier the surface will appear. To really appreciate highlights, we need to zoom in a bit close. A good trick for adding highlights is to work at 200% or more, because at 100% it can be hard to see what you’re doing clearly. Examples on the WebIcon Dock and Newism both use a semi-transparent white line on the page element’s top edge to give it a highlight. It’s barely noticeable but adds a bucket of polish to the design.
You’ve probably seen Apple’s website already. However, you may not have noticed the lovely highlights at the bottom of the navigation items, which help make the words look recessed.
4. Basic ShadowsLike gradients, drop-shadows have become a staple of most Web designers. Shadows can really add visual depth and texture when used the right way. The key is not to overdo it. The qualities of a shadow depend on the light direction and intensity, as well as the distance between the object and the surface where the shadow is cast. The stronger the light, the darker and sharper the shadow. The softer the light, the softer the shadow.
Examples on the WebWhen it comes to online examples of drop-shadows, there are simply too many websites to choose from. When used cleverly, they can add a touch of dimension to even the most minimal design. LinkedIn adds a very subtle shadow to the bottom of its sidebar elements to create the illusion of depth.
Google — with perhaps the hardest-working page on the Internet — still invests in the subtle use of shadow for its search page.
5. Advanced ShadowsYou can do a lot beyond basic drop-shadows to give elements a third dimension. Longer shadows are a great way to change the spatial relationship between objects on a page. In the examples below, the same Coke can is given completely different positions in space depending on its shading and shadow.
Examples on the WebEmotions by Mike cleverly uses shadow (and light) to turn the flat page into a floor.
Superkix uses shadow to float sneakers “above” the website. The shadow moves when you resize the page, as if the light were shifting.
Sofa creates a floor on the white background with great use of both light and shadow.
Further Resources纪念 - 上海的朋友 周传雄- 寂寞沙洲冷- [楠楠] [龙龙]-室友-比大学同学还要亲 ，，，将近一年的室友。。。上海经历了那么多~都是她一直陪伴在我身边~ dou + CB + TT ……哎~~~ 希望时间能够永远停留在那美好的时光~ 不知道下次去上海还是什么时间~ |
|||||
|
|
