Week 3

1) Research about the different style of icon

1-1 the 3-D icons

IconDrawer – Classic Stock Icons

Adrien Olczak

https://dribbble.com/aolczak

Peng Xiao

https://dribbble.com/pacoxiao

Jonas Rask – Pry

http://www.iconarchive.com/show/pry-system-icons-by-jonas-rask.html

After viewing different styles of 3-D based icons, I have some understanding of them. 3-d icons have more details and different textures, but I think that my project will not be an app that needs users to think of actual products, so it is not suitable for 3-d style icons.

 

1-2 hand-drawn style icons

David Lanham – Ollie

http://dlanham.com/

Simon Oxley

https://dribbble.com/simonox

Jon Hicks

Hand-drawn style icons are usually very interesting, lively, eye-catching and tensioned. The project will contain the hand-drawing part, but meanwhile, it’s a documentation app so it needs to get a balance between the very cute style(MBE etc.) and traditional travel apps. Because the target audiences of my project are young people with some travel experience, the relatively flat hand-drawn style may worth a try.

other examples:

 

1-3 glyph icon and linear icon

iconwerk

https://iconwerk.com/

hlvticons

http://hlvticons.ch/

This slideshow requires JavaScript.

 

I think the most important thing is that object symbol must be designed by some artistic or even exaggerated processing, so that it can fit on the screen(phone or ipad or web etc.) and express the meaning. Whatever the style of them, the icon is not only need good-looking but also need more things. Details need to be appropriate, the small size should be seen clearly, and the whole set needs to be in harmony with the user environment.

 

2) Another version of the icons

Another edition of symbols after the research

3) research of the colour

A worldwide survey reveals that blue is the most popular colour in 10 countries across four continents – including China

https://today.yougov.com/topics/international/articles-reports/2015/05/13/why-blue-worlds-favorite-color

There are many advantages to use it.

Blue is relatively neutral.

It makes people feel safe. Blue is the traditional colour of travel industry website.

It makes the product look trustworthy.

It is accessible. The most common color blindness (red and green blind) can identify blue. But it is difficult for them to identify green and red.

 

The colour of the app icons

https://stories.appbot.co/the-colors-of-an-app-icon-b5e8805958d7

The pictures show the most popular colours in IOS app icons, which is relative to the theme as well. The blue and red are significantly most used colours. So the disadvantage is that it’s hard for people to distinguish them from the numerous apps.

https://visual.ly/community/infographic/business/color-emotion-guide

 

some inspiration of colour

Some trying of colour combination

Some duotone examples, eye-catching but might not suitable for an infographic poster to express information.

 

 

 

4) more research of typeface and layout

I used to use the combination of Helvetica Neue and Garamond because they are steady, elegant and traditional. It would not wrong for anyone who wants to try. But on the opposite, it’s too boring as well.

  

https://www.canva.com/learn/the-ultimate-guide-to-font-pairing/

more combination and inspiration

    

The combination I chose to use is Source Sans Pro and Open Sans. Sans serif typeface is more modern, tidy and clear.

“Source Sans Pro is inspired by typefaces such as Franklin Gothic, but with a larger x-height. Although a sans serif typeface, it also has a subtle curve which has been influenced by humanist and serif typefaces.

Both Source Sans Pro and Open Sans are typefaces intended to work well in user interfaces. Online newsletters and reports need clean, easy-to-read combinations that clearly define heading, subheading and body copy so readers can scan and identify what they want to read.”

 

 

The more exploration of layout

https://www.edrawsoft.com/infographics/infographic-layout-templates.php

The different layouts

I used timeline style to show the app’s basic work.

 

More inspirations

 

5) new symbols

 

6) Research on how to present information through the visual infographic poster

Scott, H., Fawkner, S., Oliver, C. W., & Murray, A. (2017). How to make an engaging infographic? Br J Sports Med, 51(16), 1183–1184. https://doi.org/10.1136/bjsports-2016-097023

Attractive: Let the reader understand the content of the information in the most intuitive way.

Clear: Defining what you want to convey, what you want the reader to understand.

Simple: Making it easy to understand, boldly abandon the useless elements.

Flow: Using the rules of people’s reading habits to indicate the reading order.

Wordless: Using as much graphics as possible to convey information.

 

7) The new version with more data research

rearrange the content of infographic poster

introduction of the project

target audiences

the dominant (background)

using process

 

research about more data

http://www.tmtpost.com/3427827.html

The data shows that as of 2018, 788 million Chinese use smartphones (98.3% of all 802 million Internet users), while the proportion of using desktop computers and laptops are 48.9% and 34.5%, which means the market is bigger as well.

 

https://my.yougov.com/zh-my/news/2017/05/22/millennial-travelers/

“Millennials are one of the largest generations ever.”

“Millennials as a group are looking for more esoteric, unique experiences when compared to other groups. While many destinations can boast the types of cultural or
adventurous experiences this group is seeking, many have not taken appropriate steps to fully develop their offerings or highlight them in marketing.”