articles on

Swiss Punk Style

Swiss Punk Style

The last article I posted was about what I believe is a new trend in web design. It's a style that has been around for quite a long time and actually has a lot of influence from Wolfgang Weingart work and many other designers that broke with formal grid and started deconstructing the design. For this post I want to share some projects I found on Pinterest that embody a bit of that style. Wolfgang Weingart is an internationally known graphic designer and typographer. His work is categorized as Swiss typography and he is credited as "the father" of New Wave or Swiss Punk typography.

Free Design E-Books You Must Read

Free Design E-Books You Must Read

Sharing knowledge is an amazing way to equip the world with the tools to evolve. Many designers use free information they find around the web to learn how to design, code, paint, etc. Thankfully, today there are plenty people out there willing to share their knowledge with everyone, like the folks at UXPin. They write and share e-books about design and its processes, really worth checking out and not to be underestimated. Here is a brief selection of their books that you should really read, going from UX Design to Design trends. I hope you enjoy these e-books, and don't forget to share your own knowledge whenever you get the chance! The Building Blocks of Visual Hierarchy Designing Visually Intuitive Web UI See how to design visually intuitive interfaces for the web. Learn how size, colors, space, layout, and style affect visual understanding. Get quick tips for designing clear visual hierarchies. 18 examples of the best sites analyzed from companies like MailChimp & RelateIQ. GET THE BOOK Winning Over Users With Attractive UI Design Tips, Examples, And Principles For Captivating Design See how to design visually intuitive interfaces for the web. Learn how size, colors, space, layout, and style affect visual understanding. Get quick tips for designing clear visual hierarchies. 18 examples of the best sites analyzed from companies like MailChimp & RelateIQ. GET THE BOOK Web Design Book of Trends 2015-2016 The Best Web UI Techniques Every Designer Must Know. 10 timeless trends completely explained with plenty of tips 166 hand-picked examples showing the best techniques 100 of our favorite design resources curated for you Dozens of visual case studies revealing the methods behind eye candy And more! GET THE BOOK Web UI Design Best Practices UI Design From The Experts In-depth explanation of techniques spanning visual design, interface design, and UX design Visuals and analysis of UI design from 33 companies including LivingSocial, Spotify, Apple, Skullcandy, and more Discussion of how to incorporate UI elements such as color, navigation, typography, hierarchy, patterns, and more Easy-to-read, practical approach that teaches by example GET THE BOOK Web UI Design Patterns A Deeper Look At the Hottest Websites and Web Apps Today Learn proven design solutions from the best companies out there today Carefully selected 63 web UI design patterns, almost 200 pages! Thorough yet concise: user problems followed by the design solution and illustrated examples GET THE BOOK UX DESIGN FOR STARTUPS A must read for any startup or grown-up company that wishes to keep its startup spirit and conquer the world with stunning UX Design. 127 pages of real-life based advice List of +60 UX Design Tools GET THE BOOK

Logo Design: Contours Trend

Logo Design: Contours Trend

We keep going through our weekly journey checking out great logos! We're thinking ahead and we want to find new topics, good ones, to share with you guys. Last week we featured the work of Almosh82, and today we're featuring logos with contour trend! LogoLounge, probably the most notorious publishing about logo design, has listed Contours as one of 2015 trends, so here are some logos that I think are inside this trend. Designers set on finding a hybrid between simple one-color iconic symbols and a more complex descriptive illustrative mark have landed on a solution. Replete with gradation and contours, highlights and shadow, yet limited detail to keep the marks just on this side of simplistic. Generally, the mark’s iconic outline serves up enough information to complete the messaging when presented at a smaller scale. A closer evaluation or larger presentation reveals subtle volume delineation that creates a tactile temptation for the consumer." This is just the amount of visual eye candy necessary to lift the logo from a page and create a point of optic differentiation. Some designers might view this technique as a bit to tricky for their liking but time will prove one group or the other right in the end. Although these solutions require halftone and gradation they still convey an economical one-color essence to the public eye. Let’s credit the design direction as moving the conversation forward with solutions that are to the point and not burdened with unnecessary detail." What's your opinion? Do you know any more logos that should be here? Also, if you you'd like to suggest ideas for the next subjects, please, tell me by sending me sending me a tweet: @paulogabriel. Cheers! ;)

Long Shadow Design Trend

Long Shadow Design Trend

Long Shadow seems to be the hottest trend lately, it's everywhere specially if you look through design communities like dribbble, and behance. On this post I will show a few samples of long shadow, will also have some freebies and show you how to create your very own long shadow. It seems like this effect came around to reinforce the "flat" design that everyone has been seeing, it's the wave of trends and we want you in the loop. It's most common on icon design and small illustrations as you will see on this post. Long Shadow Samples Long Shadow Freebies Download Long Shadow Social Media Icons Long Shadow Icons by Graphic Burger Download Long Shadow Icons Long Shadow Icons by Graphic Burger Long Shadow Resources How to create long shadow effect in CSS How to create long shadow on Photoshop CS6 by Howard Pinsky Would you like to see an easier tutorial for Long Shadow? If so let us know and we will make one for you.

Design Trends 2013 - Flat and Minimal

Design Trends 2013 - Flat and Minimal

One of the new trends in terms of digital design, especially interface design, is the return of simple, flat and typographical design. We can say that Microsoft might have started that back in 2007 when they launched the Zune with its beautiful typographic based interface. Despite the failure of the product, that UI was improved and applied to the Windows Phone and Windows 8 interface design. The iOS on the other hand was always heavily based on photorealistic textures and depth by using gradients, glossy style effects and shadows, however we started to see more and more apps for all platforms adopting a more minimalistic approach. ZUNE 2007/2008 There are lots of reasons to adopt a flat design, one of the most important is scalability. When designing for multiple devices it's important to consider ways to optimize the design. For instance, when using solid colors and less image based UI the number of assets necessary to create an app or a website is much lower and therefore the footprint of the app/website much smaller. In this post we want to feature some beautiful designs that illustrate this trend. The images are from Dribbble and make sure check out the thumbnail to visit the authors page for more information Regy Perlera Alex Vanderzon uidynamics Cosmin Capitanu Zane David Paul Macgregor Cosmin Capitanu Josh Tilton David Fabio Basile Eddie Lobanovskiy Jakob Henner Alden Haley Eric Hoffman Chris Masterson Zan Rob Vloemans Jonas Hermann