Icons in UI Design. Great Power of Small Details - belltrainge

In united of our previous articles called Iconic Simplicity. The Vital Role of Icons we receive shared our vision on the importance and features of icons in economic UI/UX innovation. Our designers always figure out good on icons for every visualize we take over. Going further, Tubik Studio designer Valentyn Khenkin created special UI concepts to present icons at work in different applications. The presentations are created on the groundwork of underivative icons packs ready-made by Tubik Studio apartment designer Chester Alan Arthur Avakyan.

Multimedia Icons Presentation was already published happening Behance and faced at App Aim Served. It was followed past a Valentine's Daytime Icons Presentation which presented unity more UI concept showing another type of environment for design. So, now we decided to tell a bit more about those presentations here.

Multimedia Icons Presentation

The first UI concept was created on the basis of Multimedia Icons Set by Arthur Avakyan.

To present some items from the set in practice, Valentyn Khenkin designed the UI construct of the Media Player App. The screens of the role player designed for the concept demonstrate the icons with fit-thought-out placement and functionality presented via their symbolic meaning and simple well recognizable forms.


On the screens, you can undergo the icons from the presented set featuring all the needful functions (Swordplay/Pause, Back/Forrad, Repeat, Mute etc.). On the feed blind, three more functions were presented with icons, which allow for non solitary clear metaphors and symbols but too the particular flair features and bright visual details. The draw a bead on of both designers was to create the icons which do not overburden the general layout of the screens, look harmonic with the background and make up a simple and shining user interface, easy to use in some surroundings. Therefore, all the icons were carefully drawn and shaped.

Then, this concept shows the important part of much slender details American Samoa icons in creating efficient UI design that feels integral and stylish through and through all the app.

Valentine's Mean solar day Icons Presentation

One Sir Thomas More set of icons was especially created by Arthur Avakyan for Valentines Day theme.

Designing icons for the correct, the designer took much time and effort to make them clear, recognizable and meaningful in the universal layout of the interface. Founded on this, Valentyn Khenkin worked stunned one more UI construct demonstrating the broad functionality of this set even beyond the seasonal topic of St. Valentine's Day celebration.

To demonstrate the icons in action, the designer created the concept of a Dating App. It is designed and intellection-stunned as a kinda social network for dating and easy communication. Here you bottom see the Visibility screen, the Calendar screen, and Feed screen. The Profile screen shows the user's data and statistics as good every bit featuring the use of icons of the bestowed set in the tab bar. The icons represent primary steps of seafaring and at the same time become a quality addition to the general visual representation of the screen.

The Calendar cover shows the interactive calendar of the app where the vector icons are represented as symbols of the gifts and actions planned for the particular date. Also, the small icon on the avatar becomes a little symbol of marking a person you are dating. So, the icons become the efficient puppet of visualization of navigational functions also A marking specified data. Moreover, they play the role of optic elements not only functional but also decorating the screens, making them energetic, cute, and stylish. Arsenic in the previous lawsuit, completely the shapes, proportions, and curves were accomplished with great aid for the mentioned aims.

So, the second presentation also shows the great potentiality and high level of functionality of such small elements as icons.

UI Kits

Working connected different projects in Tubik Studio, our designers organize UI Kits — the sets of user interface elements that can be integrated into versatile web or app design. Now we are also working on ready-made UI Kits universal for different projects which bequeath be presented for designers. Working on the concepts for icon presentations described here, the intriguer also prepared the UI Kits.


The exercise along icons and concepts continues to instant even more options and high creative potential of icons as vital elements of user-couthy interface and successful interaction providing positive user have. Our designers have already created and bestowed several packs of icons, including the ones shown here, connected Dribbble, Behance, Fanciful Market, and Envato. Hopefully, our work testament be helpful for other designers and perhaps will economize some time and effort for those who are in look of necessary icons for their projects.

At present we are also preparing the articles which will tell you Sir Thomas More astir the full path of icon design, from the rough sketches to polished digitized versions. Don't miss them in our next posts.

---

About the Source: Marina Yalanska is content manager and author for Tubik Studio, technical school/design blogger and researcher

Source: https://blog.icons8.com/articles/icons-in-ui-design-great-power-of-small-details/

Posted by: belltrainge.blogspot.com

Share this post