How to create a design style guide – thnxz to @CreativeBloQ


(Abstract… full article +INFO Creative Bloq )

A style guide shouldn’t read like the work of a control freak, but nor should it be vague and ambiguous. Paul Wyatt explains how to strike the right balance.

 

Here are (some of the best) tips for ensuring your style guide does the job right in ensuring others do it right.

It doesn’t have to be perfect

Obviously we’d all love to spend time and energy crafting the perfect design style guide for each project. But in the real world, that’s not always possible. If you’re up against a tight deadline and not able to create a style guide with lots of bells and whistles (and examples), be sure to include the most pertinent and helpful information about the brand or piece of work you’re created in the time you do have.

Full article +INFO 🙂

Essential elements

Start off with:

  • a written overview of the company it’s for
  • a rationale for the work carried out
  • information about logos; font usage; colour palette; tone of voice
  • photographic guides
  • collateral information

 

If you have enough time, it’s worth adding some examples of logo and typographic usage as well as links to master artwork/ brand collateral templates and helpful contacts within your agency or company.

 

 Concentrate on the visible

Look around your workplace and you’ll (hopefully) see colleagues who look presentable and are nicely dressed. Quite possibly a large percentage of these people do not have matching pants and socks or bras and knickers. But who cares? You (hopefully) don’t get to see them. Similarly, in your style guide concentrate on the visible and the relevant. Try not to deep dive into creating colour palettes which then have sub colour palettes and then further sub, sub colour palettes which might never be used or seen.

 

Full article +INFO 🙂

 

 Work with a copywriter

Style guide tips
Big, bold words help energise and communicate brand values in an effective visual way

Work with a copywriter to energise and communicate the brand. This style guide potentially will be used client-side by the in-house creative team or sent out to other agencies to be applied in future work.

For your guide to be applied successfully it’s essential to communicate effectively in written form the brand spirit; the reason behind the work; what the guide is there for; and what the brand goals are that the creative using the guide should be mindful of.

Full article +INFO 🙂

 

Anticipate questions

At the end of the guide include relevant contacts and create a group email address should the reader have any queries about the guide and need to get in touch should there be something the guide does not explain. Although if you’ve included all the relevant details in your guide this should very rarely happen.

Also consider creating an FAQ as part of the guide and think about the top 20 questions a creative might ask about a brand when they first approach it. “I hate your logo. Do I have to use it?” is a question which isn’t allowed.

 

Create art-worked examples

Style guide tips
Art worked header examples from the BBC visual language guide

Art-working up examples of creative templates can be a great way to showcase how the guide can be interpreted. Also consider supplying these files for download with the style guide.

@topdesignmag :) Are You A Web Developer Without Any Graphic Skills? Then Check Out These 25 Gorgeous Website .PSD’s


Writen by Bogdan is the founder of Top Design Magazine.

 

Creating a website is not an easy thing because it requires a lot of steps; from the planning and all the way to functionality testing, the process of designing and developing a website needs people with various skills. You need a good graphic designer, a good web designer, a talented web developer, a great content writer and also a SEO expert is you want your website to be great. Sure, you can skip some of them but this can cost you a lot in terms of success.

For web developers, coding a website can be a piece of cake if they have all the graphic components but this always means that whenever they want to create something, they are dependent to a web designer. For a company, this issue is solved from the start but if you are a web developer and also a freelancer, then you need to come up with solutions if you want to stick to the deadline. Depending on your budget you can either hire someone to create a design from scratch, either use a template. A .psd template is extremely useful in the following cases: you are a beginner and you want to practice your programming skills but you don’t want to spend time creating the visual stuff; you are a web developer and you don’t have a budget for creating the design; you have a budget but the time is so limited that you can’t afford spending it on the graphical part.

Full article and more PSD’s 🙂

Whatever your reasons are, a .psd website template can prove to be extremely useful so it will be a good idea to save them in your toolbox. In this article you can see a collection of 25 gorgeous .PSD’s which are ready to be converted into fully functional websites.

Intent Creative Free PSD Theme

25. website psd template

WordPress blog theme PSD template

24. website psd template

Design examples “Lo pedís lo tenés” – thnxz @inspiredmag


Inspired Magazine

 

 

Inspired Magazine – @inspiredmag

* Sí, es verdad, había dejado de lado los tutoriales… OK vamos a retomarlos. Un consejo guarden la fuente! @gabrielcatalano

 

10 Must-Have Free Photoshop Actions

Photoshop actions are incredible time-savers for graphic designers, and the best actions yield incredible visual effects and increased productivity. Photoshop actions are the magic toolkits of the graphic design and photo editing industries, allowing graphic designers and photographers to apply amazing effects in no time. And because the graphic design community is so generous, you can download most of the best Photoshop actions absolutely free.

Add these 10 must-have Photoshop actions to your stable, and you’ll instantly become a better, more efficient graphic designer. Each of these Photoshop actions is free to download, so you don’t have to spend a dime to improve your design time. Enjoy!

1. HDR Tools

Want to achieve the look of HDR photography, without the HDR camera? No problem! Simply download this set of free Photoshop actions.

10 Must Have Free Photoshop Actions

 

2. Old Photo Action

Give your photos a high-contrast, vintage, almost grungy effect with this free Photoshop action, which makes your work more dramatic and interesting.

10 Must Have Free Photoshop Actions

 

3. Vivid Blur

Give your portrait subjects a sexy, dreamy halo without sacrificing colors when you use this free Photoshop action in your design. In fact, this action actually enhances the color while it softens edges.

10 Must Have Free Photoshop Actions

 

Full article 🙂

 

20+ New Brochure Design Examples – thnxz @topdesignmag


 

Finding a new brochure design that can inspire you can cause a real headache that can ruin you your time. That’s my reason for collecting for you more than 20 brochure designs that rock. Getting inspiration from these examples will help you pass the first step and start designing.

http://www.topdesignmag.com


 

10 Properly Designed Promotional Campaigns on Facebook – thnxz @onextrapixel !


The new Facebook page layout also known as Timeline provides us with tons of opportunities to promote and advertise any content or products via visual means. Many brands grasped this idea long go – the corporate Facebook pages design is the key to a brand’s popularity and fans close engagement.

We’ve already examined best showcases of creative incorporation of brand design into social media. In addition to attractive business pages, brands also organize stand-alone campaigns on Facebook devoted to a new product launch, sales and important events such as company anniversaries.

10 Properly Designed Promo Campaigns on Facebook

Now it’s time to examine top 10 successful promo campaigns on Facebook that brilliantly integrated their appeal into a special design on their Facebook pages.

Full article & design examples! 🙂

10 Properly Designed Promo Campaigns on Facebook

First, let’s define the criteria of what significant elements make up a successfully designed Facebook campaign:

  1. Cover photo: A cover photo is one of the best helpers to inform your audience about brand news and upcoming events. Some intricate details on their usage are listed below.
  2. Timeline images: Timeline images include branded content, coupons, QR codes, etc. An unusual approach to distribute important content and info in the form of images on the social network increases fans’ engagement.
  3. Milestones: A creative add-on is also able to constitute a harmonious design biosphere of a Facebook promo campaign.
  4. Apps: Promo apps fit the overall design, educate or entertain the Facebook audience, they also inform about news, upcoming events or new services.
  5. Events & Contests: Offline promotional meetings are an integral continuation of marketing activities in social media. Contests ensure maximum reach of the audience that will 100% include a fan’s friends there for broadening your potential audience.

If all these puzzle units merge together (or at least the chosen ones will be joined perfectly), you’ll get thousands of fans who will eye-worship your page and many loyal clients who will stream to your website or store, longing for a new product, service or special offer.

Now let’s look at some Facebook pages for the best design examples of promo campaigns and analyze their tricks.

Full article & design examples! 🙂

the psychology of color – thnxz gawkerassets.com


the psychology of color

Gawker Media Engineering

Source: http://img.gawkerassets.com/img/18hz1y1ypqji1jpg/original.jpg