3. Temalar
Dark Themes
Gradient, Bright Colours and Darkness
Minimalizm
Görsel Öğeler
Full Screen Backgroung Image
Animated 3D
Uniq Illustration
Deep Flat, 2D Flat Animation and Grain
Effect
Grafik Öğeler
Fotografi
Tipografi
UX & UI Trends
Broken Grid & Overlapping Elements
3D in Interface
Reactive-Skeleton Screens
Negative Space
Illustrative Icons
Gesture-Based Control
Micro Intreraction
GÖRSEL
TREND-
LER
4. Küresel rekabet sisteminde bir “hikâyesi” ve bir “mesajı” olan ürün ve ürün gruplarının giderek daha çok talep edildiğini
gözlemliyoruz. Dolayısıyla iyi tasarım bildik problemlere ve tanımlara yeni bakış açıları katmak, anlamı sorgulayarak
çözümlere farklı yaklaşmak ve sıra dışı sonuçlara ulaşılmanın yolunu açma başarısı olarak karşımıza çıkıyor.
Diğer bir deyişle ezberleri bozmak veya yıkmak olarak da yorumlanabilir.
BİLİNDİK
YAKLA-
PROBLEM-
LERE
ŞIMLAR
CESUR
5. Mac IOS Mojave Style
güncellemesini piyasaya
sürdü ve kullanıcılara farklı
tema geçişleri olacağı sunmuş
oldu.
2019’da dark temalar artış
gösterirken farklı temalar
arasında geçiş olanağı da
arayüz tasarımının geleceği
olarak görülmeye başlandı.
DARK
THEME(MOJAVE STYLE)
1.1
6. Mac IOS Mojave Style
güncellemesini piyasaya
sürdü ve kullanıcılara farklı
tema geçişleri olacağı sunmuş
oldu.
2019’da dark temalar artış
gösterirken farklı temalar
arasında geçiş olanağı da
arayüz tasarımının geleceği
olarak görülmeye başlandı.
DARK
THEME(MOJAVE STYLE)
1.1
7. DARK
THEME(MOJAVE STYLE)
1.1
Mac IOS Mojave Style
güncellemesini piyasaya
sürdü ve kullanıcılara farklı
tema geçişleri olacağı sunmuş
oldu.
2019’da dark temalar artış
gösterirken farklı temalar
arasında geçiş olanağı da
arayüz tasarımının geleceği
olarak görülmeye başlandı.
8. DARK
THEME(MOJAVE STYLE)
1.1
Mac IOS Mojave Style
güncellemesini piyasaya
sürdü ve kullanıcılara farklı
tema geçişleri olacağı sunmuş
oldu.
2019’da dark temalar artış
gösterirken farklı temalar
arasında geçiş olanağı da
arayüz tasarımının geleceği
olarak görülmeye başlandı.
9. Degradeler 2017-2018 yıllarının sonlarında büyük bir
geri dönüş yaşadı. Bu trendin 2019 yılında daha
canlı ve parlak renklerle devam edeceğini
görüyoruz. Apple ve Instagram brandingleri ile bu
temayı örneklendirecek olursak, 2019 yılında da
popüleritesini koruyacağını düşünüyoruz.
Gradientler ile birlikte Dark Themes trendi birleşince
ortaya çıkan Darkness tasarım trendini de 2019
yılında karşımızda göreceğiz gibi duruyor.
GRADIENT
BRIGHT COLORS
1.2
DARKNESS
10.
11. Minimalizm;
sayfanın temiz olması, her şeyin yerinde
olması ve kafa karışıklığını azaltmasıyla
kullanıcının daha rahat konsantre olmasını
sağlar. 2018’de popüler olan bu akım,
2019’da da popülerliğini korumaya devam
edecek gibi duruyor. Tasarımı basit ve açık
tutmak her zaman etkili iletişim kurmak için
iyi bir fikirdir.
MINIMALIZM
1.3
12.
13. Bu yılın bir diğer ayırt edici özelliği mekanın tam
kullanımı. Bu yöntem arayüzün renk skalasını arttırıyor
ve arayüzü canlandırıyor. Bu özellikle birlikte
tasarımcılar fotoğrafları, hareketleri fotoğrafları ve
videoları kullanmayı tercih ediyorlar.
FULL SCREEN
2.1
IMAGES
BACKGROUND
14.
15.
16.
17.
18.
19.
20. 2019’da web sitelerinde giderek daha fazla 3D ve
animasyonun birleşeceğini göreceğiz.
ANIMATED
2.2
3D WEBSITE
EXPERIENCE
21.
22.
23.
24. İllüstrasyonlar akılda kalıcı ve ürünlerle bütünleşen en güçlü görsel
oluşumlardır. Aynı zamanda hikaye anlatıcılığı için de harika bir
araçtır. Tasarımcıların oldukça karışık fikirleri, çok fazla kelime
kullanmadan anlatabilmesine yardımcı olur. Tasarımcılar
illüstrasyon oluştururken benzer teknikler kullandıkları için
yaptıklar işler birbirine benzemektedir. 2019’da ise unutulmaz
tecrübeler yaratmak adına tasarımda bir illüstrasyon kullanmak
yeterli değil, hayati olan illüstrasyonun eşsiz bir tarza sahip
olmasıdır.
UNIQUE
2.3
ILLUSTRATION
25.
26.
27.
28. Deep Flat; 2019 öncesi düz flaş tasarıma yeni bir anlayış getirdi.
Tasarıma boyut katan gölge ve ışık knumlandırmasıyla yalancı 3D dediğimiz
kullanımlar görülmeye başlandı ve artarak devam ediyor.
Hem arayüz tasarımında, hem de görsel animasyonlarda sıkça karşımıza çıkıyor.
Animasyon anlayışı derinliğin ve gölgenin gradientlerle, düz katmanlarla oluşturulan
illüstrasyonlar ile değişti. Bu flat 2D tasarımlar, günümüzde hala en güçlü çalışan
tasarımlardır. Animasyondaki yumuşak geçişler sayesinde kullanıcının dikkatini
çekebilir ve bu sayede mesajınızı kitlelere kolayca ulaştırabilirler. Grain(tahıl) effect
ise; genellikle iki boyutlu animasyonlara uygulanır ancak 3D animasyonlarda da
kullanılabilir.
DEEP FLAT
2.4
2D FLAT ANIM
GRAIN EFFECT
33. Bu yıl arayüzlerin görsel öğelerinde; custom 3D grafikler, üç boyutlu
cisimleri iki boyutlusuna izometric grafikler,
güçlü renkler ve gradientler, akışkan animasyonlara sahip liquid
grafikler, realistik öğeleri flat şekillerle birleştiren eclectic grafikler,
yaratıcı loading ekranları ve animasyonlu logolar 2018’de olduğu
gibi 2019’da da hala trendlerini korumaktadırlar.
GRAFIK
2.5
ÖĞELER
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45. İki tonlu stüdyo fotoğrafları; fotoğraftaki öznenin gücünü
ve enerjisini arttırmak amacıyla gölgeler ve ışıklar iki tonlu
bir renk efektiyle yansıtılır. 2019’da devam eden bir diğer
akım ise; doğal görünümlü fotoğraflar. Soğuk, aşamalı,
kusursuzu yakalamaya çalışan, klişe stok görüntülerin
dönemi neredeyse ortadan kalktı. Şimdi tasarımcılar daha
doğal, anlık ve tipik fotoğraflara yöneliyor.
FOTOGRAFİ
2.6
46.
47.
48.
49.
50. Yaratıcı, büyük ve kalın tipografiler;
Tipografi gün geçtikçe daha fazla öne çıkıyor. Apple gibi birçok dev kalın
bir tipografi ile kendini ifade etmeyi tercih ediyor. 2019’da tipografileri
genelde yaratıcı ve cesur görmekteyiz. Bu sene sıkça karşımıza çıkacak
olan birden fazla font gibi davranan fakat tek bir fontla yapılan kinetik
font animasyonları hayatımızı kolaylaştırmakta, çaba ve zamandan
muazzam avantaj sağlayan devrimci bir seçim.
Custom made font;
Bu konuyu Nike gibi birçok büyük markanın günümüzde kendi kişisel
yazı tipleri oluşturmaları ile örneklendirebiliriz.
Bu senenin en çok trend olmuş Google fontları ise; Montserrat, Oswald,
Roboto, Rosarivo ve Archivo Black’tir.
TİPOGRAFİ
2.7
51.
52.
53.
54.
55.
56.
57. Broken grid;
Son birkaç yıldır web tasarımında öğelerin
birbirleriyle örtüştüklerini ve kesiştiklerini
görüyoruz. Bu kesişmeyle birlikte;
Broken Grid yapısı oluştu.
Overlapping elements;
Mekanın dışına taşan ve yeni bir boyut
kazandıran tasarımlardır.
BROKEN GRIDS
3.1
ELEMENTS
OVERLAPPING
58.
59.
60.
61. Günümüze kadar tasarımcılar hız, performans ve
erişebilirlik adına kullanıcı arayüzlerinde karmaşık 3D
modellerden kaçınmışlardır.
Fakat gün geçtikçe daha iyi performansa ulaşan
tarayıcılar, bu lüksü uygulanabilir hale getirmeye
başladı. 3D in Interface bu noktada karşımıza çıkıyor.
3D IN
3.2
INTERFACE
62.
63.
64. 2018’de bazı geliştiriciler yavaş ve zor yüklenen web
uygulamaları için yüklenme aşamasında son derece reaktif ve
havalı gözükmesini sağlayacak bir teknik geliştirdiler. Bu
tekniğe ise Reaktif Web Tasarımı denir. Temel olarak ağın hızına
ve gecikmesine bakılmaksızın kullanıcı girişine her zaman hızlı
ve yanıt veren sitler oluşturmak için yaratılan bir tekniktir.
Öncüleri ise; Facebook, LinkedIn ve Google’dır.
REACTIVE-
SKELETON
SCREENS
3.3
65.
66. Negatif alan kullanımını tüm tasarım alanlarında göreceğiz.
Çoğunlukla, masaüstü web tasarım çalışmalarında daha çok
karşılaşacağımız daha fazla boş alan bırakma trendlerinin her
geçen yıl artarak kullanılacağını söyleyebiliriz.
Negative Space, tasarım çalışmalarında bırakılan boş alanın da
tasarıma dahil olduğunu savunmaktadır.
NEGATIVE
SPACE
3.4
67.
68.
69. İnsanların hizmetleriyle ilişkilendirdiği dinamik
doğrusal simgeler; görsel hiyerarşi oluşturmak ve
kullanıcının farketmesini istediğiniz alana dikkat
çekmek için kullanılabilir. Bunun için son dönemde
illustrative icons trendi oldukça popüler durumda.
ILLUSTRATIVE
ICONS
3.5
70.
71.
72. Telefon şirketlerinin telefonlardaki tuş kullanımını
kaldırması, tasarımda yeni bir çağının başlangıcını
oluşturmasına neden oldu. Yapılan araştırmalarda da
görüldü ki; kullanıcı deneyiminde bu yeni çağa eğilim
çok fazla.
Bir home tuşunun dahi kullanım alanından çıkarılması;
insanların akıllı telefonlarla etkileşime girme şeklini
yeniden düşünmelerini sağladı. UX tasarımcılar için bu
değişiklik oldukça zor oldu denebilir.
Bu gelişmelere dayanarak UX tasarımcıları butonsuz bir
deneyimi kullanıcılara sunmaya çalışıyor.
2019’da bu değişimin gittikçe daha fazla olacağını
göreceğiz.
GASETURE
BASED
CONTROL
3.6
73.
74.
75.
76. Araştırmalar akıllı telefonlarımızda ve
tabletlerimizde günde ortalama 21 metre ile 26
metre arasında bir mesafe kaydırdığımızı
gösteriyor. Bu mesafeyi kısaltmak 2019
trendlerinde ilk sıralarda yer alıyor.
Mobil tasarım önceliğinin sürekli büyüdüğünü
göz önünde bulundurarak UX tasarımcılar bu
dinamikleri ele almaya başladılar. Micro
Interactions konu başlığımız bu noktada devreye
giriyor.
MICRO
INTERACTIONS
3.7
