Espas, ışık ve düzen

Espas, ışık ve düzen

Biz tasarımcılar, sık sık görsel kaynaklara göz gezdirir, yenilikleri merak eder, iyi işlerden ilham alır ve olmayanı hayal eder, yazar ve çizeriz. Bu sayede pek çok farklı tarzda arayüz tasarımı alternatifini, gelecekteki işlerimizi öngörebilmek ve daha iyisini yapabilmek için kendi kaynaklarımıza ekleriz. Bu sadece ilham almak için değil, bazen motive olmak için de kendimizi arayüz tasarımlarına bakarken bulabiliyoruz. Bugün sizlerle espas, ışık ve düzen ana başlıkları altında dikkatimi çeken birkaç başarılı örneği sizlerle paylaşacağım.

Her web sitesinde menü arayüzü kullanıcıyı ulaşmak istediği hedefe yönlendirmek üzere, olabilecek en basit şekilde tasarlanmalı. Neredeyse her gün ziyaret ettiğimiz bir çok web sitesinin menü yapısı veya arayüzü, yanlış düşünülmüş kullanıcı deneyimi ve arayüz tasarımlarından dolayı anlaşılması zor olabiliyor. Uzun zamandır araştırdığım ve ilham almak için koleksiyonuma eklediğim, beğenerek takip ettiğim tasarımcıların çalışmalarını, kendi görüş ve bilgilerimi de kısaca ekleyerek sizlerle paylaşıyorum. Bu ve daha sonra paylaşacağımız, tasarımcılar için ilham kaynağı olacak yazılarımızı “Less but better” (Daha az ama daha iyi) idealiyle sunacağız.

Espas, ışık ve düzen

01

Ukraynalı UX/UI tasarımcısı Ernest Asanov’un mimarlık ofisi için Tubik Studio’da tasarladığı web sitesi, minimal görsel ve tipografi kullanımıyla hoş bir görünüm sağlıyor. Menü içeriğini tasarlarken daha büyük tipografi ve daha fazla beyaz alan kullanarak, bu temanın baş tacı oluyor.

03

Tubik Studio’dan bir başka menü arayüz tasarımı ve etkileşim tasarımı animasyonu.


04

Our Menu web sitesine ilk bakışta “Ne kadar basit!” dediğinizi duyar gibiyim. Evet basit ama asla yetersiz değil. Our Menu, temiz, şık ve minimal menü yapısıyla ön plana çıkıyor.


04

UX/IU tasarımcısı Aleksandr Samoylenko imzasını taşıyan Nike 440 e-ticaret sitesinde kullanılan soldan sağa yönlü menü yapısı hem tipografisiyle kullanıcının okuma deneyimini güçlendiriyor, hem de kullanıcıyı bir sonraki hamlesine doğru başarıyla yönlendiriyor.


06 07

İtalyan tasarım stüdyosu Adoratorio tarafından Studio Marani için hazırlanan web sayfasında, kullanıcıyı karşılayan giriş ekranı animasyonu ve DINCondensed yazı tipinin kullanıldığı slogan, son derece modern ve temiz görünüyor. Sağ üst köşede yazılı bir şekilde konumlandırılan “Menu” butonu arayüzde dikkat çekmeyi başarıyor. Butona tıklandığında karşımıza çıkan menü içeriği, soldan sağa rahatça okunabiliyor ve beşli kolon yapısında kullanıcının içeriğe daha rahat ulaşabilmesini sağlıyor.


10 11

Nerds & Company web sitesinin menü yapısı, kendi içinde bir hikaye anlatıyor ve içerikler tipografik bir arayüz tasarımıyla sunuluyor. Menü içindeki sayfa linkleri, cümle akışı içinde kullanıldığından dolayı kullanıcıya hem bilgi veriyor, hem de sayfa linkleri ön plana çıkartarak yönlendirme işlevi görüyor.

İlham alabileceğiniz diğer bazı web sitesi ve menü arayüz tasarımları:

12 13

Foto Frigerio


18 17

Rezo Zero


 19 20 21

Jordi Auto


23

Lorenzo Bocchi


27

Omnam Group


Adobe Creative Cloud aboneliklerinde öğrencilere ve öğretmenlere özel %60 indirim fırsatlarını kaçırmayın.

Serinin tamamına buradan ulaşabilirsin.

Bugün ilk makalen bizdendi.
Daha fazlası için SHERPA Blog okuru olmalısın.
Giriş Yap Ücretsiz kaydol
KEŞFETMEYE DEVAM ET
Hikayenizi renklerle anlatın
Berk Bayri

Hikayenizi renklerle anlatın