tutorial — Product Management UX/UI & Interacion Blog — Frank derFrankie Neulichedl


10+ Alternatives similar to the font DIN

10+ Alternatives similar to the font DIN

The font DIN typeface family is inspired by the classic industrial German engineering designs, DIN 1451 Engschrift and DIN 1451 Mittelschrift. I've looked around the foundries to find some other alternatives and found some interesting ones. So enjoy.

Use Photoshops channel mixer to make change color of objects

This is just a quick tip. I had to quickly change the color of a red seat into a white one … after first trying to desaturate and lighten up the whole scene I remembered that I could try the channel mixer. And guess what, you can simply select the preset (or adjust your own settings) and the red seats are magically white.

Google likes Responsive Design as well

Actually they recommend to use a responsive approach to have the least hassle with Google. Now there are many reasons for choosing a responsive approach or not, but most websites I encounter are well suited to serve the same content to all visitors. I'm sure that Google sees even more websites (most of the ones that exist on the open internet) and their support of the responsive approach might just suggest that it's a winning strategy.

Also optimizing a responsive website to load quickly even over a wireless network helps your website on Google, since Google likes speed, and quick loading websites.

#mobile   #google   #responsivedesign   #tutorial

Embedded Link

Official Google Webmaster Central Blog: Recommendations for building smartphone-optimized websites Wednesday, June 06, 2012 at 11:04 AM. Webmaster level: All. Every day more and more smartphones get activated and more websites are producing smartphone-optimized content. Since we last talked about h...

Google+: View post on Google+

Image Source

A handy portable Instagram Filters Cheatsheet

I stumbled across these guide to Instagram Filters and while I liked it very much it lacked 2 things - a couple of filters and it's not handy while you take photos on the road. So I fired up my Indesign and made up a free quick cheatsheet to keep with you all the time. Just print it out at 100%, cut and fold it - it's credit card size. Available both as jpeg and pdf for your convenience.


Instagram Filters Cheatsheet - JPEG VERSION

Instagram Filters Cheatsheet - JPEG Click here to download [/one_half][one_half_last]

Instagram Filters Cheatsheet - PDF VERSION

Instagram Filters Cheatsheet - PDF Click here to download [/one_half_last]

Some typographic basics - not just for the web designer

Typography is not only about what font to use, or how it "looks" - it's about making a text easier to read. The rules presented in this great article will help you to make every text more accessible and better looking. In fact, this basic rules work so good, because type designers taylor their fonts to work best when this rules are applied. So go ahead and refresh your memories for a more readable future ;)

BTW: If you are writing or editing text in another language than english, the rules are quite different - so be warned.

#typography #tutorial #guide

Embedded Link

Mind Your En And Em Dashes: Typographic Etiquette - Smashing Magazine | Smashing Magazine An understanding of typographic etiquette separates the master designers from the novices. A well-trained designer can tell within moments of viewing a design whether its creator knows how to work wit...

Google+: View post on Google+

Great interactive Tutorial about Google Maps

Google Maps is one of the best Web-Apps ever created. There might be discussions about the costs for website owners, but as a consumer it's a blessing. Most functionality like creating your own maps etc. on the other hand is not so obvious and this tutorial gives an easy overview on how to make Google Maps even more useful.

Embedded Link

Google Maps — Start here.

Google+: Reshared 1 times Google+: View post on Google+

How to Add Google Plus sharing to Google Reader

I would love to see the Send To button also in the mobile version of the website and the app ... Reshared post from +Seyhun Akyürek

How To Share Google Reader Stories to Google Plus. You can share content with any circles. Cool tip. #google+

Embedded Link

How To Share Google Reader Stories to Google Plus Those of us who are still playing with Google Plus are eagerly awaiting its further integration into other Google services (in ways other than the red box in the top right corner). The updates are com...

Google+: View post on Google+

How to make a chart with 3d effects in Illustrator fast

Doing charts is a almost a daily business for any graphic designer. Most of them don't need to be super-fancy, but some spice can always help. Creating a 3D Effect is quickly done with the standard tools we all use - rectangles, lines and gradients. But if you have to do many charts (for an annual report) then this options can really slow you down. Unless.

A guide to Evolution vs Revolution in Website-Redesign

How to decide if you need a complete new design or just some improvement? Here some questions to ask yourself and if you answer the majority with yes you need a complete overhaul.

Relaunch of my portfolio site – part 1: Own portfolio site vs. online portfolio site

There are beautiful portfolio sites out there in the web and I wanted to redo my portfolio site - but I had a few thoughts

Corporate Publishing doesn't need to be boring

I will start my new series about corporate publishing by demystifying a myth - corporate publishing is boring. I will show you in this lesson how you can make a graphically stunning article about the introduction of a new window hardware product line by telling a story.