Tag Archives: lettering

ted talks graphic design typography books

TED-talks: Typography, Books, Graphic Design.

It’s not a secret how diverse and influential is graphic design nowadays. It covers multiple purposes and serves great deal of diverse spheres of human life and activity. Today it is enhanced and strengthened by broad opportunities of modern technologies, but new generations of the best designers keep following the roots and getting inspired from the experts.

 

One of the ways to inspiration we find productive and highly professional here in Tubik Studio is TED videos. Perhaps you remember the collections we have already suggested watching: 20 TED talks for designers about diverse design issues and 10 TED-talks for creatives from different spheres. Today we’re going to recommend you a new set of professional and informative TED and TEDx-talks that we find interesting, useful and helpful. 

 

Here is the collection of 10 TED-talks all with the descriptions given on the TED website or YouTube presentations. This time they are focused on the issues of graphic design. Most of them are already classic, sometimes even could be called legendary, and that makes them even more precious as they have been successfully checked with the time and practice. The ability to analyze take the best from the past usually broadens the creative horizons and becomes a solid foundation from innovative thinking. So, enjoy watching and feel the energy of great masters!

 

My life in typefaces — Matthew Carter

 

Pick up a book, magazine or screen, and more than likely you’ll come across some typography designed by Matthew Carter. In this charming talk, the man behind typefaces such as Verdana, Georgia and Bell Centennial (designed just for phone books — remember them?), takes us on a spin through a career focused on the very last pixel of each letter of a font.

 

 

Intricate beauty by design — Marian Bantjes

 

In graphic design, Marian Bantjes says, throwing your individuality into a project is heresy. She explains how she built her career doing just that, bringing her signature delicate illustrations to storefronts, valentines and even genetic diagrams.

 

 

The art of first impressions — in design and life — Chip Kidd

 

Book designer Chip Kidd knows all too well how often we judge things by first appearances. In this hilarious, fast-paced talk, he explains the two techniques designers use to communicate instantly — clarity and mystery — and when, why and how they work. He celebrates beautiful, useful pieces of design, skewers less successful work, and shares the thinking behind some of his own iconic book covers.

 

 

Designing books is no laughing matter. OK, it is. — Chip Kidd

 

Chip Kidd doesn’t judge books by their cover, he creates covers that embody the book — and he does it with a wicked sense of humor. In one of the funniest talks from TED2012, he shows the art and deep thought of his cover designs. This talk is from The Design Studio session at TED2012, guest-curated by Chee Pearlman and David Rockwell.

 

 

Can design save newspapers? — Jacek Utko

 

Jacek Utko is an extraordinary Polish newspaper designer whose redesigns for papers in Eastern Europe not only win awards, but increase circulation by up to 100%. Can good design save the newspaper? It just might.

 

 

Why write? Penmanship for the 21st Century — Jake Weidmann

 

What is the future of writing in the digital age, and why does it matter? In this surprising talk, Master Penman Jake Weidmann explores the connections between the pen and how we learn, think, and carry our cultural heritage at a time when the very act of writing is being dropped from school curricula across the country.

 

Jake Weidmann became the youngest person to receive his Master Penman certificate in July 2011. He works across several mediums including drawing in pencil and charcoal; pen and ink; painting in acrylic, airbrush, oil and gouache; sculpting in wood, bone, antler and clay; and is versed in numerous forms of calligraphy. He is best known for the integration of flourishing and hand- lettering in his art. Jake also designs his own hand-made pens. He, like his pens, travels the globe, reintroducing this Old World art form and cultivating its relevance in the world of today, of tomorrow, and forevermore.

 

 

The beauty of data visualization — David McCandless

 

David McCandless turns complex data sets (like worldwide military spending, media buzz, Facebook status updates) into beautiful, simple diagrams that tease out unseen patterns and connections. Good design, he suggests, is the best way to navigate information glut — and it may just change the way we see the world.

 

 

Wake up & smell the fonts — Sarah Hyndman

 

Sarah shares with us a story of type and invites us to consider our emotional response to the printed word. Each font/typeface has a personality that influences our interpretation of the words we read by evoking our emotions and setting the scene. We all understand this instinctively but it happens on a subconscious level. Sarah shows us that conscious awareness of the emotional life of fonts can be entertaining and ultimately give us more control over the decisions we make.

 

Designer Sarah Hyndman explores typography as we experience it in our every day lives under the banner of Type Tasting. Since the launch in 2013 she’s curated an exhibition at the V&A for the London Design Festival, been interviewed on Radio 4’s Today, taken Type Tasting to South by Southwest in Austin, Texas and has been commissioned to write a book.

 

Sarah has been a graphic designer for over 15 years, working in agencies before setting up design company With Relish. After studying an MA in Typo/Graphics at the London College of Communication she was invited back as a guest tutor.

 

 

Typography — now you see it — Shelley Gruendler

 

Dr Shelley Gruendler is a typographer, designer, and educator who teaches, lectures, and publishes internationally on typography and design. When she is not traveling the world as the founding director of Type Camp International, she is proud to live in the Canadian Typographic Archipelago.

 

 

The art of kinetic typography — Dan Boyarski

 

Dan Boyarski is professor and former head of the School of Design at Carnegie Mellon University, where he has been for thirty-two years. His interests lie in visualizing complex information, interface and interaction design, and how word, image, sound, and movement may be combined for effective communication. In the spring of 1999, the Design Management Institute awarded Dan the Muriel Cooper Prize for «outstanding achievement in advancing design, technology, and communications in the digital environment.»

 

 

Check out the updates here, new collections of wise creative thoughts are already around the corner!

andre landscape tubik studio logo design

Case Study: Andre. Rebranding Logo.

Branding is never about just visual perception or verbal message. Branding is about the whole image people get hearing the name of a company or seeing its brand identity signs. So, designing the signs and symbols which make a brand recognizable and transferring the appropriate message is a job with great responsibility. Still, there is one more stage of the process when this sort of responsibility get another shade. It happens at the point of branding redesign.

 

We have already published case studies with the stories of creating logos and brand identity concepts at the early stages of their business path. However, this time the story will have another flavor as we are presenting you the case of logo redesign for a company that is already recognized and actively operating on the market. The task was to create new brand identity not breaking already gained links and associations. The designer assigned for this task was Arthur Avakyan whom you probably remember from cases of Ribbet, Passfold, Tubik, Saily and SwiftyBeaver logos.

 

andre logo design by tubik

 

Task

Redesign of a logo for a commercial and holistic landscape firm Andre operating in landscape maintenance, tree care and design.

 

Tools

Pencil sketching, Wacom Intuous pen tablet, Adobe Illustrator, Adobe Photoshop

 

Process

 

First of all it was important for the designer to study the conditions and philosophy of existing logo functionality, details about company activities and business goals and customer’s wishes about the redesign process. It should be mentioned that redesign for existing companies and products can have different levels of breakaway from the existing versions: some companies decide upon fully new design which has nothing in common with the current branding, while others keep the track of changes carefully and gradually, with minor alterations eliminating the risk of losing recognizability on the market.

 

The second approach was taken as a basis in this particular story, because Andre is a company that has already won its audience on the market. That means any design change should be done with respect to the company’s history and philosophy as well as brand image grown through the years. Therefore, new design had to take its roots from the existing branding, but offer some refreshment and add some trend.

 

andre logo design case study

 

Certainly, to find the sign representing the brand, the designer needs to know as much as possible about the brand, its business goals and statement. Andre is a medium-size company based in the USA and providing all sorts of services linked to landscape care and design of any complexity. The company is family-owned so its name origins from the last name of the family. The customers wanted a new logo to be quite classic, memorable, enduring and setting the strong association with land care.  So, it was important initially to provide the visual sign that will instantly inform observers about the nature of the business and create positive vibes via harmonic combination of shapes and colors.

 

After the market research and getting deep into the requirements and background of the company, the designer worked over the first series of sketches and offered the first version for redesign. It was based on the round shape and featured green leaves as the central element of composition. The designer also selected the corresponding version for the name lettering so that it looked readable and harmonic in combination with the image, supporting it but not overloading general visual presentation. Combination of several shades of green with light blue set the image connected to key concepts of business activities: nature, landscape, plants, trees, sky. The designer applied smooth and rounded lines of different stroke weight and provided the variants filled with color as well as glyph one.

 

andre logo design Tubik

 

Another concept offered more linear and geometric variant also featuring the leaf motif and using a shape inside reflecting the form of capital A letter.

 

Andre logo design Tubik

 

Although the offered style was appropriate, the customers insisted on applying the mascot in the logo image. The choice was made in favor of a bird and the designer offered the graphic option featuring the bird as a logo image. It also was applying the form of the leaf in the image used separately, but in combination with lettering the leaf was placed closer to the letters.

 

Andre logo design Tubik

 

One variant of a logo featuring the bird mascot used the image with the shorter beak and an eye featuring the mimic expression of smile.

 

andre logo design Tubik

 

The idea of “smiling” positive expression was also tried in the variant in which the bird was inscribed into the circle. The beak directed upwards moved out of the circle setting the feeling of progressive flight, while the wing featured the form and visual marks of the leaf.

 

Andre logo design Tubik

 

The general concept of applying the bird in the logo was set and agreed upon, but the customer and the designer decided on trying another iteration experimenting on simplification of the bird’s silhouette to make the logo not only attractive and meaningful, but also clearly visible and legible in any size. This stage of creative search resulted in a new shape combining the visual concept of a bird and of a leaf in one image.

 

Andre logo birds Tubik studio

 

The final choice was made in this direction, which efficiently presented the mascot in clear simple forms, preserved color combination associated with the nature of the offered services and vibes of green and natural background.

 

Andre logo design final by Tubik
This case of logo design has proved once again that user research, market research, thorough attention to the customer’s requirements and inspired creative search together make a great basis for efficient, informative and attractive branding. Don’t miss the next case which will show the application of the described branding solutions on diverse set of branded items.

 

Andre logo design final Tubik


Welcome to see other works by Arthur Avakyan on Dribbble and Behance

Welcome to see designs by Tubik Studio on Dribbble and Behance

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

 

tubikstudio_ui_swiftybeaver

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 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

Tubik Studio Weather App

Weather in UI Design. Come Rain or Shine

Perhaps, one of the most diverse objects of modern digital design is weather. Graphic designers work out loads of icons and illustrations in different styles, UI/UX designers create new concepts of weather applications and widgets, so users get more and more options for getting such a simple but vital information as weather forecast and the like. Despite the bulk of numerous weather apps which is growing bigger and bigger, it is still one of the most popular topics for designers as it goes to basics of human everyday life.

 

Users have a great benefit, being able to choose among loads of weather apps and services of different complexity, style, features, colors and so on. Moreover, the target audience of this sort of product is almost unlimited and totally diverse, therefore different ideas and concepts if done according to the laws of basic visual efficiency and common sense, will find their users.

 

Tubik Studio designers, working on various UI/UX projects, have also presented different design concepts for weather applications. So, this post is sharing our works and ideas on the topic.

 

Basic points of UI for weather applications

 

Design of the user interface for a weather application is usually concentrated on the idea of being informative and clear. This really is the thing which does not include a lot of copy on the screen, so it is very important to find the scheme and layout in which the user will need just a quick glance to get all the data he or she needs. That provides the broad space of creativity for designers as well as becomes a great challenge as any kind of weather app requires keeping the wise balance between the creative visual representation and extremely high level of usability.

 

Both aspects – visual and usable – need to be taken into account. If designer doesn’t think thoroughly enough on solutions providing easy and pleasant user experience and enhancing usability as the basic point, the app will risk losing the audience because functionality is the first thing that retains users to such kind of basic apps. On the other hand, concentration only on the layout and transitions while seeing visual design as the secondary and minor aspect is also the high risk, since being usable and well thought-out but visually boring and usual the app will not attract users’ attention and could get lost among the numerous competitors. So, designer should think over both perspectives and look for the ideas to make the design concept pleasant-looking, clear, efficient and understandable.

 

Tubik studio icons

 

Practice shows that the limitations for designer’s creativity in case of weather applications are much lower than in a lot of other types of products. As weather apps do not usually use long copy on the screens and apply a lot of visual details, the aspects of readability and efficient data presentation are different from for example the screens of a blog app or a social network. Therefore, designers can try various color pallets and combinations, different forms and shapes, interesting textures, visual effects or interface animation, original fonts or unique icons – anything that will support clear visual perception of the data necessary for a user.

 

Colors and shapes

 

In case of UI design for weather applications there is no strict trend, requirement or recommendation about using light or dark background. It happens, for instance, with more copy-based products in which the aspect of readability is activated with perception of big amount of text: in this case it could be recommended to try light background for making the layout more user-friendly and text more legible. In case of weather apps and widgets any combinations of colors, sometimes very unexpected, could work efficiently as far as they provide visual support for the data and enable the user to see and understand what they need in fast and easy way.

 

Moreover, interesting combinations of colors and shapes can also provide a kind of aesthetic pleasure for the user that can become a reason to choose this particular product among the competitors along the personal user’s taste. So, the range of colors is perhaps one of the widest in this case of design work. The weather concept accomplished by Sergey Valiukh for Fuse has become a good case of practical example.

 

weather app ui design by Tubik Studio

Weather App Screens by Sergey Valiukh

 

Organization of the data on the screen is one more important aspect to think over. One of the fresh Dribbble shots by Tubik Studio designer Tamara features organization of the data along the cards with the basic and additional information needed for the user. The user can choose the place (filtered as city, region, country and the like) and get the card which shows basic data such as temperature and weather characteristics (sunny, cloudy, cold, etc.) and additional data such as date and time according to the local time zone. It can be especially useful for users who travel a lot and need to know how to estimate their time and routines considering local situation.

 

tubik studio design

Weather Concept by Tamara

 

Graphic elements

 

Graphic elements for weather applications are among the most essential things to put time and effort in. Weather apps, as it was already mentioned, are highly visual and data perception has to take seconds so graphic elements should first of all be concentrated on increasing usability. A designer has to remember that this kind of app could be used on different devices, in different environments (bright or poor light around, for example), very often on the go. People with different levels of sight will need to use it. So, to be useful and usable, the app should apply the graphic material which will be not only visually appealing and stylish but also easily perceived in various conditions.

 

Among the graphic elements vital for efficient weather app, icons should be mentioned the first. In one of our previous articles we have already described importance of elaborate work on this vital element of any interface. In case of weather apps icons have great field of expression as they actually become highly informative elements. Being aware of this, designer Arthur Avakyan created the original set of weather icons for Tubik Studio, which is now available on Envato, Creative Market and Tubik Lab. All the icons follow the laws and standards of proportions and composition and will look recognizable and meaningful in different variants of color pallets and combinations. Also they all were tested by designer in the range of sizes to check that their recognizability doesn’t decrease in any case of use.

 

weather_icons tubik studio

Weather Icons Set by Arthur Avakyan

 

To represent how these icons work in layout, Valentyn Khenkin presented the concepts of weather app seen on iPad screen. It shows the location, the weather around — the temperature, pressure and other details. And the majority of screen space is covered by the illustration of the city which creates nice style and is recognizable as a support of the feature of location.

 

tubik illustration design

Weather Icons Presentation by Valentyn Khenkin

 

illustration weather tubik studio

Weather App by Valentyn Khenkin

 

Interface animation can become a good way to liven up the graphic elements as you can see in the animated interface by Sergey Valiukh. Animation adds movement and action, enhances efficient and fast microinteractions and makes perception of the data even faster and somehow entertaining.

tubik studio behance weather app

GIF for the Weather App by Sergey Valiukh

 

So, designing UI for weather applications, designers have a broad perspective for their ideas and concepts, choosing different design solutions and it is rather easy to move out of the box. However, any ideas made about the layout, graphic elements and animations have to pursue the goal of creating user-friendly, fast and clear interface which could preferably have the great support of attractive and stylish looks.

tubikstudio designer illustration

 

Extensive discussions appear and follow the topic — and certainly, they will move on to the future — about the weather apps design and finding the best solution which could be universal for everyone. Nevertheless, every day millions of users, having different tastes and preferences, different favorite styles and characters, different feelings of what feels comfortable and looks nice for them in particular, use this sort of simple apps as a part of their routine. The more variants of looks and features will be designed, the wider range of diverse options that endless target audience will get to find the one which fits their particular needs and wishes. And that is, obviously, a user-friendly way.


 

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