Kurumsal Kimlik Web Sitesine Nasıl Taşınır?
Yıllar verilmiş bir kurumsal kimliğiniz var: logo, renkler, belki bir kılavuz dosyası. Yeni site projesinde doğal beklenti şudur: “Kimliğimiz siteye aynen yansısın.” Ve tam burada ince bir yanlış başlar: aynen.
Çünkü ekran, kâğıt değildir. Basılı dünyada kusursuz duran logo ekranda küçülünce okunmaz olabilir; katalogda asil duran renk, ekranda gözü yorabilir; kartvizitteki zarif yazı karakteri telefonda dağılabilir. Kimlik taşınırken çevrilmelidir; kopyalanırsa bozulur. İyi çeviri aslına sadıktır ama kelimesi kelimesine değildir; kimlik çevirisi de öyledir.
Bu yazı o çevirinin el kitabıdır: logo, renk, yazı ve dil ekrana nasıl taşınır; neyin korunması, neyin uyarlanması gerekir; kimlik dosyanız eksikse ne yapılır?
Temel ilke baştan: korunacak olan kimliğin ruhu ve tanınırlığıdır; piksel ölçüleri değil. İyi taşınmış kimlikte müşteri “evet, bu onlar” der; nasıl yapıldığını fark etmeden.
Logo: Tanınırlığın Taşıyıcısı
BU BÖLÜMÜN ÖZETİ
- Doğru dosya biçimiyle başlanır
- Küçük hal ayrıca düşünülür
- Zemin uyumu test edilir
- Boşluk kuralı ekranda da geçerlidir
Logo, kimliğin en görünür parçasıdır ve ekranda en çok hırpalanandır. Dört kural, taşınmayı sağlam yapar.
Doğru dosya biçimiyle başlanır
Baskı için üretilmiş dosyalar ekran için ağır ve donuktur. Sitede vektörel biçim gerekir: her boyutta keskin, her ekranda hafif. Elinizde sadece baskı dosyası varsa ilk iş, kaynak dosyadan ekran sürümü çıkarmaktır. Bu küçük hazırlık, sitedeki her logo görünümünün kalitesini belirler.
Küçük hal ayrıca düşünülür
Logo sitede en çok küçük halleriyle yaşar: üst menüde, sekme simgesinde, telefon ekranında. Ayrıntılı amblem küçülünce lekeye döner. Çözüm, kimliğin sadeleşmiş küçük sürümüdür; bu bir taviz değil, ekran dilidir. Büyük markaların çoğunun tek harfe inen küçük logoları bu ihtiyaçtan doğdu.
Zemin uyumu test edilir
Logo sitede tek zeminde durmaz: açık bölüm, koyu bölüm, görsel üstü. Her zemin için doğru sürüm (renkli, beyaz, tek renk) baştan belirlenir. Zemin testi yapılmayan logo, sitenin bir köşesinde mutlaka kaybolur. Kaybolan logo, o köşede kaybolan kimliktir.
Boşluk kuralı ekranda da geçerlidir
Kimlik kılavuzundaki koruma alanı ekranda da yaşar: logoya yapışan menü, buton ya da metin, marka disiplinsizliği olarak okunur. Kural basittir: logoya nefes alanı, her cihazda.
Renk: Kâğıttan Işığa Çeviri
BU BÖLÜMÜN ÖZETİ
- Renk kodları ekran diline çevrilir
- Ekran hiyerarşisi kurulur
- Okunabilirlik pazarlık dışıdır
- Beyaz alan da kimliktir
Renk, kimlik taşımada en çok yanlış yapılan alandır; çünkü kâğıt boyayla, ekran ışıkla konuşur.
Renk kodları ekran diline çevrilir
Baskı kodları ekranda birebir karşılık bulmaz; her marka renginin ekran karşılığı tanımlanmalıdır. Bu çeviri bir kez özenle yapılır ve yazılı kurala bağlanır; yoksa her uygulamada renk kayar ve kimlik sulanır. Bir kez yazılan kod, yüz kez tartışılan tondan iyidir.
Ekran hiyerarşisi kurulur
Basılı işte üç renk dengede olabilir; ekranda bir renk yönetir, diğerleri destekler. Ana renk zemin ve başlıklarda, vurgu rengi butonlarda ve bağlantılarda: hiyerarşisiz renk kullanımı, siteyi panayıra çevirir. Kurumsal ağırlık, renklerin azlığında değil düzenindedir.
Okunabilirlik pazarlık dışıdır
Marka renginiz zemin, metin de üstündeyse kontrast yeterli mi? Ekranda okunmayan zarafet, zarafet değildir. Gerekirse metin zeminleri için renklerin koyu-açık tonları türetilir; kimlik korunur, göz de korunur.
Beyaz alan da kimliktir
Renkleri her yere sürmek kimliği güçlendirmez; boğar. Ekranda kimliği asıl taşıyan, renklerin disiplinli seyrekliğidir: bol beyaz alan içinde doğru yerde parlayan marka rengi, her yeri kaplayan renkten daha çok akılda kalır.
Yazı ve Dil: Sesin Taşınması
BU BÖLÜMÜN ÖZETİ
- Yazı karakteri ekran sürümüyle kullanılır
- Dil tonu korunur, cümle kısalır
- Fotoğraf dili tek elden yönetilir
- Küçük dokunuşlar kimliği tamamlar
Kimlik sadece görüntü değil, sestir. Tablo, iki katmanın taşınma kurallarını özetler.
| Katman | Basılıda | Ekranda doğrusu |
|---|---|---|
| Yazı karakteri | Baskı lisanslı, ince detaylı | Ekran lisanslı, küçük boyda okunur |
| Metin boyu | Sabit punto düzeni | Cihaza göre esneyen ölçek |
| Dil tonu | Kurumsal, uzun cümle | Aynı ton, kısa cümle ve net başlık |
| Fotoğraf dili | Katalog estetiği | Aynı estetik, ekran için kadraj ve ağırlık |
Yazı karakteri ekran sürümüyle kullanılır
Kurumsal yazı karakterinizin web lisansı ve ekran uyumu kontrol edilir; yoksa ona en yakın, ekranda kanıtlanmış bir karakter seçilir. İnce zarif karakterler küçük ekranda erir; başlıkta kimlik karakteri, metinde okunur eş: sağlıklı bir orta yol.
Dil tonu korunur, cümle kısalır
Kurumsal ciddiyet uzun cümle demek değildir. Ekranda ton aynı kalır; cümleler kısalır, başlıklar netleşir. “Biz kimiz” sayfasındaki ses ile broşürdeki ses aynı olmalı; sadece ekran için terbiye edilmiş.
Fotoğraf dili tek elden yönetilir
Kimlik, fotoğraf seçiminde de yaşar: gerçek mi stok mu, insanlı mı ürünlü mü, aydınlık mı dramatik mi? Sayfa sayfa değişen fotoğraf dili, kimliği sessizce dağıtır. Tek sayfalık bir görsel kural seti, bu dağılmayı önler.
Küçük dokunuşlar kimliği tamamlar
Buton köşe yumuşaklığı, simge seti üslubu, boşluk ritmi: küçük kararların tutarlılığı, kimliğin ekrandaki dokusudur. Bu doku bir kez tanımlanır, sitenin her köşesinde aynı uygulanır.
Taşınmanın Kalite Kontrolü
BU BÖLÜMÜN ÖZETİ
- Yan yana testi
- Küçük ekran testi
- Yabancı göz testi
- Tutarlılık turu
Kimlik taşındı; iyi taşındığı nereden anlaşılır? Dört test, işi tamamlanmış saymadan önce uygulanır.
Yan yana testi
Broşürünüz ve siteniz yan yana konur: aynı markanın iki yüzü gibi mi duruyorlar, iki ayrı firma gibi mi? Aile benzerliği aranır; ikiz benzerliği değil. Gözün ilk saniyedeki hükmü, çoğu zaman doğru hükümdür.
Küçük ekran testi
Site telefonda gezilir: logo okunuyor mu, renkler yorulmadan izleniyor mu, başlıklar kimliğin sesiyle mi konuşuyor? Kimlik masaüstünde değil, avuç içinde sınanır; ziyaretin büyüğü oradadır.
Yabancı göz testi
Markayı hiç bilmeyen birine site beş saniye gösterilir: nasıl bir firma izlenimi aldı? Aldığı izlenim kimlik hedefinizle örtüşüyorsa taşınma çalışıyor demektir. İçeriden bakış kör noktalıdır; yabancı göz aynadır.
Tutarlılık turu
Sitenin beş farklı sayfası art arda gezilir: buton üslubu, boşluk ritmi, görsel dili aynı elden mi çıkmış? Sayfa sayfa değişen doku, taşınmanın yarım kaldığının işaretidir. Tur sonunda tutulan kısa liste, kalan işin listesidir.
Kimlik Dosyanız Eksikse
BU BÖLÜMÜN ÖZETİ
- Var olan derlenir
- Mini kural seti yazılır
- Boşluklar siteyle birlikte doldurulur
- Tutarlılık siteden sonra da sürer
Gerçek hayat kılavuzlu değildir: birçok işletmenin elinde sadece bir logo, birkaç alışkanlık rengi vardır. Bu, taşınmaya engel değildir; yol haritası değişir.
Var olan derlenir
Logo dosyaları, kullanılmış renkler, eski broşürler, tabela fotoğrafları: dağınık malzeme tek klasörde toplanır. Çoğu işletmenin sandığından fazlası vardır; eksik olan malzeme değil, derlemedir.
Mini kural seti yazılır
Tam kılavuz şart değildir; tek sayfalık ekran kural seti yeter: logo sürümleri, ekran renk kodları, yazı karakterleri, buton üslubu. Bu sayfa, siteyi ve sonraki her dijital işi aynı hizada tutar.
Boşluklar siteyle birlikte doldurulur
Eksik parçalar (küçük logo sürümü, vurgu rengi, görsel dili) site projesi içinde üretilebilir; ayrı bir kimlik projesi beklemek çoğu zaman gerekmez. Site, kimliğin ekrandaki ilk büyük provası olur. Sürecin bütünü süreç yazısında.
Tutarlılık siteden sonra da sürer
Taşınan kimlik siteyle bitmez: sosyal medya kapakları, e-posta imzaları, reklam görselleri aynı kural setinden beslenir. Tutarlılık, kimliğin bileşik faizidir: her temas, öncekini hatırlatır ve güçlendirir. Kimliğin siteye değer olarak yansıması kurumsal tasarım yazısının, ajans tarafındaki karşılığı web tasarım sayfamızın konusudur; mevcut sitenizin kimlik karnesi için dijital denetim hazır.
Sık Sorulan Sorular
Kopyalanarak değil çevrilerek: logo ekran sürümleriyle, renkler ekran kodları ve hiyerarşiyle, yazı ve dil ekran diline terbiye edilerek taşınır.
Vektörel dosya, sadeleşmiş küçük sürüm, zemin sürümleri (renkli/beyaz/tek renk) ve koruma alanı kuralı.
Kâğıt boyayla, ekran ışıkla çalışır; her marka renginin ekran karşılığı ayrıca tanımlanmalıdır.
Kontrast test edilir; gerekirse metin zeminleri için renklerin koyu-açık tonları türetilir.
Web lisansı ve ekran uyumu varsa evet; yoksa başlıkta kimlik karakteri, metinde okunur eş karakter dengesi kurulur.
Ton korunur; biçim değişir: kısa cümle, net başlık, tek fikirli paragraf.
Mümkündür: var olan derlenir, tek sayfalık ekran kural seti yazılır, eksikler site projesi içinde üretilir.
“Aynen aktarma” beklentisi: baskı dosyasının ve baskı alışkanlıklarının ekrana kopyalanması kimliği bozar.
Yazılı ekran kural setiyle: site, sosyal medya ve reklamlar aynı sayfadan beslenir.
