VESPER
Çalışan oynatıcıya dön ↗

VESPER / KENDİ ÇİZGİSİ.

Renkli optik cam. Açık ikonlar. VESPER için çizilen panel, ikon ve başlık alfabesi.

01 / YAZI KARAKTERİ

VESPER DISPLAY

Özgün VESPER harf tasarımı
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 / ÇĞİÖŞÜ çğıöşü

105 glif. Başlıklar ve kısa arayüz etiketleri için geometrik bir büyük harf / küçük büyük harf ailesi. Uzun metinlerde kullanılan lisanslı DM Sans ayrı tutulur.

02 / PANEL VE ETKİLEŞİM

İKONLARA NEFES ALANI.

Normal durumda açık ikonlar; fare ve klavye odağında kendi rengiyle beliren yüzey. Oynatma ayrı bir odak, sabitleme ve tekrar ise kalıcı durum işaretleri.

#9BCBFF#89DCCE#C6B1F1#EDA7B2#9EDCB9#E5BE85

03 / ÖZGÜN İKON AİLESİ

AYNI GEOMETRİ, FARKLI GÖREVLER.

24 birimlik çizim alanı, ortak çizgi kalınlığı, kırpılmış köşeler ve hafif ikinci yüzeyler. Temel oynatma işaretleri tanınabilirliğini korur.

04 / NEON ZAMAN ÇİZGİSİ

SANİYELER IŞIKLA İLERLER.

Turkuaz eğri, süreye bağlı parlayan nokta ve hafif ışık izi. Temel eğri dekoratiftir. Canlı demodaki VESPER Pulse ise videonun gerçek sesinden çıkarılan dalga ve ses enerjisini oynatma noktasının çevresinde gösterir. Saniye seçerken hareket durur; Access bölümünden kapatılabilir. İzlenme verisi göstermez. Saniye seçimi Video.js üzerinde doğrusal kalır. Aşağıdaki çizim sabit bir görünüm örneğidir; sürükleme çalışan demodadır.

05 / TASARIM REFERANSI

LIQUID GLASS / MOCKUP

Işık, cam derinliği ve renkli ikonlar için önce oluşturulan görsel hedef. Yapay zekâ ile üretilmiş bir tasarım görselidir; çalışan uygulamanın ekran görüntüsü değildir. Cam kenarındaki ışık, içe dönen yansıma ve mavi Play malzemesi canlı panelde CSS katmanlarıyla uygulanır. Yukarıdaki malzeme örneği çalışan panelin yüzey, kenar ve Play stillerini doğrudan kullanır.

VESPER liquid glass panel tasarım hedefi; cam kenarı ve renkli ikonların yakın planıÇalışan liquid glass paneli dene ↗