nostalog

VİDEO OYNATICI / ARAYÜZ TASARIMI

Bir video oynatıcı.
Filmi dinleyen bir zaman çizgisi.

VESPER, Video.js 10 için tasarladığım özel bir oynatıcı arayüzü. Film her zaman merkezde; diğer bütün araçlar tek parça bir cam panelin içinde bekliyor ve sadece istendiğinde açılıyor. Aşağıdaki oynatıcı gerçek ve çalışıyor: dene.

Oynatıcıyı dene Tanıtım sitesi
ŞİMDİ GÖSTERİMDE SINTELBLENDER FOUNDATION / 2010

Sahne hazırlanıyor…

Sintel

A search for someone worth finding. An open film by Blender Foundation.

Orijinal film ↗

İpucu: Play'e basılı tutup çevir (Jog) · ses düğmesine basılı tut (EQ) · paneli genişlet, tutamaktan tutup herhangi bir kenara taşı.

01 / TASARIM KARARLARI

Önce film. Araçlar bekler.

Bir oynatıcının işi filmle yarışmak değil. Bu yüzden VESPER'da her şey tek bir cam yüzeyde toplandı: zaman, ses, arama, anlar ve ekolayzır aynı panelin katmanları.

01

Pulse

Zaman çizgisi kaydın kendi sesinden çiziliyor. Sessiz sahneler düz, diyaloglar nefes alıyor, yüksek anlar yükseliyor. Sahte ekolayzır çubuğu yok.

02

Tek parça cam

Panel saydam ama okunaklı: parlak su ya da karanlık sahne fark etmeden yazılar ve ikonlar net. Köşelerde mavi ve mor ışık, ortada film.

03

Herkes için

Tam klavye kontrolü, görünür odak, 44 px dokunma alanları, boyutu ve yeri ayarlanabilir altyazı, yüksek kontrast ve sakin hareket.

02 / ARAÇLAR

Bir an bul. Sakla. Tekrar dön.

Jog: Play'e basılı tutup çevirerek sar; ne kadar uzağa çevirirsen o kadar ince ayar. Keşfet: konuşma metninde kelime ara, o satıra atla; sahneler ve kişisel anlar burada. Tekrar: bir cümleyi ya da A–B aralığını döngüye al. Ses: dokun ses seviyesi, basılı tut beş bantlı cam ekolayzır. Yerleşim: paneli dört kenardan birine taşı, sabitle.

03 / SÜREÇ

Taslaktan canlı oynatıcıya.

  1. Görsel dil

    Cam malzeme, ışık, ikonlar ve özel VESPER Display harfleri. Her durum (oynuyor, duraklatıldı, aranıyor, sessiz) ayrı ayrı tasarlandı.

  2. Hareket ve ses

    Pulse çizgisi, Jog kadranı ve panelin açılış hareketi; hareket azaltma tercihinde hepsi sakinleşiyor.

  3. Gerçek kullanım

    Video.js 10 üzerine kuruldu, film Mux üzerinden akıyor. Beş farklı içerikte (sinema, bilim, toplantı, ürün, doğa) denendi.

04 / SENİN PROJEN

Markana özel bir oynatıcı mı lazım?

Eğitim platformu, podcast, ürün tanıtımı ya da kurumsal video arşivi: oynatıcıyı içeriğine ve markana göre tasarlayalım.

Projemi konuşalım Diğer çalışmalar