Technology,  visual Trends  & References

Technology,
visual Trends
& References
Today
cocoon experience 2021

Technology
Enables people to achieve things
not previously possible.

Undeniably 2020 has been an unpredictable year.
This originated some creativity for innovation as
much as adaptation and acceleration of
existent ideas.
Although working from home was already a thing
moving forward, the pace was fitting
occasional needs.
The new reality imposed a new pace for AR and VR
to become a real need in healthcare, education, art
and collaboration in general.
Things will further develop in magnitude leading to
the creation of full-blown “virtual working places”
and ecosystems.
Augmented and virtual reality
Trends References
Technology

Spatial is how work should be. Create a lifelike
avatar from a selfie and turn any room into a 3D
workspace, empowering teams to visualize,
organize, and collaborate on ideas remotely while
feeling like they’re next to each other. Whether
working from home or the office, Spatial brings
teams closer together.
Spatial
www.spatial.io
Collaboration - VR
Trends References
Technology

Now that AR is on the rise, it’s quickly finding
application in most, if not all, product-driven
industries.
- Preview placement
- Virtual try-on solutions
- Interactive user manuals
ThreeKit, Ikea
www.threekit.com
Retail - 3D, VR and AR
Trends References
Technology

Designed for remote learning, 3D anatomy
platform, with ground-breaking technology,
models and content. Not just an atlas, but an
anatomy learning platform, with unique
collaboration and learning tools.
Complete Anatomy
www.3d4medical.com
Healthcare/Education - 3D, VR and AR
Trends References
Technology

This is the first VR experience presented to the
public by the Louvre Museum and is conceived as
part of the Museum’s seminal Leonardo da Vinci
exhibition which commemorates the 500th
anniversary of the artist’s death in France.
Mona Lisa:
Beyond the Glass
www.viveport.com
Arts - VR
Trends References
Technology

Machine learning is the ability that systems and
machines have to automatically learn and improve
from experience without the need to be programmed.
It works through the access of a machine to a large
number of data.
The primary aim is to allow the computers to learn
automatically, and it begins with observation
of this data.
Machine learning has revolutionized countless
industries; it’s the underlying technology for many
apps in your smartphone, from virtual assistants like
Siri to predicting traffic patterns with Google Maps.
A.I. - Machine learning
Trends References
Technology

There are already a large number of algorithm-
driven tools that you can use to create layouts,
marketing materials, and images based on
observation and data analisys.
Examples using GAN (Generative Adversarial
Networks) - Deepfake and
“this person does not exist”
This Person Does Not Exist
www.thispersondoesnotexist.com
Generative design
Trends References
Technology

This is another technology that began to make even
more sense with the start of the pandemic. We are
talking about the various methods of interacting with
devices without actually touching them such as :
- Face Detection
- VUI (voice user interfaces)
- Motion detection
- Body gesture
- Intention detection
- Line of sight, emotion, age, and gender recognition
Touch-based interaction are designed for people
who are physically capable. However there is a
large number of people with disabilities.
For healthcare this possibility is an opportunity to
improve the service to patients that may not have
the mobility to interact with their digital products.
Touchless interactions
Trends References
Technology

Telehealth solutions with integrated extra features
for mobility issues using the the mobile phone
camera to detect any problem with the patient.
It uses data and several parametrs to respond
in real-time.
Twilio
Works with the common devices
Trends References
Technology

There’s an exciting new feature that makes use of
Apple X’s TrueDepth camera and face tracking
features. If you’ve got Apple’s phone and iPad,
you’ll now be able to use your face to control
effects and synths, hands-free. It reads your facial
expressions and translate them into
instrument controls.
GarageBand
(with)in your face
It goes without touching
Trends References
Technology

Visual Trends
From a conjucture point of view.

Not long ago designers borrowed structures of the
real-world to represent tools or functions; e.g.
recycle bin icon used for discarding files. This is
called Skeuomorphism.
After this we felt the need to tone down the
metaphors with minimal and elegant detail into
what is called Flat design. The simplicity of the
elements gave us the opportunity to play often with
more vibrant colours.
While there is a need to still do things this way, as
we move forward and new digital born tools grow,
designers have now a new challenge. Fuse both;
Skeuomorphism + Flat = Neumorphism.
Born to be digital - User Interface
Trends References
Technology

Skeumorphism Flat Neumorphism
Ever changing
Trends References
Technology

Minimalism as a direction of visual design got
especially popular in the 1960s in New York when
new and older artists moved toward geometric
abstraction The movement found its impression in
the artworks associated with Bauhaus.
Minimalism today is widely used in the design of
websites and mobile applications.
Aesthetic minimalism
Trends References
Technology
Rob Bailley
User Interface

Trends References
Technology
Cafe Coupon App
Ninox Illustrations | dribbble.com
Flat design

Trends References
Technology
www.hbstudio.org
Slopes Website
Monochrome or limited color palette

Trends References
Technology
Architecture Firm
Choice limitation

This the new buzzword in the visual language.
Is based on a effect called background blur, to
create that “through the glass” look and feel
on elements.
Glassmorphism
Trends References
Technology
More-morphisms
Hype4.com

Trends References
Technology
www.uxdesign.cc
Blurred, colorful backgrounds

And it looks exactly like the name suggests, in a
good way (in most cases).
Strong contrasts, often dysfuncional typography
that brings in some cases some problems of
readability. But thats is part of the vibe.
The idea is provocative, it´s a deconstruction of
what we normally see as beautiful and functional.
Brutalism
Trends References
Technology
Bold and contrasting. Provocative.
Trend Monster Mobile | Mobile

Trends References
Technology
Supercontinent | Dribble
Ben Johnson | Dribble
Dysfunctional typography

This is more of a responsibility rather than a trend.
It’s the realisation that we live next to each-other
and within the same world, and there is only one
(that we know of).
Change-making starts within ourselves towards the
rest of us, but decision makers have an extra
responsibility to bring this change into their
business, products and actions.
Empathising with costumers pains is not enough.
We need to remind people about their own
responsibility for the Earth, educate them on green
consumerism, and popularize sustainable thinking
and advocate social inclusion.
“We cannot solve our problems
with the same thinking we used
when we created them.”
Change in place
— Albert Einstein -
Trends References
Technology

A long way to go, but there’s a lot we as designers
can and should do in order reduce the CO2
emissions.
From responsible consumerism reminders, light
animations and illustrations to prevent heavy server
usage, reduced access to content that aren’t
relevant and a clear communication of the content
behind the call-to-action.
Green responsibility
Trends References
Technology
Small big steps
unsplash.com

User-oriented design is no longer just viewed from
a business point of view, we need to include and
represent humans, and the fact is: we came in all
kind of shapes, colours, genres and some of us
have disabilities.
So empathise in a wider way and reflect those
diferences in your photos, illustrations or video.
Inclusive mindset
Trends References
Technology
Humanize every human
brandquarterly.com

References
Without them, ideas often feel empty.

Up until recently people were the central focus in
digital businesses and ecosystems.
Businesses started by embracing humanism to
achieve their results and to enable clients to access
their products in the easiest ways possible.
Although we added to our process a new way of
looking at business transformation, it's inevitable to
look back in time to our references, those that
opened doors and visions that helped to shape us
as change-makers today.
Digital humanism
Digital technology is a culture.
Trends References
Technology

John Maeda is an American executive, designer,
technologist. His work explores the area where
business, design, and technology merge to make
space for the "humanist technologist."
John Maeda
www.maedastudio.com
“Simplicity is about subtracting the
obvious and adding the meaningful”
Trends References
Technology

www.maedastudio.com
Trends References
Technology

www.maedastudio.com
Trends References
Technology
Jonh Maeda Books

Code as a poem, early ideas that reveal intention,
purpose and the effort to shorten the gap between
technology and humans.
Written for the Macintosh 68K series.
12 o’clocks (1996)
https://vimeo.com/198494458
Jonh Maeda
Trends References
Technology

Studio Dumbar is an international design agency
specialised in visual branding and online branding,
located in Holland.
Founded by Gert Dumbar in 1977 they are
responsible for creating many iconic corporate
identity systems for clients such as the Dutch Postal
and Telecom Services(KPN), Dutch Railways, Dutch
Police, the Danish Post and Czech Telecom.
Studio Dumbar
www.studiodumbar.com
Vormgeving VS Ontwerpen
Trends References
Technology

www.studiodumbar.com
Trends References
Technology

In 2000 Studio Dumbar accepted the challenge to
humanize a new mobile coming technology - WAP.
This was this was the pioneer of mobile web and it
allowed people to interact with dynamic content
on their mobiles.
The challenge was make people aware of it,
showing its possibilities, without the risk of
invading peoples fears.
kpn interactive building
https://vimeo.com/channels/kpn/15525450
Studio Dumbar
Trends References
Technology

Technology,  visual Trends  & References

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Technology,  visual Trends  & References

Similar to Technology,  visual Trends  & References (20)

Recently uploaded

Recently uploaded (20)