top of page

Site Kimliği

Bir web sitesi yapılandırırken, nispeten dar bir başlığa sahip olmak ve ardından tüm çekici giriş öğelerini yalnızca ana sayfaya yerleştirmek iyi bir yaklaşımdır.

Aşağıda, bir açılış sayfasını nasıl oluşturabileceğiniz konusunda size fikir vermek için videolar, slayt gösterileri, animasyonlar ve bunların kombinasyonları gibi şeyleri kullanan bazı örnekler göreceksiniz. Göz alıcı şeyler yalnızca sitenin başında bulunurken, her sayfada kendini tekrar eden dar başlık ile birlikte "kapak" öğelerini kullanarak sitenize iyi bir giriş yapabilirsiniz.

Site Kimliği

PHOTO

Aşırı iddialı bir şey olması gerekmez  - sitenizin içeriğini temsil eden ve birkaç sloganla tamamlayabileceğiniz tek bir tane, iyi seçilmiş, iyi görünen bir fotoğraf (tabii ki başlık ögelerine hizalı olarak)) gayet iyi çalışacaktır. Aşağıdaki örnekte, bu metin parçalarına küçük animasyonlar da ekledim. Ve unutmayın ki Bu sayfaya giderek animasyonlu metnin nasıl oluşturulacağı hakkında daha fazla bilgi edinebilirsiniz >>>.

home-page-header-2.png

Ne söyliyceksen söyle!

Seni yok sayıyorum!

Kafamı  bozma 

şimdi! 

HOMEPAGE WITH SLIDESHOW

SLIDESHOW

Bir slayt gösterisi, birden fazla slayta dağıtılabilen içeriğe (hem metin hem de görsel) ihtiyaç duyar. Bunu bir araya getirebilirseniz, slayt gösterisi kullanmak kesinlikle tavsiye edilecek bir şey. Ancak, bir fotoğraf albümünden değil, bir grafik tasarım çalışmasından bahsettiğimizi ve bu nedenle birincil taşıyıcısı metin olan bilgileri barındırmanız gerektiğini unutmayın. Yani, böyle bir giriş sayfası yapabilmek için kendisini en az iki sayfaya dağıtan metne ihtiyacınız var.

braid-2.jpg

think of a site's identity__

home-page-header-2.png

Bir şeridin içine video yerleştirme ve hareketli bir metin yerleşimi ekleme.

VIDEO

Tek bir resim yerine, bir şeride eklediğiniz bir video da kullanabilirsiniz. Bunu nasıl yapacağınıza ilişkin öğreticiyi buradan izleyin >>. Videoları bulmak için mükemmel bir site peksels, ama tabii ki başkaları da var. Önemli olanlardan bazılarının bağlantılarını şurada bulabilirsiniz >>>. Ziyaretçiler henüz seyrederken ani bir kesinti ile kendini tekrar etmemesi için videonuzun yeterince uzun olduğundan emin olun, kısaysa döngüye de alabilirsiniz. Peki bu nasıl yapılır? Burada öğrenin >>>. Buradaki metinler de  gene animasyon ekledim. Ve hatırlatayım -  bu tür şeyler yaparken animasyonlu metin kullanma kriterlerine de dikkat etmelisiniz, onları da bu sayfada bulabilirsiniz >>>

home-page-header-1.png

asabiyim

sinirliyim

O yol hababam tıkınıyorum. Beni rahatlatan yemek tariflerini görmek için tıklayın!

Çareyi bol bol gerin bulmakta. Egzersizleri için devam edecek >>>

Mazeretim var!

Sizi delirten şeyler şeyler - amaç elbet! Satın al...

Şerit sütunlara dikey videolar ekleme

VERT. VIDEOS

Görsel olarak birbiriyle ilişkili (benzer renk şemaları, hızlar vb.) birden çok video, bir ana sayfa tasarlamamnın gerçekten iyi bir yolu. Birden çok videoyu bu şekilde bir araya getirirken yatay yerine dikey biçimleri kullanmak tabii ki daha iyi çalışacaktır. Dikey biçimli videoları bulmak için çok iyi bir portal peksel, burada onları biçime göre de arayabilirsiniz. Bu sayfanın üst kısmındaki video galerisinden ulaşabileceğiniz sadece dikey ana sayfa videoları üzerine özel bir video hazırladım onu da doğrudan buradan seyredebilrsiniz >>>

Tasarım İpucu: Aşağıdaki örnekte, şeridi 5 sütuna ayırdım ve ardından logoyu bunların üzerinde yüzdürdüm. Bu tür ögler, ekran genişliğine bağlı olarak sola veya sağa kayar, ben burada 2. ve 3. videoların tam ortasına oturduğu 1920 piksel genişliği için optimize ettim. Ancak farklı ekran genişliklerinde de test ettim ve sonuç kabul edilebilir düzeyde. Yani, gömülü olmak yerine yüzen bir tasarım öğesi seçmeye karar vermeden önce, çalışmanız üzerinde bu kontrolleri ve testleri mutlaka yapmalısınız.

logo-stroke-inv.png
home-page-header-3.png

Ana sayfalar için vektörler ve animasyonlar

VECTORS

Yuvarlatılmış logolarda iyi bir strateji, logonun yalnızca simgesini alıp görsel bir işaretleyici olarak başlığa koymak, ancak daha sonra tam logoyu yalnızca ana sayfada görüntülemek. Bu videonun >>> size göstereceği gibi, bunu yapmanın birçok farklı yolu vardır ancak bunu yapmanın eğlenceli bir yolu, logoyu bileşenlerine ayırmak ve ondan kendisini birden çok slayda yayan bir animasyon oluşturmak olabilir. Animasyonlar hakkında daha fazlasını şu sayfada okuyun >>> ve wix animasyonlarıyla ilgili videoyu da şurada izleyin >>>.

333 tutorial_edited_edited.png

ANA SAYFA                    SİNİRLİYİM                    ASABİYİM                    MAZERETİM VAR

Abstract-background-green-nice.jpg
333 tutorial (1).png
333 tutorial_edited.png

STRIP COLUMNS for home pages

Bir şeridi, sitenize genel bir bakış sağlayan metinler ve resimlerle dolu sütunlara bölmek; özellikle de bu tür şerit sütunlar size aynı zamanda tarayıcı enine göre genişeyip daralan bir tasarım sağlayacağından, bir ana sayfa oluşturmanın gayet iyi bir yolu. Şerit sütunlar, bunların nasıl düzenleneceği ve kullanımları hakkında daha fazla bilgiyi bu sayfada >>> öğrenin.

COLUMNS
wix-trix-covers-10A.png

BAZI YAZILIMLAR VARDIR Kİ

GÜZEL ŞEYLER YAPMAMIZ İÇİN

wix-trix-covers-1E.png

BİR SÜRÜ ŞAHANE OYUNCAK!

wix-trix-covers-12.png

DAHA YARATICI OLMAMIZ

İÇİN

wix-trix-covers-14.png

BİZE ADETA İLHAM VERİRLER

wix-trix-covers-15A.png
wix-trix-covers-5AAB.png

KEŞFEDİLECEK NE ÇOK ŞEY!

HAYDİ BAŞLAYALIM

DESIGN TIPS
bottom of page