Tag Archives: quora

tubik studio graphic design illustration

Tubik Monthly Review. June.

Hot summer days are full of bright impressions, various design projects, creative brainstorms and productive teamwork. Starting a new month, let’s remember what was done in June.


Our Dribbble page got new shots presenting various design concepts: graphic design, mobile interfaces, landing pages, animations were posted by studio designers.  Let’s look through the June shots. If you are interested to see all the details  full-size, just follow the links.



Vinny’s Bakery by Ernest Asanov


icon pack tubik studio

Bright Icon Pack by Ludmila Shevchenko


tubik studio landing page design

Landing Page. Design Issues by Marina Yalanska


character illustration tubik studio

Indian Dreamcatcher by Arthur Avakyan


travel app tutorial tubik studio

Travel App Tutorial by Denys Boldyriev


3d animation tubik studio

BeBright App 3d Animation by Kirill


book swap app tubik studio

Book Swap App by Ludmila Shevchenko


web design tubik studio

Web Design Glossary by Marina Yalanska


tubik studio healthy food animation

Healthy Food App by Ernest Asanov


gym landing page concept by Tubik

Gym Landing Page by Dima Panchenko


tubik studio illustration graphic design

Muscles Magazine by Denys Boldyriev


tubikstudio travel gear landing

Travel Gear Landing Page by Tania Bashkatova


Surely, we took a chance of publishing some articles here in Tubik Blog about actual design issues. In case you missed any of them, look through the list of topics discussed in June:

  • UI/UX Glossary. Web Design Issues.  New set of UI/UX design glossary focused on basic terms used in webdesign sphere. Here you will find the explanations and examples of webdesign as a sphere of human activity, responsive design, home page, landing page, footer and header.
  • ITEM 2016. Conference Connecting Experts. The review of ITEM-2016, big IT conference held in Dnipro, Ukraine, which became a bright start of our summer. Great speakers and guests from different countries, wide range of topics and many bright moments of professional communication.
  • Design Is a Job. 30 Honest Quotes by Mike Monteiro. Fresh set of quotes about design issues. This time it is based on useful and helpful book «Design Is a Job» by Mike Monteiro, the co-founder of Mule Design who is deeply and sharply honest about not only the benefits but also pitfalls of design process.
  • FAQ Design Platform. Human-Centered vs User-Centered. Are the Terms Different? The issue of FAQ Design Platform concentrated on slight nuances in definitions of human-centered and user-centered design with examples by studio designers.
  • Business Terms in Design for E-Commerce. Sales Basics. When in Rome, do as the Romans do. When in business, know what the business people talk about. First set of key business terms for designers who work for e-commerce: conversion, sales funnel, sales channels, niche, 4P etc.
  • UI in Action. 15 Animated Design Concepts of Mobile UI. The diverse set of design concepts providing practices by studio designers in interface animation. Motion design ideas for various mobile applications, supporting layouts from slightest motion accents up to core interactions.
  • Short but Vital. Key Abbreviations in Design for Business. The article continues to set the bridge between business and design. This time we consider popular abbreviations such as MVP, USP, B2B, B2C, C2C and their influence on design solutions in perspective of UI, UX and branding.


tubik blog article


As usual, we were keen to actively share our knowledge and experience answering questions about various design topics on Quora. Here are the most popular ones in June:

What blogs can help me become well versed in UI, UX and usability standards?

— What is a home page?

What is a landing page?

— What’s the difference between human-centered design and user-centered design?


Tubik studio on Quora


Design events were also a bright part of the month. In June the team of studio managers attended the conference ITEM-2016 and designers attended Shuba meetup.


ITEM conference IT Tubik managers


Tubik studio designers


June moments of work, rest and creative search were traditionally shared with our followers on studio Instagram page.


tubik studio design office


tubik studio designer ecommerce


Definitely, we didn’t miss the chance to share our ideas and experience via Medium and kept everyone updated with studio news via Twitter, Tumblr and Flipboard.


Welcome to join us wherever it’s convenient for you. Positive summer vibes and bright inspiration to everyon. Let’s meet a new month of projects, ideas, meetings, fresh design concepts and wise tips from experts. Stay tuned!

Welcome to see the designs by Tubik Studio on Dribbble and Behance

tubik studio UI designers

FAQ Design Platform. Human-Centered vs User-Centered. Are the Terms Different?

Today’s issue of our FAQ Design Platform in Tubik Blog will concentrate on the difference of terms «human-centered» and «user-centered» which now have become a sort of basic ones for the sphere of web and app design. The answer is based on the thoughts we have provided for the question on Quora which you are always very welcome to read and where we are happy to share our ideas, knowledge and experience.


Tubik studio on Quora


So, the original Quora question we are answering today was the following:


What’s the difference between human-centered design and user-centered design?


That’s really true that the two terms mentioned in the question are widely used replacing each other in different contexts and percieved as equals. The difference between the meaning people put behind those words is really slight and blurred that it is easy not to notice it at all. However, with a content manager onboard holding a degree in linguistics and being a keen lover of slightest semantic nuances, we decided to get deeper in the issue. As research and practice show, although these terms in fact have the same roots, the idea they present is viewed in a bit different perspective.


It can be supposed that human-centered design is the process of creating things deeply based on general natural characteristics and peculiarities of human psychology and perception. It doesn’t matter if you design furniture, cars, stationery, TVs, websites or anything else — any object of design can be made human-centered on the ground of psychology, physiology, sociology and other sciences analysing human life and interaction with the environment. It means that human-centered product will be not only nice but also functional according to psychological traits and features typical for big groups of users.


A really good and simple definition is found in the article «Characteristics of Human Centered Design»: «…human centered design can be defined as the process that places the human needs and limitations in a higher priority compared with other targets during the design thinking and production differential stages. During this process, the designer is required not only to analyze and come up with solution for existing problems, but test and validate the designed products or service to achieve planned targets in the real world.»


For example, there are basic conditions of general physical human abilities, color perception, contrast perception, readability, interaction with a product in different environments that are typical for vast majority of people. Let’s say, typically people are not able to see in the darkness, and the darker is the environment, the harder it is for most people to percieve something visually, doesn’t matter what age, education level, social layer, professional skills you represent. This is a common human physical characteristic. Neglecting it means creating a product which people will not be able to use properly being limited in their abilities. 


Creating objects which people are going to interact with, designers have to be aware of those traits and take them into account in the process. That is the reason to study at least the basics of psychology, physical and emotional perception for designers who would like to create things convenient and friendly for people in general. We also believe that is a strong reason to involve psychologists, behaviorists, physiologists and other experts into the process of design.


ipad interaction tubik studio

GIF — Portrait vs Landscape by Sergey Valiukh


Here you can see the interactive concept of transition from portrait to landscape mode. It is based on general ability and necessity of any user of digital product used on iPad to get the feedback from the system that the action of transition from one mode to the other is done. If it is done smoothly and with quite natural speed, that is one more element of positive user experience, sometimes even unnoticed as the microinteraction takes split seconds. The presented example actually imitates interaction with a physical object and therefore makes user experience more clear and positive for users of different age, gender, educational background etc. This is actually the small piece of human-centered design solution.


Continuing the theme, user-centered design is more focused and concise version of human-centered design with deeper analysis of target audience. It is concentrated on not only human characteristics and perception in general but also specific traits and features of target users to make problem-solving potential of the designed product as high as possible in perspective of its users. This is the stage when details about the target user of design object start playing their role: defining target audience, designer takes into account age, gender and social status, potential education level and professional background, influential social factors and typical environments of product usage etc. On this basis, designer makes deeper research on preferences and peculiarities, special aspects of interactions, specifying general human-centered ideas with important details of target audience’s preferenсes, emotional and physical perception traits as well as levels of technology awareness and tons of other factors. This is what we usually do on the stage of user research here in Tubik Studio and practice shows this stage is vital for creating problem-solving and user-friendly designs.


So, it can be said that human-centered design is the first obligatory step to making the product applicable, while user-centered solution is the next step to make it concentrated on pains and needs of specific category of users.


Let’s look at one more example.


Contact List Concept Scrolls Tubik


Contact List Concept Scrolls by Eugene Cameel


This design concept for a contact list looks nice and voguish. It presents two different variants of scrolling the directory and refreshes traditional interaction experience. It is grounded on basic aspects of readability, contrast, visual hierarchy, provides clear feedback to user’s actions and necessary functions. It follows basics of coloristics, logics and visual harmony. Certainly, it is human-centred. No doubt, big proportion of teenagers and millenials, people who use diverse interfaces every day and see them as an integral part of their life, will be engaged and would like to try it. However, for older people this sort of interface can seem a bit scary and overloaded as well as somehow darkish comparing to simple traditional interfaces based on light background. So, this user-centered interface responds to the wishes and preferences of narrower target audience.




Here is one more case featuring web design concept by Ernest Asanov. It represents interface design for a website presenting online bakery selling. On the basis of the design solutions it is easy to assume that this is the service positioning itself as a producer of upmarket products which are exclusively hand-made and presumably because of that reason cost higher than average bread in the supermarket. Therefore, the website is designed aimed at particular target audience. As we mentioned in one of our previous articles about benefits of dark background in user interfaces, dark color solutions can form popular associations in visual perception. Dark colors are usually associated with elegance and mystery. Moreover, black is often associated with elegance, formality, prestige and power. This is the style provided by the presented design: dark background, branding element as a central element of a header, strong and clear headline establishing positive emotional message, visual elements enabling immediate perception of the theme and setting strong visual association with tasty pastry, short text block describing basic benefits of the product and clear visible call to action. The designer worked out the solutions that will look attractive and informative for target users wishing to feel the exclusivity and high-quality of the product and able to pay more than average. Therefore, this example also shows the techniques of not only human-centered, but deeper user-centered design.


However, supporting previous answers given by other professionals along this question on Quora, it also has to be mentioned that in modern design, especially in digital field like creating applications and websites, human-centered design and user-centred design are most often inter-replaced and used basically as full synonyms. Perhaps that happens because in this sphere most products are created and updated for certain category of users rather than “for all and everybody”. Moreover, users of all the digital products are people, therefore all the solutions should get based on the positions of human-centered design. Certainly it doesn’t mean that universal interfaces cannot be found: they do exist and we apply some of them on daily basis, so they are a good example of general human-centred design that successfully applies knowledge about features typical for great majority of users. However, they are closer to the exceptions which prove the rule.


So, in terms of web and app design we can assume that description of design as “human centered” or “user centered” just shows different levels of detalization in design process, different stages one of which considers human interaction features and the next gets deeper in details of certain categories of users, thier needs, wishes and problems.


The great example of synonymic perception of the terms is the video powered by IDEO (Design Kit), great experts in human-centered design.



Again, it’s important to emphasize that the definitions given represent our personal vision of the terms based on linguistic nuances of given terms and practical experience of processes in design studio with all respect to other points of views.

This is all for today. We’ll answer the next set of answers soon here in our blog. The FAQ platform outlines several directions, so it features the questions, frequently asked by customers, designers, and users. We are open to share our experience, so if you have any questions, feel free to ask them via direct message in our Facebook page or Twitter as well as our Quora representative. We are looking forward to your questions!

Welcome to see the designs by Tubik Studio on Dribbble and Behance

Welcome to read us on Quora

tubikstudio website design ui

Tubik Monthly Review. May.

The summer has come full of bright colors and moments of life. Traditionally, we start it reviewing and analysing what happened during the last month. So, let’s look together what May has brought to studio life.


The month brought out new shots published on Dribbble by studio designers: there were presented diverse design concepts of websites and landing pages, mobile applications, interface animation and character animation, lettering, logo and branding design. Follow the links if you are interested to see all the details full-size.


tubik studio landing page toys

Henderson — Handmade Toys by Vladyslav Taran


contact list design concept tubik studio

Contact List Concept by Eugene Cameel


tubik studio ui design dark

Dark Side of UI Design by Marina Yalanska


online magazine design tubik studio

Daily Bugle Online Magazine by Dima Panchenko


tubik studio ice ui website

Tubik Studio | Ice by Ernest Asanov



SwiftyBeaver. UI Design for Mac App by Marina Yalanska


landing page animation Tubik studio

magic.co landing page concept by Ludmila Shevchenko


tubik studio logo design case study

Case Study: SwiftyBeaver Logo by Marina Yalanska


lettering tubik studio design

Rapture Lettering by Denys Boldyriev


tubik studio application recipes and cooking

GIF Animation for Recipes and Cooking by Sergey Valiukh


monster intro animation tubik studio

Epic Monster Intro Animation by Kirill


Contact List Concept Scrolls Tubik

Contact List Concept Scrolls by Eugene Cameel


We have published some new articles about general and specific design issues as well as practical case studies here in Tubik Blog. In case you missed any of them, here’s the list of topics considered in May:


  • Dark Side of UI. Benefits of Dark Background. The article continues the topic of effective color choices in user interface design. This time it is devoted to the benefits and pitfalls of dark background in UI design solutions for websites and mobile applications.
  • SwiftyBeaver. UX & UI Design for a Mac Application. Fresh case study on UX and UI design process. Detailed description of creating user interface for SwiftyBeaver, a Mac application presenting the first integrated logging platform for Apple’s Swift programming language.
  • Case Study: SwiftyBeaver. Designing Logo. New case study on logo design continuing the story of comprehensive design process for SwiftyBeaver, the integrated logging platform for Apple’s Swift programming language. Packed with graphics demonstrating various creative stages.
  • Landing Page. Direct Flight to High Conversion. The article is devoted to the basics of landing pages design. Considers the issues of conversion, CTA, USP, copy, visuals and other elements of efficient landing. Packed with examples by studio designers and recommended reading.


swiftybeaver article tubik studio


This month we also actively shared our ideas and experience answering questions about design issues on Quora. Here are the most popular ones which got most readers’ attention in May and some of them got featured in Quora Digest:


Why are illustrations important for UX design?

— Why hasn’t Facebook updated their UI to a more modern design?

What is the difference between UI and wireframe?

— In website design, what are the pros and cons of dark text over light background vs light text over dark background, and is one better than the other?


Tubik studio on Quora

May was full of unforgettable moments of brainstorming, collaboration, creativity and friendship which we, as usual, actively shared with our followers in studio Instagram page.


tubik studio designers instagram


Tubik studio design team


Getting closer to global design community and all those who have keen  interest in this field, we shared our ideas and experience via Medium and kept everyone updated with studio news via Twitter, Tumblr and Flipboard.


So, welcome to join us wherever it’s convenient for you. Bright and positive summer to everyone, we are ready for a new month, new projects, ideas and meetings, fresh design concepts and wise tips from experts. Stay tuned!

Welcome to see the designs by Tubik Studio on Dribbble and Behance

tubikstudio graphic design ui

Tubik Monthly Review. April.

One more month has brought interesting projects, active work, productive discussions, inspiring communication, creative search and bright memories. As usual, we start a new month with a quick review of what has already been done, so let’s look through some of April’s achievements.

Traditionally, we will start with a set of Dribbble shots presented by studio designers. 


tubik studio ui animation

Animated Interactions by Marina Yalanska


tubikstudio swiftybeaver landing

SwiftyBeaver Landing Page by Ludmila Shevchenko


swiftybeaver logo design

SwiftyBeaver Logo by Arthur Avakyan


website design concept tubikstudio

BRMC Website by Konst


InVision for UI prototyping tubikstudio

Prototyping with InVision by Marina Yalanska


ui animation cafe app tubikstudio

Cafe Coupon App by Dima Panchenko



website animation ui tubikstudio

BRMC Website — Animation by Konst


tubikstudio weather app

Weather Icons Presentation by Valentyn Khenkin


tubikstudio graphic design ui

Mascot Magic in Branding by Marina Yalanska


Tubik studio character animation

Daily Stuff by Alla Kudin


tubikstudio graphic design illustration

Ryiadh Tour Guide by Valentyn Khenkin


tubikstudio ui animation website design

Tubik Studio | Björn by Ernest Asanov


tubikstudio ui app design

Visual Perception. Icons vs Copy by Marina Yalanska


Also we have presented new studio work on Behance, this time showing the set of interfaces featuring app design with custom weather icons and illustrations.

Behance presentation icons tubikstudio

Weather icons Behance presentation


We also have published some new articles with our ideas on general and specific design issues here in Tubik Blog. In case you have missed out on any of them, here’s the list of what were the themes to discuss in April:

  • Graphic Design. Communication Beyond Words. The article about basic aspects of modern graphic design as a professional sphere. Here we consider the definition of graphic design, its directions, skills and qualities needed for work and also support all that stuff with examples created by studio designers.
  • Tubik Reading List on Design. Issue 3. New set of recommended fresh articles about various UI/UX design issues as well as the short review for a design book of the week. 
  • Design Tool Review. Prototyping with InVision. The review of the popular prototyping tool for designers. Analysis of practical benefits of InVision for creating efficient workflow and user-friendly designs.
  • 10 TED-Talks for Creative People. The fresh set of inspiring and informative TED-talks. This time 10 recommended speeches from experts are focused on diverse aspects of creativity. Enjoy watching!
  • Mascot Magic. Personifying Your Brand. The article about mascots as the design element with a strong potential in brand and content management. Here we consider main advantages and requirements to efficient mascots.
  • Visual Perception. Icons vs Copy in UI. The article analysing relations between copy and icons in app and web user interfaces in perspective of natural visual perception. Supported with practical design examples and recommended reading.


Tubik blog design article


This month we also actively shared our ideas and experience answering questions about design issues on Quora. Here are the most popular ones covered in April:

Why are illustrations important for UX design?

— Why hasn’t Facebook updated their UI to a more modern design?

— In UIs, do people recognize icons faster than words?

— Why is it important for UX designers to work in teams?

— What is graphic design?


Tubik Studio on Quora


April brought many unforgettable moments of collaboration, creativity and friendship which we actively shared with our followers in studio Instagram page.


tubik studio designers


tubik studio design team


Getting closer to global design community as well as everyone interested in this sphere, we shared our ideas and experience via Medium and kept everyone updated with studio news via Twitter, Tumblr and Flipboard.

Also in April studio team was featured in the article Photo Tour of Tubik Studio revealing a bit of studio history as well as everyday routine and work conditions in WhatPixel Blog.


tubikstudio design office


One more month went to history but brought fresh prospects and new aims which we are keen to realize in new projects, concepts, meetings and articles. Get inspired!

Welcome to see the designs by Tubik Studio on Dribbble and Behance

tubikstudio graphic design icons

Visual Perception. Icons vs Copy in UI

Our eyes are a powerful instrument of getting great deal of information in split seconds. What is more, we do not need to apply too much effort: most of data is absorbed unconsciously. And that puts the issue of visual perception in the top significant concerns in the sphere of design, especially in product design which solves user’s problems and satisfies needs.


We have already shared our ideas about the role of icons in interfaces in the article describing their most important advantages. Today’s article deals with one of the aspects initiated by Quora questionIn UIs, do people recognize icons faster than words?” Having shared our ideas in the answer, we decided to provide its extended version here for our readers.


tubik studio icons design


The aspect of speed


Visual perception is one of the most productive and quick ways through which people are able to obtain information and get it processed by the brain. It influences so many aspects of life that neglecting the issue while creating products for users would be extremely unwise. That is why the aspect of applying visual elements of high functionality in the interfaces such as icons and their impact on general efficiency of the product has been an actual topic in global design community for a long time.


In the scientific research about visual perception, after theoretic analysis and the set of practical experiments,  A. Santella made a conclusion: “The fact that eye tracking is sufficient for some level of abstraction in our context makes an interesting point. It suggests that the understanding underlying abstraction, and perhaps other artistic judgments, is not some mysterious ability of a visionary few, but a basic visual competence. Though not everyone can draw, everyone it seems can control abstraction in a computer rendering.” People in general have incredibly broad abilities to perceive visual marks, recognize and proceed data even transformed in images of high level of abstraction. That is the important fact designers widely use to improve usability and navigability of their solutions.


If the only aspect a designer is interested in using icons is speed, then the idea in the original question will work positively. Yes, in vast majority of cases people fix and percieve pictorial elements like icons and illustrations faster than words. Great proportion of users are visually-driven creatures by nature, so the following mechanisms of visual perception often work and should be considered in design process:


  • human eye fixes images much faster that written text
  • as psychologists claim, people need about 1/10 of a second to get a general perception of a visual scene or element (that speed is indeed impossible for textual items)
  • visuals are transmitted to the brain much faster and important pieces of information are often fixed by brain as visual images even if they were obtained via text perception
  • images are less vulnerable in combination with the background and surrounding elements while text is highly dependent on the aspect of readability
  • images have a tendency to stick better in long-term memory which means that in interactions with the interface people will not need to process and remember more data than it’s really necessary, so interactions get faster.


Moreover, icons and other sorts of visuals in the interface can make it more universal in cases when an app or a website is used by people from different countries. So, we can claim that using icons improves general comprehension. In addition, pictures push the limits of perception for users who have natural problems with text recognition such as, for instance, the dyslexic or non-reading preschoolers.


tubik studio tapbar ui

GIF of the Tab Bar Interactions by Sergey Valiukh


One the popular elements of layout where icons play highly practical value is a tab bar. Featuring interactive elements it has limited space capacity, therefore icons as the visual symbols of available interactions become an efficient design solution. The concept by Sergey Valiukh provided above shows that interface animation can liven up the visual elements and enhance microinteractions.


tubik studio design UI

Weather Icons Presentation by Valentyn Khenkin


Here’s one more example showing how icons provide a user with necessary information by visual means. Symbolic images of weather conditions are easy to understand and at the same time they save a lot of space and give the opportunity to make all the layout of the screen informative but not overloaded.


In user interfaces, where in many cases basic interactions should take seconds, this aspect is highly important and it is the essential reason to turn hell out of everything into graphic material. All the things mentioned above feature great advantage of visual elements of the layout, for example icons, as a tool of fast and easy interaction with the product. However, there are some more aspects to analyze before making final design decisions.


The aspect of meaning


On the basis of diverse design projects and concepts designed in Tubik Studio, we deeply believe that speed should not be the only reason to consider and analyze in the process of creating user interface layout. People can percieve icons super fast but if the message they transfer is not clear and can have double-reading, this speed will not bring positive user experience. Fast capturing of the icon bringing wrong understanding cannot be defined as recognition, it’s just fast noticing. Recognition means not only speed but also right action or information which this icon should bring to the user.


There are loads of widely-recognized icons such as a telephone receiver for a phone call, the envelope for mail, magnifier for search and so on. Certainly, using these icons you create much faster perception of the UI functionality than using copy instead of them. Nevertheless, in cases when the image of an icon is not so obvious, its usage should be thoughtlfully contemplated. If the icon doesn’t correspond with the goal and meaning it is assigned for, the speed of recognition doesn’t matter. That’s why there are cases when text transfers the idea or data more clearly and sometimes it is more effective to use double scheme, when the icon is supported with the text.


ipad interactions animation

iPad App Interactions by Sergey Valiukh


Here is the concept showing mutual support of copy and icons. This technique activates several elements of perception during one interaction and provides higher level of recognizability for call-to action elements. People, who instantly understand the symbol transferred with the icon, won’t pay big attention to the text. The same will happen to those who have problems with fast copy recognition. However, using the copy together with the icon decreases the risk of misunderstading or wrong interactions for people who can possibly misinterpret the meaning of the image. 


One more case when icons are often used together with copy are diverse side menus. Depending on the general stylistic concept of the interface icons can imply different level of complexity from simple stroke icons to sophisticated and detailed ones. 


tubik studio blog app

Blog App by Ludmila Shevchenko


This design concept of the blog app shows how icons can become a multipurpose visual element. In the presented interface they support the titles of the categories for blog posts. Textual presentation of the category is visually supported with good-looking and memorable image. At the same time, copy removes the possibility that different users can see different meanings of the images. What is more, in this case icons support another important function providing color markers for the categories. This technique makes interaction with the app faster and easier for users and at the same time enhances usability and navigation. 


Anyway, the decision on applying icon, text or both in the layout should be based on thoughtful analysis of the target audience and understanding the goals and conversions which have to be obtained via the interaction.


Reasons for applying icons in the interface


Summing up the points mentioned above, we can define several popular reasons of using icons in the interface:


— speeding up data perception

— enhancing memorability of the element via visual images

— improving navigation with visual markers

— saving up space on the screen or page when the long words or phrases are replaced with icons

— supporting copy material and providing its additional visual explanation

— supporting general stylistic concept and its harmonic expression in broad perspective.


PassFold UI design by Tubik Studio

User interface design solutions for PassFold project


Points to consider


Obviously, it is impossible to satisfy any user and consider every existing cognitive scheme, but still there are some general aspects which have to be thought out in the aspect of design with high visual perception:

— target audience (physical abilities, age, cultural background, general development and education level)

— typical user’s reading skills

— typical environment of product use

— level of global or local product spread

— level of recognition for the chosen graphics

— level of distraction/concentration provided by the graphics


All the mentioned points deal with human cognitive abilities influencing quality and efficiency of visual data perception. For designers, it’s important to bear in mind: it’s not enough to make users see the elements of the layout, it’s vital to make them recognize their meaning and quickly understand their message. Copy and icons should not fight against each other to see which one is stronger, they should support each other for the sake of better user experience.


Dribbble shot by Sergey Valiukh

GIF for Restaurant Menu by Sergey Valiukh


Recommended materials


Diverse issues of visual perception have been an object of scientific and applied research for many decades. In terms of design issues, we could recommend the following articles for those who would like to know more :

What Designers Should Know About Visual Perception and Memorythe article by VanseoDesign analyzing basic aspects of visual perception in design perspective;


Design Principles: Visual Perception And The Principles Of Gestaltthe article by SmashingMagazine considering the principles of Gestalt theory essential for design practice;


Studies Confirm the Power of Visuals in eLearningthe set of ideas in Shift’s eLearning Blog based on the analysis of visual perception in interaction;


37 Visual Content Marketing Statistics You Should Know in 2016 – the article by HubSpot about trends on visual content with some stats;


From Icons Perception to Mobile Interactionthe scientific article about icons perception in mobile interfaces;


Visual Perceptionthe list of books on general aspects of visual perception which can possibly be helpful for those who are interested in the topic;


The Art of Seeing: Visual Perception in design and evaluation of non-photorealistic rendering – the theses of scientific research by Anthony Santella.

Welcome to see the designs by Tubik Studio on Dribbble and Behance

Welcome to read us on Quora

tubik studio graphic designer

Graphic Design. Communication Beyond Words.

Through its history, mankind has invented loads of different ways to communicate and spread the ideas or information. Nowadays, we can see that graphic design confidently takes its place among the most popular methods using diverse visual means of communication. Having answered the question «What is graphic design?» on Quora recently, we also decided to share a bit more extensive version of our thoughts on graphic design definition with readers here in Tubik Blog.


Being quite established sphere of artistic activity, graphic design as a phenomenon and an activity has been already described and explained in many books and articles. Being based on broad practical experience in this direction, we would like to add our definition.


In wide and general terms, graphic design could be defined as the art whose aim is communication beyond words.


The essense of graphic design


Graphic design can be described as the sphere of human activity that lies on the crossroads of several directions, first of all, visual arts, communication and psychology. Basically, graphic designers do the job of communication to others by means of graphic (visual) elements such as images of different style and complexity, types and fonts, pictograms, shapes and sizes, colors and shades, lines and curves etc.


Graphic designer makes all those elements of visual perception transfer the message, so he makes them functional. Therefore, we could say that graphic designers are artists applying their talents mostly not in pure art, but communicating and purposeful art.


Fields of graphic design


Nowadays, graphic design is an incredibly broad sphere for application of artistic talents. In particular, it includes:

— illustration

— identity (logo and branding) design

— printed publications design (general design and layout of newspapers, magazines, books etc.)

— icons and pictograms

— typography

— interface graphics and elements

— print advertisements

— big print items such as posters and billboards

— signs

— packaging etc.

Thus, it’s easily seen that modern designers in this sphere have multiple options to apply their talents.




On the basis of experience in Tubik Studio, which is a full-fledged design team, we can offer some examples of digital graphic design created here.


tubikstudio graphic design

Girl and flowers by Arthur Avakyan (flat illustration featuring characters)


tubikstudio space wallpapers

Free Space Wallpapers by Ludmila Shevchenko (graphic design piece setting the theme)


monsters tubikstudio illustration

Monsters Stickers Set by  Ildar Alexandrov (flat illustration featuring characters/ mascots)



Underwater Explorer by Denys Boldyriev (flat illustration featuring the character and setting the theme)


weather_icons tubik studio

Weather Icons Set by Arthur Avakyan (stroke icons to be used as the part of user interfaces)


tubik studio motion design

GIF for the Timeline App by Sergey Valiukh (animated illustration providing the feedback in the process of interaction with the interface)


tubik studio design UI

Weather Icons Presentation by Valentyn Khenkin (flat illustration setting the theme and featuring location in the interface)


passfold logo tubikstudio

PassFold logo by Arthur Avakyan (the process of designing logo as the part of general branding for the mobile application)


Tubik Studio Saily Animation

Saily App screen animations (flat animated illustration as an informative and stylistic part of the app interface)


tubik studio pull down

GIF for Pull Down — Space Ship by Tamara (animated graphic design element used in the interface and enhancing microinteraction)


Even this small set of examples shows how diverse the tasks for a graphic designer can be, from simple stroke icons (which are actually not so simple as they seem to be) to complex detailed illustrations or full development of all the elements of brand identity.


The general aim of all these efforts, though, is to make the image or other graphic element meaningful and symbolic, communicating to the customer or user in a fast and efficient way. Improving communication, making it more impressive, expressive and diverse stands behind most samples of different graphic assets.


Qualities and skills


Some requirements to the specialists in this sphere of work and art include the following:

— technical artistic skills and preferably qualification in some sort of visual art

— artistic talent and creative nature

— good artistic eye and feeling of harmony

— ability to draw well

— good skills in composition and visual analysis

— ability to work on analysis of target audience and possible options of communication with it

— ability to apply different techniques of drawing and painting, preferably both with manual and digital tools

— ability to learn and self-improve all the time as the sphere is extremely dynamic and diverse etc.

tubikstudio graphic design


In one of our previous articles we have answered the question «Can anyone be a graphic designer?», which also highlights some important aspects of the job for those who are interested to make it the path of their career. If you are the one — welcome to see what thoughts we share there.


This topic is so deep that one post is, for sure, not enough to cover all the aspects. We are going to tell more in detail about all those directions of graphic design in our further articles here. Stay tuned!

Welcome to see the designs by Tubik Studio on Dribbble and Behance

tubikstudio web ui design

Tubik Monthly Review. March.

The spring has quickly sprung with new month blossoming with days full of inspiring work, new projects and concepts, shots and articles and tons of bright moments of work and relax. So, starting a new month, let’s keep the tradition and look back at what has been done.


As usual, we start with numerous Dribbble shots featuring all sorts of design tasks in particular UI design, illustration and motion design. Let’s look over them, the picture is really worth a thousand words here.


tubik studio ui animation

Bonano e-commerce interactions by Vladyslav Taran


tubikstudio illustration

Submarine Rider by Denys Boldyriev


tubikstudio ui design

On Behalf of a User by Marina Yalanska


tubik studio landing page design

Arts, Culture & Education Curation | Landing by Polina


tubikstudio ui design

Tubik Studio | BuonApp by Ernest Asanov


tubikstudio graphic design

Girl and flowers by Arthur Avakyan


tubikstudio ui webdesign

Comics Shop Home Page by Dima Panchenko


tubikstudio app ui design

Dreamcatcher app by Konst


tubikstudio app ui design

Light and Darkness in UI by Marina Yalanska


tubikstudio app interface design

BeBright App by Ludmila Shevchenko


tubik studio character animation

Monster animation by Kirill


tubik studio web ui design

Birds of Paradise Encyclopedia by Vladyslav Taran


batman vs superman emoji by tubik studio

Batman Vs Superman Free Emoji by Arthur Avakyan


tubik studio graphic design

NightCore by Ildar Aleksandrov


copywriting tubik studio

Copy in UI Design by Marina Yalanska


tubik studio animated illustration

Lowrider by Denys Boldyriev


Tubik studio UI animation

Tubik Studio | Museu by Ernest Asanov


Landing Page Animation Tubik Studio

Landing Page Animation by Sergey Valiukh


So, it’s easy to see how bright and comprehensive was this month in trying different design techniques and directions. In addition, we didn’t miss the chance of publishing some new articles here in Tubik Blog. In case you could miss out on any of them, let’s review what were the themes to discuss in March:


  • UI/UX Design. On Behalf of a User. Designing the product for user, we should listen to what users want and need. The article analyzes the most popular features and characteristics users want to see. Considering and applying them results in efficient UI/UX design.
  • Tubik Weekly Reading List on Design. UI/UX Tips. The first issue of Tubik Reading List for designers as well as anyone involved or interested in design process, techniques and secrets. This time recommendations are concentrated on the issues of user experience design.
  • Light and Darkness in UI Design. Matter of Choice. The article considering basic aspects and steps of choosing the efficient color scheme as well as balance of light and darkness enhancing usability and attractiveness of user interface.
  • FAQ Design Platform.The Role of Branding in UI Design. Fresh issue of platform answering actual and popular questions about design. This time it is focused on the role of branding elements in UI design and ways of their mutual support.
  • UI/UX Design Glossary. Steps to Usability. The set of definitions for the basic terms in UI/UX design process influencing usability and performance. Supported with examples and descriptions based on studio designers’ practical experience.
  • Tubik Weekly Reading List on Design. Issue 2. Fresh issue of Tubik Reading List providing recommendations on useful reading about design process. Informative articles for your inspiration in professional perspective: UI/UX design, branding, flat design, animation and the like. Enjoy the reading!
  • Copywriting in UI. Words that Make Design Go Round. The article analyzing basic aspects of copy as one of key elements of efficient UI/UX design. Here we consider the basic functions of copy in user interface and recommend the stages of design process where professional copywriter can be helpful.

tubikstudio design blog


As it usually happens, the first month of spring brought days full of teamwork, communication, inspiration, brainstorming and rest, which we were keen to share with our over 21K followers in studio Instagram.

tubikstudio designers

tubikstudio design office


Getting closer to global design community as well as everyone interested in this sphere, we shared our ideas and experience via Medium, provided new answers on Quora and kept everyone updated with studio news via Twitter, Tumblr and Flipboard.

Tubik Studio on Quora


And perhaps the most remarkable event of the month was Tubik Studio birthday, which we celebrate on the first day of spring. Now studio is already 3 years old and the team has grown significantly both in number of people and in diversity of design tasks we are now able to accomplish. We had a fascinating party filled with warm memories, best wishes and high dreams.

tubik studio CEO and art director

Tubik Studio CEO and Art Director Sergey Valiukh giving a speech


Tubik Studio design team

Tubik Studio team and guests of the birthday party


Tubik Studio lettering


One more month went to history but brought fresh prospects and new aims which we hope to realize this month in new projects, concepts, meeting and articles. Send you all part of our inspiration!

Welcome to see the designs by Tubik Studio on Dribbble and Behance

tubikstudio ui ux design

UI/UX Design Glossary. Steps to Usability.

Practice shows that structured data is a great way to work optimization and that is one of the reasons why old good stuff like phone directories, dictionaries, vocabularies and glossaries, databases and sets of formulas are still applicable and convenient for everyday use. Order and organization make it easy and fast to find everything needed. And today we decided to make a step to this sort of optimization and provide the first set of definitions for some basic terms in the field of UI/UX design.


No doubt, today there are many various publications and online resources providing helpful and informative support for designers and explaining the necessary terms. In our previous articles we also get involved in this global process while describing practical cases of design. Today we would like to systematize some of the explanations here concentrating on UI/UX design issues enhancing usability and support the definitions with the links to the articles where we gave more details on the topic. So, let’s move on!


UX (User Experience)


It is the general attitude and emotional feedback that user has on different stages of using the product. In terms of digital products, such as websites or applications, UX is a comprehensive term involving all the possible stages of user engagement. UX is based on several key factors such as usability, utility, desirability, attractiveness, speed of work etc. If all the logic and possible issues of product implementation into real life are analyzed and designed properly, it forms positive user experience which means that users are able to satisfy their needs in fast, easy and pleasant way. Positive user experience is one of the strongest factor of retaining users.


UX Wireframing


It is the process of creating general structure of the designed application or website. It’s usually accomplished via the set of schematic screens or pages of low or middle level of fidelity. The aim of this stage is setting clear and orderly structure of all the layout, transitions and interactions on the basis of user’s problems and pains which the product is going to solve.


In one of our previous articles we provided a bit of metaphor on that. When we think about building the house, for example, we usually mean the process of physical appearance of the construction rather than tons of projects, drawings and calculations made on paper. And yes, physically it’s possible to build the house without any project as well as it’s possible to create the interface out of thin air. However, in this case you shouldn’t be surprised if one day the house will crack and collapse without any visible reasons as well as the app looking amazing and stylish won’t bring you any loyal users. If you want to have a reliable house, a durable mechanism, a powerful application or a highly-functional website, the recipe is the same – take your time for thorough planning and projecting. This is not going to waste your time, vise versa, it will save your time you would otherwise have to spend on redesign and attempts to find out why your product doesn’t work properly.


That is the aim of UX part of design process. UX wireframing stage should be heavily based on user research, competition research and analysis of all the data obtained. In the outcome, it creates the clear scheme whose complexity depends on the product functionality and reflects all the system of transitions and interactions as well as placement of all the elements of the interface based on their optimal use flow. In some cases, wireframing done in pencil sketching or rough drafts is enough, although preferably it is accomplished with the special tools and software optimizing design process and increasing performance.


UX design Tubik Studio

Read more on this topic in our previous article


UI (User Interface)


User Interface is actually a finalized interactive field in which the user interacts with the product. It includes all the tools of increasing usability and satisfying target users’ needs and wishes. All the features of visual perception as well sound and tactile feelings influencing the product use and interaction with is should be analyzed and optimized here to the purpose of the app or a website is designed. For example, such aspects as color palette, types and fonts, shapes and forms, illustration and animation and so on and so forth are able to affect the performance of the final product greatly in both positive and negative way.


In general terms, the UX research and wireframing stage is about how the website or application works while UI is how it looks. Both these stages include work on successful interactions, but UX deals more with logic, connections and user behavior while UI stage provides visual representation of all the concept. It means that ideally designer should first work on UX part with concentration on layout, making it more powerful, thought-out, clear and easy to use. Without this vital work you highly risk creating pure mess out of the user interface.


After the UX part is tested by prototype, agreed upon and the concept of layout, transitions and features are accepted, the designer starts the UI design part. This is the time when a newborn heart and brain of your product is clothed with its skin and bones. Here the product gets its real color scheme, forms and features of the layout details, styles, animated elements and so on.


All the UI solutions directly influence the positive or negative user experience, so the processes of UX wireframing and UI design should mutually support each other and follow the same strategy otherwise the efficient solutions of one stage will not work on the other.


Here are some of fresh UI design examples for different types of products from Tubik Studio portfolio on Dribbble:


tubik studio web ui design

Birds of Paradise Encyclopedia by Vladyslav Taran


home page landing tubikstudio

Comics Shop Home Page by Dima Panchenko


tubik illustration interface

Simple Blog App by Sergey Valiukh


Read more on this topic in our previous article




The original concept behind the term ‘prototype’ is the sample model of the product that gives the ability to test it and see if the solutions and decisions made about the product are efficient. Prototypes should not be seen as the analogue of the final product as they aren’t those. Their main aim is to enable a designer, a customer and a user to check the correctness and appropriateness of the design solutions.


The value of prototypes in the sphere of app and webdesign has rocketed for the last few years. Actually, it is easy to explain as even the low-fidelity prototype gets the designer, customer and tester much closer to the looks and functions of the future product than the most elaborate schemes, drawings and wireframes. Certainly, that doesn’t mean that schemes and wireframes could be eliminated from the process as they are essential in the process of creating design solutions. However, when you want to feel their efficiency and check if nothing has been missed in the design process, prototype will be the great help.


Considering the fact that a lot of customers see the prototype as something very close to the final version of product design aka “UI in action”, in practice this approach is not effective. Prototyping is much more efficient and useful as the step between UX design and UI design. So, the workflow should have such a sequence: UX – prototype – UI.


The prototypes on UI stage are created more for presentation of application general looks than for testing and improving its functional features. And this is the trap in which it is easier to be confused. Prototyping all the details on the final stage of UI in most cases is not so reasonable as it could seem. It will be too time-consuming and in this perspective, it would be better to spend the same time on coding a demo-version. Moreover, usability should be thoroughly checked first of all at the UX stage, otherwise it would be much harder to change inefficient solution after having accomplished a lot of work on UI. Certainly, it would be amazing to create prototypes both for UX and UI, but by far not all the designers and customers agree to spend so much time on design tasks and want to test and improve the design much faster and cheaper.


Read more on this topic in our previous article




An app or desktop icon is an image which having a kind of symbolic and metaphoric potential becomes the element of navigation in the process of interaction. In deeper explanation, icon is the visual symbol representing some action, thing, person, real or virtual.


Tubik studio icons


In many cases icons are able to stand up for the text, and this ability makes them so popular in the world of modern design. If you replace the stretch of copy with an icon, it saves the place for other elements of interaction on the app screen or webpage therefore making it more functional without being overloaded. Also, it makes the interaction faster as in most cases people need less time to see and understand the icon than to read and understand the piece of text. Moreover, the icons efficiently move the limits as they enable people who have the problems of copy perception and recognition, such as those who suffer from dyslexia or close problems, to interact with the product. And finally, icons can successfully combine the functions of navigation and explanation with being the aesthetic element of the visual representation of the product, supporting the general style and having their own character.

Read more on this topic in our previous article




Microinteraction is one particular case of user’s interaction with the product completing one particular task. For example, when you press the “like” button (anyhow it looks like) and see that your like has been counted (the number has changed, the button changed the color or became inactive, the copy on the button informed you that you have done the action, the copy under the button or other interactive element informs that you are in the list of those who liked, and so on), that is the case of microinteraction. When you fill in the proper text field with the search request and send it to the system, that is one more case. Microinteractions happen when we follow or unfollow someone in a social network, rate the blog post or set the timer – hundreds of things we do, in most cases not willing to think over those simple steps too much. Microinteractions in most cases aren’t even consciously fixed by the user – and that is actually one of the important tasks for a designer to make them as natural, clear and fast as possible.

tubikstudio ui design

BuonApp by Ernest Asanov


Read more on this topic in our previous article


The first set of our design glossary is ready for those who need it and we are going to continue this practice before long. Don’t miss the new sets. If there are any specific terms you would like to see explained, described and illustrated, feel free to contact via direct message in our Facebook page or Twitter as well as our Quora representative. New definitions are coming soon!

Welcome to see the designs by Tubik Studio on Dribbble and Behance

Welcome to read us on Quora

Ribbet ui by Tubik studio

FAQ Design Platform.The Role of Branding in UI Design

Today’s issue of our FAQ Design Platform in Tubik Blog will concentrate on issues along the role of some visual  elements of branding for creating efficient and high-quality user interface design. The answer is based on the thoughts we have provided for the question on Quora which you are always very welcome to read and where we are happy to share our ideas, knowledge and experience.

Tubik Studio on Quora


So, the original Quora question we are answering today was the following.


Why is branding essential in user interface?


Let’s start with clear definitions of the core term here to specify what will be meant behind it in the answer. So, branding in general is the set of marketing and psychological techniques and steps aiming at promotion of a product, service, persona etc. first of all via setting a brand.


Brand in this case means a sort of image created via a set of distinguishing features and promoting awareness and recognizability of the product or service on the market. This image can be created in tons of diverse ways which can be visual, verbal, touchable etc.


In terms of graphic design assets, branding can be realized via the set of visual elements, the most widely used of which are:

— logo;

— brand colors;

— typography: lettering as a part of the logo or full representation of the logo (wordmark); types and fonts used via digital as well as physical products representing the brand;

— graphic elements such as, for example, illustrations, design of letterheads, business cards and other print assets;

— templates for corporate presentations etc.


Ribbet interface design Tubik Studio

Interface for Ribbet project featuring logo lettering


In the discussed question covering the aspect of branding in UI design, branding supposedly means first of all a set of visual elements defining brand style which can be applied in the interfaces such as logo, typography, brand colors  and the like. All of them together are a powerful tool of creating visual recognizability of the product as well as its style. Being based on the analysis of target audience and marketing/ customer research, branding in this sense plays the vital role on product promotion as visual perception is very fast and easy for most people, much easier than reading the text and much more memorable than listening to speech.


Path 1: From branding to UI


Answering on the basis of practical experience of work in UI/UX projects accomplished by studio team, we could confidently say that branding IS essential in user interface, especially in case if you want to use the interface as the additional flow of user attraction as well as the way to increase brand awareness. If you take the time on proper marketing and user research, define your target audience, analyse competition and on the basis of all that data have branding elements, first of all logo, created by a professional designer before launching the process of UI design, your product immediately gets higher chances of getting recognizable faster and easier.


The reason is simple: UI designer working on the interface, its color palette, shapes, types and fonts, illustrations and icons, will consider design solutions appropriate and corresponding to the general branding concept of the product that will make them mutually supporting each other. It provides more natural and harmonic feeling of the brand in general and the particular interface as the integral part of this brand.


Providing you with practical examples giving real experience, we could mention case studies by Tubik Studio designers on branding and UI design process for the Saily App and Passfold. Working on branding style and then UI solutions for e-commerce and mobile application, studio designers understood how beneficial strong mutual support between branding and general interface design can be for the product and its further promotion. Practice proved that this strategy was completely right. Welcome to run through the details and graphics of design process following the links below:

passfold logo tubikstudio

Case Study: Passfold. Designing Logo


PassFold UI by Tubik Studio

Case Study: Passfold. Designing UI


Tubik Studio designer

Case Study: Saily. Designing Logo


Tubik Studio UI designer
Case Study: Saily App. Designing UI


Both cases have proved that in brand positioning and promotion, using the concept of strong corporate style and applying the elements of branding such as logo, lettering and illustrations consistently was the effective strategy. It is important to remember that user interface of an application or a website is not just a sort of static or moving images — it is the field of active interaction. Interaction with the product via the interface enhances much higher memorability potential of brand elements as well as general stylistic concept.


Path 2: From UI to branding


One more important question to ask here on the basis of everything above mentioned is the following: is it possible to create the efficient UI design without particular branding elements designed beforehand?  The answer is certainly positive. Yes, it’s possible and there are lots of examples. However, in this case UI will not work on brand recognizability as effectively as if with branding elements included. These two different powers of attracting and engaging customers will somehow work separately, not supporting each other.


However, if UI is really amazing and product is useful, in case it gets popular there can be a reverse process: UI itself becomes the strong element of branding due to its popularity and determines all the further solutions on branding design. For example, it happens that customers cannot afford design of branding and UI design for a product simultaneously, let’s say, when it is a startup with a limited budgeting. Certainly, they will start with UI design and general stylistic concept will be accomplished  right in the process of interface creation out of thin air, not being based on previously made decisions about branding and promotion. If the product, being useful, usable and well-designed, becomes popular and at the later stage its owners decide on creating particular graphic assets for branding, it is highly probable that this sort of solution will be based on already existing UI graphics as soon as it already represents the product and is the basis of brand awareness and brand image.


tubik studio landing page design

The concept of landing page design by Polina forming strong feeling of branding via graphic design solutions


There are also cases when general branding elements such as logo, corporate colors, fonts and the like are totally different from stylistic concept of UI for the product. It is sometimes done purposefully in case when marketing strategy for some reason presupposes that there shouldn’t be visual connection of brand image with the product and an application or a website should not be strongly associated with the brand in general. However, in cases when this kind of difference is not the part of well-thought-out strategy but just a lapse in general design and marketing process, it can have really negative influence on promotion and conversion rates.


This is all for today. We’ll answer the next set of answers soon here in our blog. The FAQ platform outlines several directions, so it features the questions, frequently asked by customers, designers, and users. We are open to share our experience, so if you have any questions, feel free to ask them via direct message in our Facebook page or Twitter as well as our Quora representative. We are looking forward to your questions!

Welcome to see the designs by Tubik Studio on Dribbble and Behance

Welcome to read us on Quora

tubik studio web design

Tubik Monthly Review. February.

One more month full of work and inspiration slipped away in Tubik Studio and, as usual, we are ready to review what has been done here.


February brought new various shots on our Dribbble page, full of bright colors, funny characters and lively animation. Let’s take a look on them.


Tubik studio product animation video

Passfold video presentation by Kirill


tubik studio widget interface

GIF for Box Delivery Widget by Sergey Valiukh


tubikstudio UI stats concept

Stats Concept by Ludmila Shevchenko


illustration by tubikstudio

Sheriff Foxx Character by Arthur Avakyan


tubikstudio library widget

Library Widget by Sergey Valiukh


tubik studio app ui design

Gift Panic App by Daria


tubikstudio teamwork designers

Freelance vs Teamwork by Marina Yalanska



Underwater Explorer by Denys Boldyriev


tubik fashion ui design

Bonano e-commerce by Vladyslav Taran


Tubik Studio news app ui

Science News app by Ludmila Shevchenko


tubikstudio illustration UI

Illustration in UI by Marina Yalanska


tubikstudio space wallpapers

Free Space Wallpapers by Ludmila Shevchenko


tubik studio page 404

Tubik Studio | Page 404 by Ernest Asanov


monsters tubikstudio illustration

Monsters Stickers Set by  Ildar Alexandrov


tubikstudio illustration wallpapers

The Bright Side of UI Design by Marina Yalanska


tubik studio character animation

Monster Sticker animation  by Kirill


We have also published new articles about UI/UX design, illustration and graphic design, work routine organization and inspiration. In case you could have missed something accidentally, here is the full scope of what we posted here in February:


  • Design Workstyle. Freelance vs Teamwork. The article considering benefits and drawbacks of freelance and teamwork in the sphere of design. Based on practical experience of Tubik Studio designers.
  • 30 Quotes on User-centered Interaction Design. The new set of wise and deep tips from experts in Tubik Studio Quotes Collection. Helpful considerations on user-centered interaction design.
  • Illustration in UI. Art in Action. Illustration is one of the great ways to enhance positive user experience in web and app UI/UX design. The article considers basic features of an efficient interface illustration as well as popular practices.
  • 20 TED-talks for Designers. Inspiration Full of Thoughts. Inspiration is one of the key factors of productivity, especially when obtained from the experts. Here is the set of 20 inspirational, wise and informative TED-talks for creative people.
  • Color in UI Design. Look on the Bright Side. Color is obviously one of the strongest tools of creating efficient and attractive UI design. The article collects some tips from Tubik Studio designer about the aspects of color choice and combination in app and web interfaces.

Tubik Studio Blog


Traditionally, the month brought tons of bright and memorable moments of teamwork, communication, inspiration, brainstorming and rest, posted regularly for our followers in studio Instagram page.


tubik studio designers


In addition, we shared our ideas and thoughts via Medium, WordPress and Quora and kept everyone updated with studio news via Twitter, Tumblr and Flipboard.


tubik studio sketch photo


So, getting energy from the work already done, thoughts by experts and bright moments of everyday life, we are opening the new month as well as spring season ready for fruitful and inspired work as well as new publications here in studio blog.

Welcome to see the designs by Tubik Studio on Dribbble and Behance