articles on

Interface Design and Prototypes with InVision Studio

Interface Design and Prototypes with InVision Studio

It's never been a better time for a interface designer than present day. There are so many amazing tools and resources available and many more to come. One of the highly anticipated tools is the InVision Studio, which has been surrounded by a big hype partially generated by the super selective inviting system. It seems that more and more people are getting access to this great tool including me. With it's increased accessibility we're starting to see what the tool is capable of on sites like Dribbble and Behance. The beauty of InVision Studio is that it bridges the gap between UX/UI and Motion design. That has been a very time consuming effort for designers that relied on tools not created for UI/UX like After Effects or new tools that like Principle, which is a fantastic app, but the integration with other UI/UX tools are quite primitive. So will InVision Studio live up to its hype? Based on the examples below I think they might have already done it. The future will tell, especially with the super strong lineup of competitors. So go to https://www.invisionapp.com/studio  and try to grab an invite. If you are even more daring, I challenge you to design a mobile version of Abduzeedo and share with us :grinning: - maybe we can even get a little award for the best one.  Interface Design and Prototypes

UI Inspiration: This week's selections from Nicolás Fiasche, Aoife O'Dwyer and more

UI Inspiration: This week's selections from Nicolás Fiasche, Aoife O'Dwyer and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! This week we have a concept for National Geographic by Nicolás Fiasche, it's quite colourful. Also we are focusing more specifically on interactions for Web design, hope you will enjoy these. In this collection we are featuring the work from Nicolás Fiasche, Aoife O'Dwyer, CAROLINE CHAUVET, ganeshkumar and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Nicolás Fiasche Design by Aoife O'Dwyer Design by CAROLINE CHAUVET Design by ganeshkumar Design by Yudin Alex Design by Wando C. Design by Ryan David Curtis Design by Murat Yılmaz Design by Mauricio Bucardo Design by rohan rahian Design by meguru muramoto Design by Dan Design by Hashan Design by LEISHU Design by Matt Wojtaś Design by Zhenya Rynzhuk

UI/UX & Interaction Design: Amazon Alexa App Concept

UI/UX & Interaction Design: Amazon Alexa App Concept

On ABDZ, it's rarely a case where we will feature a project that shares some of the thinking behind the design. We mostly see beautiful UI but most of the times are incomplete or misleading in terms of design thinking. But today, we are taking a look at this concept for Amazon Alexa App by Jooyoung Joung, what I liked about his concept is that he designed this experience based on problems from the current Alexa experience. To me, where the work from Jooyoung truly shines inside his user flow, super well-thought-out and totally defines his vision of the experience. In UX, we spend most our time working on building an experience or redesigning one. My Alexa is a suggestion of new concept for Amazon Alexa app. This project has new visual and empathic interface. My Alexa will empower user's daily life with inspiration, motivation, insight and empathy. The whole concept was inspired by Maslow's Hierarchy of Needs. More Links Learn more about Jooyoung Joung Follow Jooyoung's work on Behance UI/UX & Interaction Design  

Playful Web Design & UI/UX for Superlative Store Concept

Playful Web Design & UI/UX for Superlative Store Concept

We are taking a look at the concept by designers Stugbear and Shota Xaxaleishvili on a store concept called: Superlative. They have worked on the web design, UI/UX and also the interaction design. The desktop experience is clean and I love the interactions especially on the menu. It totally enhances the shopping experience. One thing though, I wouldn't see this concept work for a fashion brand because the overall experience might be long for some but it's quite playful which is always inspiring to note. There is also the concept of the filters which are nice, this direction makes it even more clear and it reduces the number of clicks for the user. More Links See full project on Behance Learn more about Stugbear . on Instagram Learn more about Shota Xaxaleishvili on Dribbble Web Design & UI/UX  

UI Inspiration: This week's selections from Shekh Al Raihan, Shahidul Islam Shishir and more

UI Inspiration: This week's selections from Shekh Al Raihan, Shahidul Islam Shishir and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! This week we are having some beautiful UI with food, I guess it's a nice way to start off the week. I stumbled a very interesting UI approach from Surja Sen Das Raj about a WIP for Project Management iOS Application, check it out! In this collection we are featuring the work from Shekh Al Raihan, Shahidul Islam Shishir, Atuka, Daniel Timofte and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Shekh Al Raihan Design by Shahidul Islam Shishir Design by Atuka Design by Daniel Timofte Design by Bhawna Joshi Design by Marvin Wu Design by Ahsan Raz Design by Sebastian Stapelfeldt Design by Aimm Design by Abdullah Noman Design by Christos Design by CANAAN Design by Surja Sen Das Raj Design by Johny vino™

UI Inspiration: This week's selections from Joshua Oluwagbemiga, Ahsan Raz and more

UI Inspiration: This week's selections from Joshua Oluwagbemiga, Ahsan Raz and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! For starters, we have a beautiful concept from Joshua Oluwagbemiga using InVision Studio and also lots of magazine-style layout design in UI. It's full of potential, might be a headache for developers but quite a fun exploration. In this collection we are featuring the work from Joshua Oluwagbemiga, Ahsan Raz, fxs, Nelia Kleiven and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Joshua Oluwagbemiga Design by Ahsan Raz Design by fxs Design by Nelia Kleiven Design by Dragon Lee Design by Ana Wibiastuti Design by Silver Stag Design by Akshay Bukka Design by HelloKimi Design by Nicolas Bonté Design by Liquidink Design Design by Zsolt Stelkovics Design by Denis Abdullin Design by Zuairia Zaman Design by JONDesigner Design by Studio–JQ Design by Maria Kovalevich Design by yuuheng Design by Julien ™ Design by Rocion

UI Inspiration: This week's selections from Outcrowd, Mario Šestak, Adrián Somoza and more

UI Inspiration: This week's selections from Outcrowd, Mario Šestak, Adrián Somoza and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! For this week, we are seeing a few really good UI transitions that you should really a closer look. I particularly like the Senhoma prototype from Adrián Somoza, really subtle transition and clever as the same time for a slider carousel. Check it out! In this collection we are featuring the work from Outcrowd, Mario Šestak, Adrián Somoza, Bojan Mesar and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Outcrowd Design by Mario Šestak Design by Adrián Somoza Design by Bojan Mesar Design by Guilherme Kerber Design by Paolo D'Ettorre Design by Miro Arabadjiev Design by Selim Özkök Design by cpeople team Design by Rahabi Ahmed Khan Design by JustCoded Design by melanycaulet Design by BrandBox Design by panteleyeva Design by Luka Bliadze Design by Tom Koszyk Design by Gil Design by Zhenya Rynzhuk Design by Michał Smolec Design by Martin Strba Design by Majo Puterka

UI Inspiration: This week's selections from Zahidul, Cuberto, Hrvoje Grubisic and more

UI Inspiration: This week's selections from Zahidul, Cuberto, Hrvoje Grubisic and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! For this week, we are seeing lots of creative work mixed with illustration. We are also including a fair amount for submissions from the #SpacedChallenge that we have featured on ABDZ. In this collection we are featuring the work from Zahidul, Cuberto, Chris Sandlin, Julia Jakubiak and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Zahidul Design by Cuberto Design by Chris Sandlin Design by Julia Jakubiak Design by Hrvoje Grubisic Design by Igor Pavlinski Design by Tom Koszyk Design by Margot Gabel Design by Geex Arts Design by Mike Delsing Design by Beka Kereselidze Design by Dimest Design by Tintins Design by Prowling Wolves Design by Md. Ashiful Haque Design by Mahin Muslim

Web Design 2018 Trends - Part 1

Web Design 2018 Trends - Part 1

The cool thing about following websites like Dribbble and Behance, especially Dribbble, is that you can see the direction the visual design community is going. For the past 10 years we have seen photo-realistic icons being the main theme, then it evolved to lettering, vector illustration and for the past couple of years the site has definitely focused on UI/UX. Web design is part of that and I have been collecting images for posts to illustrate a new trend in web design. Below you can see what I am talking about. To summarize, it's highly editorial, simple and in my opinion looks amazing. The only question I have is how does that work with fully responsive websites. The more complex the layout is hight the number of edge cases you will have. At least from my short experience. Web design

Web Design Inspiration - Work of Adrián Somoza

Web Design Inspiration - Work of Adrián Somoza

I have been posting more often about web design. There reason is, of course, I am in the process of redesigning the blog and I need some web design inspiration. For this post I'd love to feature the work of  Adrián Somoza, a senior designer @MediaMonks, based in Buenos Aires, Argentina.  The work has a lot of style and some patterns that I've been noticing more often on sites like Dribbble and Behance that is the use of some modular design with clear blocks of colors. The motion design is another important feature of these designs. They tend to take advantage of the modular approach to create some subtle but yet beautiful transitions. Below I selected a few pieces to share with you Web design

New Trend in Visual Design and Motion Design for the Web?

New Trend in Visual Design and Motion Design for the Web?

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

UI Inspiration: This week's selections from Matthew Sandoval, Haoming, Tony DeAngelo and more

UI Inspiration: This week's selections from Matthew Sandoval, Haoming, Tony DeAngelo and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! For this week, we are seeing our first Dashboard design that we haven't seen for quite some time. We have a little bit of everything this week, hopefully you will enjoy! In this collection we are featuring the work from Matthew Sandoval, Haoming, Tony DeAngelo, Mikolaj and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Matthew Sandoval Design by Haoming Design by Mikolaj Design by Richardzon Design by Dimest Design by rohan rahian Design by Emma Y. Design by Geio Tischler Design by Tony DeAngelo Design by Mario Šestak Design by Sayeed Ahmad Design by Oleg Melnykovl Design by Michal Sambora Design by Zhenya Rynzhuk

UI Inspiration: This week's selections from uixNinja, Sky™, Vimal Kutmutia and more

UI Inspiration: This week's selections from uixNinja, Sky™, Vimal Kutmutia and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! For this week, we are seeing a little bit more designs about cryptocurrency, is it becoming a new trend? Let's take a look at this great crypto wallet from uixNinja. Also some cool web design transitions especially the one from Filipe Almeida for his Primetime blog. In this collection we are featuring the work from uixNinja, Sky™, Vimal Kutmutia, Jarek Maćków and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by uixNinja Design by Sky™ Design by Vimal Kutmutia Design by Jarek Maćków Design by Raphaël Dutoit Design by Lars Mazanec Design by Cleo Stephenson Design by CerebroCreativo Design by House of Greenland Design by Daviann Design by George Design by Jonas Arleth Design by Hendaru Hery Hermawan Design by Filipe Almeida Design by Miłosz Bieniek Design by Koncepted Design by musHo

Playstation Minimalist App Design Concept

Playstation Minimalist App Design Concept

Minimalist app design seems to be more than a trend but a expected evolution for interface design. Before people were not familiar with these new touch devices, it was important to make sure things had a connection with the real things, therefore the hyper-realistic design full of shadows, depth, texture and colors. I am not saying that it's not important to highlight what is tappable or not and trust me, I am very familiar with the subject. But the more used people get with the devices the basic interface starts to take the passenger seat and let the content drive the user attentions. In the web 2.0 content was king, then we had context being the king. Now we have both at the same time. The app design concept that STRV Team shared for the Playstation app is a quite interesting one. There are a lot of things to love but also quite a few raised eye-browns. But remember, it's an concept so let's try to get inspired. STRV Team is a design studio basedi n San Francisco with a quite elegant portfolio. For more information make sure to check out http://strv.com/ We love what we do, and we strive to provide the best services for our clients. The aim is to become part of your team, and with the help of our developers and designers create meaningful digital experiences. Minimalist App Design Concept   Made with love in STRV

UI Inspiration: This week's selections from Samuel Medvedowsky, Barbara Morrigan and more

UI Inspiration: This week's selections from Samuel Medvedowsky, Barbara Morrigan and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! For this week, we are taking a step back from cool transitions. But Samuel Medvedowsky made a beautiful and useful UI kit, check it out. I loved the "Category Page Interaction" from Dannniel where it's always a good challenge to build a great experience for online retail. In this collection we are featuring the work from Samuel Medvedowsky, Barbara Morrigan, Sasha Turischev, Dann Petty and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Samuel Medvedowsky Design by Barbara Morrigan Design by Sasha Turischev Design by Dann Petty Design by Giel Cobben Design by Adam Ho Design by Dannniel Design by Pavel Tsenev Design by Jon Ezell Design by Dmitri Litvinov Design by Mo Design by Dmitry Neugasimov Design by Christian Vizcarra Design by João Torres Design by Minh Nguyen Design by tranmautritam

anagrama

Product Design Love: Bodega Los Cedros by Anagrama Studio

Bodega Los Cedros is a Mexican vineyard located in the mountains of Arteaga, Coahuila. The origins of the name derive from a passion and dream of a family to produce high quality wines within a region more than 100 years old named "El Cedrito." Enter the talented team at Anagrama Studio to bring the branding vision of this magical place to life by tapping into the geographical location of the vineyard for inspiration. The end result, a beautiful brand identity that employs the characteristic components of the area such as climate, altitude, flora and fauna. We particularly love the simplicity of the logo highlighting three pine trees as the brand's distinctive icon along with the wine label and die-line mimicking cloud shapes. From a typographic standpoint, we can enjoy a sans serif that adds a touch of modernity while the script gesture preserves a more organic touch showcasing the brand's marriage of simplicity and elegance. The color palette is nice and neutral enabling a spotlight on the diverse wine color tones while  accentuating the contrast between bottle and label. Cheers to the Anagrama team for a beautiful execution celebrating this beautiful wine label.   

UI Inspiration: This week's selections from Lukas Svarc, Quintin Lodge, Cuberto and more

UI Inspiration: This week's selections from Lukas Svarc, Quintin Lodge, Cuberto and more

It's that time of the week for our collection of UI/UX interactions to boost your UI inspiration. We are focusing on cool animations, layout designs, UX thinking and more. We are mixing it all from static, dynamic and even live prototypes, this might be a great weekly series to bookmark! For this week, we have in great company with amazing shots from very talented designers. Let's take a look at cool transitions of a productivity app, a flight seating UI, cryptocurrency exchange concept and more. In this collection we are featuring the work from Lukas Svarc, Quintin Lodge, Cuberto, Steven Fabre and more. More Links For more, check out Dribbble Follow my tweets @aoirostudio Follow my pictures on Instagram via Dribbble Design by Lukas Svarc Design by Quintin Lodge Design by Cuberto Design by Steven Fabre Design by Morten Niklasson Design by Nicholas Design by Joshua Oluwagbemiga Design by Corey Haggard Design by Valentine Boyev Design by yoki-woo Design by dmtr. Design by Bobbi Z Design by Jason Kirtley Design by Sean_Song Design by Artyom Tarasov