March 2018

Fascinating Design News – Arriving Every Month

In this edition of Toptal Design World News, we highlight four cutting-edge tools that promise to improve design productivity and collaboration; plus, we bring reports of an improbable comeback in the making—the resurgence of skeuomorphic design.

We’ll also showcase a detailed UI design tutorial that Toptal designer Ruaridh Currie was hired to create for Digital Arts Magazine.

To get our curated selection of compelling design news and global trends delivered to your inbox each month, sign up now! ↓

•••

Supernova Studio – Convert Sketch Files into Native Apps

Convert Sketch files into native apps with Supernova Studio

Supernova Studio, which converts Sketch files into native iOS, Android, or React apps (with the guidance of a designer), have released their first macOS version. Later versions will offer support for Windows and be able to convert more than the UI into native code.

Read More »

Beautiful.ai – A New Way to Build Presentations

Build presentations with Beautiful.ai

Beautiful.ai is a new presentation building app that suggests ways to visualize ideas, using artificial intelligence to automate everything from fonts to alignments. While offering plenty of photos and icons to choose from, it ensures that presentations are following design best practises,

Read More »

Angle 2 – 500 Device Mockups for Sketch

Angle 2 includes 500 device mockups for Sketch

The newly released Angle 2 is a collection of 500 device mockups for Sketch. Angle comes with a free Sketch plugin to help place your app screens in a variety of perspectives and styles, including clay, realistic, flat, and shadow.

Read More »

Witeboard – Real-time Whiteboard Collaboration for Teams

Witeboard is real-time whiteboard collaboration for teams

Witeboard is a new web app that allows for real-time whiteboard collaboration for teams, and best of all, no signup is required to get started. Simply create a whiteboard and invite your team!

Read More »

Is Skeuomorphic Design Coming Back?

Skeuomorphic design might be coming back

Designer Michael Flarup discusses textures, lighting, and dimensionality in UI design, and whether or not skeuomorphism could ever make a comeback. He argues that the great simplification of the visual interface had an air of throwing the baby out with the bathwater. Hold your pitchforks and let him explain.

Read More »

•••

Toptal Designer Showcase

Please tell us about a recent project you worked on.

Digital Arts Magazine approached me a couple of years ago about writing a step by step UI design tutorial for a future edition. I was allowed to choose the kind of tutorial I wanted to design and the creative direction, so it was a pretty open brief. I chose to create an extremely detailed tutorial for creating a fashion iPad app user interface, using best practice techniques in Adobe Photoshop. At the time I felt there was a lack of good quality detailed tutorials on creating user interfaces for tablets, so I was confident this would work well.

fashion iPad app design tutorial


What was your design process?

I essentially started by creating the end result first and worked my way backwards from there. I had an idea, style, and interface in mind, so I created the main UI paying careful attention to make a mental note of all major steps.

I also made sure all design elements I put down aligned to a precise grid structure. Once I was happy with the overall design, style, font choices, and photo treatments, I set about detailing what individual steps a typical user might need in order to start from nothing and end up with a finished polished UI! At this point, I realized this would have to be incredibly detailed.

The tutorial took a few months to complete. I had to fit it around my daily client work and it became a kind of hobby—almost like piecing together a jigsaw puzzle. I had a slight break halfway through to refine some steps, but once I was in the routine of documenting each step from the start, the process sped up.

ecommerce website design tutorial process

What was the outcome? What are you most proud of?

The final outcome was a detailed, step-by-step tutorial which was published by Digital Arts Magazine. I received a lot of great comments, emails, and followers on Twitter as a result. I was proud of seeing something I had worked hard on published by a publication I had been reading for many years. It was hugely time consuming to do, but I feel the end results were well worth it!

ecommerce website design tutorial

More about Ruaridh Currie »

•••

If you haven’t done so already, make sure to follow Toptal Designers on Twitter, LinkedIn, and Facebook to stay up to date with the latest from our blogs including best practices, how-to guides, in-depth analysis of hot topics, and much more.

•••

Thanks for reading this issue of Toptal Design World News. We’ll be back in April with another exciting installment, so don’t forget to subscribe to have the latest news on design innovation and trends dropped directly into your inbox.

With articles written by leading designers from the Toptal network, the Toptal Design Blog covers a diverse array of relevant design topics and serves as an informational and educational hub for design industry experts from across the globe.

Subscribe today and discover the immeasurable value of design resources published by the Toptal network.

Hiring? Meet the Top 10 Freelance Product Designers for Hire in June 2018
Don't miss out.
Get the latest updates first.
No spam. Just great design posts.
Don't miss out.
Get the latest updates first.
Thank you for subscribing!
Check your inbox to confirm subscription. You'll start receiving posts after you confirm.

Comments

comments powered by Disqus