Monday is always the perfect day to spend some time to collect some visual design inspiration and set some goals for the week. With that in mind, there's nothing better than getting tons of references. In the past, I used to go through books and magazines, but with the web now things are way easier. So for this post, I would like to share some of the UI design inspiration I have been collecting during the weekend for the upcoming redesign of Abduzeedo, which I will have more to share very soon. So for this post, I would like to share some references in web design, app design or simply put, pure design inspiration. Visual Design Inspiration
I love browsing through sites like Behance and Dribbble for visual design inspiration. It's amazing to see how much the field has evolved. We can see highly editorial designs that look more and more like beautiful magazine pages. I know that most of these designs are just static mocks beautifully animated, but the important thing is that with today's technology there are many ways to translate all of these well-crafted visual design work to real products. Apple has shown us that, then other follows like Google, Microsoft and many others. For this post I'd like to share a few designs from Adam Zielonko, a designer based in Gdynia, Poland. He has a quite solid portfolio but what I liked about these screens were the sort of pattern of solid blocks of color and transitions. It seems like a new trend coming up, so let's wait and see. Below you can see what I am talking about. Also make sure to check out Adam's work at https://dribbble.com/adamzielonko/click?type=site Visual Design
Nokia OZO is a web design, interaction design and UI/UX project shared by Viktor Vörös on his Behance profile. OZO is a virtual reality camera, the first of its kind and of course it looks extremely futuristic and the work that Viktor did an excellent job showcasing it on a beautifully simple and elegant web site. The cool thing about his design is that the camera is always on the first plane and everything looks secondary in a way. The images of the camera always pop and the low contrast text and black and white theme help with that quite a lot. Enough of descriptions, check it out after the break and let us know what you think. The world’s first professional Virtual Reality camera. Crafted by Nokia Technologies, OZO combines the ultimate in engineering capabilities and intelligent design to offer you the best Virtual Reality production experience. Viktor Vörös is a digital designer from Szeged, Hungary. He is passionate about design, always keeping his ambitions high and quality in focus at all times. He has done work for clients like Microsoft, Samsung, L'Oréal Professionnel, Vogue, Rolls-Royce, Konami, 20th Century Fox & more. For more information check out http://hellowiktor.com/ Web design
Huu! branding project for a magazine and blog inspired by the mexican singer and songwriter Natalia Lafourcade. It was designed by Jonathan Mont, a designer from Tampico, Mexico. The project features a simple but bold typography. The design she came up for the blog is quite good in my opinion. I love how editorial it looks. It feels like a magazine, instead of just a plain web site. It also matches the magazine design quite well, or it just a beautiful translation from the magazine to the web. Project description from Behance Huu! is a magazine and blog inspired by the mexican singer and songwriter Natalia Lafourcade. Their aim is introduce to the fans some news and texts related to she and her projects. Expressiveness and the different musical nuances of Natalia, were the base of inspiration to create a joyful and effusive brand. The naming was inspired in one of her songs and was chosen to generate a word with many meanings. The brand transmit a joyful and expressive value through the colors.The three colors symbolize to Natalia Lafourcade, her fans and the magazine team. Huu! is the result of an emotional mixture with a current and alternative character. Branding Jonathan Mont is a Mexican designer, lover of branding, the creative process and the effect that it can cause. He uses ingenuity, function and intuition to create creative projects that connects with the people. For more information check out http://www.jonathanmont.com/
Ben Mingo is a visual designer currently working at UENO and he has a beautiful portfolio full of motion design work as well. Most of his projects are motion vignettes which gives us a great idea of how things should work. Smooth transitions combined with killer visuals is always a recipe for success. I selected a few of his works to share here with you today and inspire you to start prototyping your work. Some of the projects I selected illustrate scrolling events, transition from list view to details view and of course beautiful visual and motion design. For more information about Ben, make sure to visit his website at http://www.benmingo.com/ visual and motion design
Starbucks is an amazing brand to work on, that's what Side B mentioned on their project titled Starbucks Experience. They explore desktop and mobile designs to created a beautiful user experience for when you get a coffee in the morning, as quickly as possible and also based on weather suggestions. It's a simple UI/UX project more focus on visual design based on the information from the project. Side B is a small company based in sunny South Africa. They believe in creating user centered websites, apps and visuals that are impactful. For more information check out http://sideb.co.za/
Some projects have a more editorial style while others have more influence from different styles. When I saw the work that Carlos Roberto González and Carlos Dordelly did for their studio I saw a bit of the 80s with the vibrant color palette and abstract look. Anyways, I might be completely wrong but this project definitely deserves a feature here on ABDZ. Dyne is a studio specialized in broadcasting, motion graphics and 3D arts for different medias. Create from the alliance of two Venezuelans graphic designers living in Santiago - Chile: Carlos Roberto González and Carlos Dordelly, both with experience in production of internal and external projects, mainly for HBO Latam, Sony Entertainment Television, AXN Latam, Sun Channel and Canal 13. In Dyne we need to measure strength of every visual detail to compose an effective result for our clients based on the perfect unity of creativity and function. For more information check out https://www.behance.net/dyne
Adrian Iorga is an independent graphic designer currently working from Bucharest and collaborating with people and companies from all around the globe. He created a beautiful personal brand work and shared a bit of the behind the scenes and a bunch of examples of applications of the new visual identity. The prime intention behind the rebrand process was less about the individual and more about creating a visual condensation of the style and distinctive features found in his work. For more information check out http://adrianiorga.com/
There's never enough posts about branding, especially when there's packaging design involved. Hired Guns Creative was hired by the Family Distillers to help them bring their product to the market. We are talking about moonshine. By reading about the project and the history behind I can't even imagine how much fun they had during the design process. Call Family Distillers have been expertly distilling and illicitly distributing moonshine for 7 generations: since the 1860s. Their history begins with Reverend Daniel Call, who developed his own brand of whiskey behind the counter of his store and famously taught Jack Daniels the art of distillation. The Call Family name is well-known in the region and tales of their exploits abound — their domain of Wilkes County, North Carolina is rightly known as the Moonshine Capital of the World. Willie’s grandson, Brian Call, has most recently taken the wheel as the head distiller of Call Family Distilling. He decided to bring his family business into the modern era, finally making their sour mash moonshine available legally. When Brian and his nephew Brad came to us for branding and packaging, we were tasked with paying tribute to 150 years of family moonshining history. By the 1940s and 50s, the notorious Willie Clay Call was running hundreds of gallons a night in his legendary car without being caught. The Call Family brand is headed by a crescent moon, which serves both as a monogram for the Call name, and as a symbol of the family’s long years of running whiskey by moonlight. White bolts cross beneath the moon, an echo of Willie Clay Call’s thunderously loud car, whose vanity plate boasts “White Lightnin’.” The combined shapes of the lightning bolts under the crescent moon recall a skull and crossbones, evoking the illicit and dangerous nature of moonshining, as well as moonshine’s notoriety as a potential poison when not distilled by expert moonshiners For more information check out http://hiredgunscreative.com/
Samson Vowles is a visual and interaction designer from Munich, Germany. He has been posting some really cool work on his Dribbble profile, especially the latest series of screens for a weather app which blends simplicity with elegant motion design. We selected a couple of images from his portfolio to share with you here today. Samson is currently working as a Lead UI Designer at Allianz Digital Accelerator. for more information make sure to check out this work at https://dribbble.com/vowles
We talked and posted a lot of visual design references that we believe are the new trends for 2016. The Abduzeedo blog is a good example with some of the styles for typography, especially vertical orientation texts on the sides, a lot of white space and a non-uniform grid. Of course we are just a blog with a lot of constraints, including technical. That's the reason we posted about sites, magazines and books we used for reference. The project we share today wasn't used for reference but it could definitely be. Rock You is an online store, the official representative of Nike in the UK. It has bold typography and a very editorial design. For more information check out the Behance page for this project shared by Dmitry Kolesnikov.
Ashley Parker shared a beautiful project on her Behance profile -- a branding & Collateral concept for the Inn at Aspen. She worked in collaboration with StellaBean NY and the result is an elegant design. I particularly love the business cards, super simple and the classic combination of serif and san-serif fonts always work really well. Another very cool element is the pattern that is carried over across the collaterals. Ashley is a designer that believes strong ideas come from life experiences. Originally from Boston, she's worked & lived on both coasts of the country expanding upon and sharing ideas in art and design. For more information check out http://www.prkrstudio.com/ I allow creativity to strike at any moment and know first hand that it stems from both curiosity and intuition.
I have been following the evolution of web design pretty closely over the last year always taking notes, bookmarking and looking for inspiration. It's crazy to think that a lot of sites became what Flash sites were in 2005. Many sites unfortunately rife with loading screens and animations that seem superfluous. However, there are things that really got better. Typography is much better and we're seeing sites with decently executed designs that resemble magazine layouts. For this post I'd like to share a Tumblr website design proposal created by Clément Pavageau (Watson DG) for Lucas Film to help showcase Star Wars Episode VII fan art. Lucas Film asked Watson DG to create a tumblr website showcasing Star Wars Episode VII fan art. Art Awakens is a fan-art competition in promotion of Star Wars : The Force Awakens. Amateurs and artists fans can submit their art for a chance to be featured in a professional art exhibit. - Rejected design
Designing mobile applications require a profound understanding of the problem, the audience and the goals of your product. It's a task that involves UX designers, researchers and pretty much everybody that uses that problem. Of course, there's a very important factor that is the trial and error. Assumptions should be tested in my opinion through rapid prototyping. That is a subject for another post though, for this one I just wanted to share a quite beautiful visual design work created by Karol Cichoń for the MyWallet app. MyWallet is a mobile finance management application. It allows to control personal budget and increase savings efficiency. For more information about Karol, check out https://www.behance.net/cichonkarol/
Serge Vasil shared a super cool project on his Behance profile, it was a responsive website project he did for Adobe and the best thing about it is that you can download the PSD for some Reverse engineering. There are so many things to like about the visual design, the grid, the typography and I also really like the tablet version. Take a look after the break and I hope that inspires you on this Superbowl Sunday. Serge is a Senior Visual and Product Designer with 12 years of extensive expertise in design for Creative Direction, Art Direction, Branding, UI/UX, Mobile, and Web. He likes crafting sophisticated and meaningful experiences as well as innovative digital projects.. For more information check out https://www.behance.net/vasege I'm excited to show you some new work for Adobe. This is a fully responsive website that illustrates and showcases Adobe Dreamweaver from the Adobe CC 2015 release. Download the PSD file
It is holiday in the US this Monday and besides resting a bit and trying to learn new things, like a new language (italian this time). I took some time to work on the final details of the new Abduzeedo site. Hopefully it will go live in the next couple of days but I want to share a bit more of the references I had during the process. Today I will feature 2 web design projects and a poster that illustrate the look and feel I am trying to achieve. If you have references on this style, share that with me via the comments, I'd love to see more examples on this look and feel.
It's awesome to see more people translating beautiful typography, the kind we are accustomed to seeing on magazines, now on the web. The biggest challenge for me, especially now that I am redesigning Abduzeedo, is how to take a systematic approach and create something that works with dynamic content. We know that magazines and editorial design rely on grid, templates, styles much like the web, but it also has the flexibility of having someone fine tuning the content. With the web that is not quite possible, at least not viable for each content entry. For this post I'd like to highlight the work of Alexander Laguta. The project is titled Long Life Wodd and it's simply beautiful. Text overlapping images, classic swiss grid style composition and of course bold typography. Long Life Wood — manufacturer of thermally solid wood flooring, decking, cladding and other wood products. Our team has created a full set of tools, guidlines, branding elements and animation. For more information check out http://fuge.ru/