Hareket, iletişimi daha etkili ve ilgi çekici hale getirir. Spaceship’in hareket oluşturma süreci, marka kimliğini yansıtmak için birlikte çalışan belirli ilkelere, tona, parametrelere ve koreografiye uyar.
Hareket, deneyimleri yalnızca ilgi çekici kılmakla kalmaz — fikirleri netleştirir, kavramları güçlendirir ve anlatıları amaçlı bir şekilde hayata geçirir.
Tanımlanmış bir hareket ilkeleri seti, oluşturduğumuz animasyonların amacını ortaya koyar.
Vermek istediğiniz mesaja derin bir anlam kazandırmaya çalışın. Basit geometrileri keşfederek ve organik hareketle mümkün olanın ötesine geçerek karmaşık kavramların üstesinden gelin.
Hareket, kompozisyon ve devinim açısından doğal hissettirmelidir. Momentum kullanımı, izleyici deneyimini geliştirebilir ve hareket dilimize doğal bir his kazandırabilir.
Hareket, bilişsel yükü azaltmalı ve gözü önemli olana yönlendirmelidir. Bir işlem yapıldığında, anında geri bildirim sağlamak ve izleyiciyi asla bekletmemek isteriz.
Bazı ürün ve hizmetler farklı özelliklere ve yeteneklere sahip olsa da, izleyiciyle nasıl ilişki kurduklarına bağlı olarak animasyona yönelik genel bir yaklaşım tanımlayabiliriz: duygusal ve işlevsel.
Duygusal — Daha derin bir bağ kurar
Bir marka, izleyicinin duygularına hitap edebilir ve daha derin bir bağ kurabilir.
İşlevsel — Müşterilerin hedeflerine ulaşmasına yardımcı olur
Geri bildirimi iyileştirir, yön bulmayı destekler ve izleyicinin dikkatini ilgili olana yönlendirir.
Marka ilkelerimiz, platformda ve ötesinde, Spaceship ile ilgili her mecrada yansıtılmalıdır. Bunları harekette hayata geçirmek için, tutarlılığı, uyumu ve marka kimliğimizin birleşik bir ifadesini sağlayan bir dizi parametreye güveniriz.
Zamanlama
Zamanlama ve gecikme, hem tonu hem de amacı aktarmak için aynı nesne içinde birlikte çalışabilir. Örneğin, bir sayfa yüklenirken daha yavaş bir ton duygusal bir bağ oluşturabilir; bunu, net ve anında geri bildirimle işlevsel bir ton sunan hızlı bir tepki izleyebilir.
Bağlılık
Görsel öğeler arasında anlam yaratmak ve ilişkiler kurmak için bağlılık kullanırız. Oynatma animasyonlarında bağlılık, öğelerin nasıl ilişkili olduğunu ve birlikte nasıl değiştiğini göstermeye yardımcı olur. Gerçek zamanlı etkileşimlerde ise nesneleri görsel olarak bağlayıp kullanıcıları arayüzde doğal bir şekilde yönlendirerek daha akıcı deneyimler sağlar.
Gecikme
Gecikme, nesneler arasında bir ilişki tanımlar, kullanılabilirliği artırır ve ekrana yeni öğeler getirildiğinde bir anlatı oluşturur.
Paralaks
Paralaksın amacı bir derinlik yanılsaması yaratmaktır. İzleyicilerimizin hangi nesnelerin daha yüksek önceliğe sahip olduğunu ve neye odaklanmaları gerektiğini algılamasına yardımcı olur. Üst üste binen nesneleri farklı hızlarda hareket ettirdiğimizde, aralarında mekânsal bir ilişki oluştururuz.
Kaplama
Bu parametre, 3D olmayan alanı kullanarak birbirinin arkasında katmanlanan nesnelerin bağımsız şekilde hareket etmesine olanak tanır. Kaplama, ek bilgi sağlamak için mevcut bir arayüz üzerindeki bu örtüşen katmanları kullanır. Bu varlıklar arasındaki mekânsal ilişkinin anlatısını oluşturmak için hareketten yararlanırız.
Koreografi
Koreografi, parametrelerimizi üç ek unsurla birleştirir: süreklilik, ilişki ve anlatı. Her nesnenin nasıl davrandığını kontrol ederek izleyicimizin odağını yakalar, duygusal etkileşim yaratırız.
Süreklilik
Tutarlı ve akıcı bir hareket akışı sağlar; izleyicimizin anlatıyı anlamasına ve geçişler arasında odağını korumasına yardımcı olur. Ekrandaki bir öğeye amaç kazandırarak görsel sürekliliği güçlendirir.
İlişki
Her nesnenin çevresiyle nasıl ilişki kurduğu ve davranışının diğer öğelerin çalışma biçimini nasıl etkileyeceği.
Anlatı
Diğer niteliklerle birleştiğinde, iyi kurgulanmış bir anlatı izleyicilerle derin ve kalıcı bir bağ kurabilir; aynı zamanda en karmaşık görevlerin bile basit ve erişilebilir görünmesini sağlayacak net yönlendirme sunar.