EN ÇOK KULLANILAN CSS STİLLERİ

Arka Plan Stilleri background–color Arka plan rengini belirler, renk ismi veya renk kodu girilir. background-image Arka plan resmi için kullanılır. background-image: url(images/bg.jpg); background-repeat Arka plan resminin hangi yönlerde döşenerek tekrarlanacağı. Repeat-x, repeat-y, no-repeat, repeat background-position Arka plan resminin sayfa içinde döşenmeye, nereden başlanacağı. Center center, top center gibi… background-attachment Arkaplan resminin sayfayla birlikte nasıl hareket…

Okumaya devam et

TEMEL HTML YAPISI

Bu makalemde; temel HTML sayfa yapısı nasıl olmalıdır? Temel HTML kodları nelerdir? sorularına cevap vereceğim.   HTML dili, web’in kurucu babaları olan Tim Berners Lee ve Robert Cailliau tarafından (günümüzün aç gözlü geliştiricilerinin aksine) “insanlığa hizmet” amacıyla geliştirildi. HTML NEDİR? Web sayfaları oluşturmak için kullanılan standart biçimlendirme dilidir.  HTML, HyperText Markup Language  tanımının kısaltmasıdır. Pek çok blog yazarının ezbere dile…

Okumaya devam et

WEB TASARIMDA MİNİMALİZM

Günümüzde modadan dekorasyona, felsefeden yemeğe kadar her alana hakim olan minimalizm, web sitelerde de uygulanması gereken bir arayüz tasarım kriteri haline geldi. WEB TASARIMDA MİNİMALİZM NEDİR? Minimalizmin en net Türkçe karşılığı sadeciliktir. Her alanda uygulanış biçimi farklı olsa da temelde gereksizleri, fazlalıkları atmak işe yarayan şeyleri de birbirine uyumlu hale getirerek derleyip toplamaktır.  Eskiden kurumsal…

Okumaya devam et

WEB TASARIMDA GÖRSEL HİYERARŞİ

Görsel hiyerarşi, etkili bir website tasarımı için en önemli ilkelerdendir. Bir sanatçı eserinde neyi ön plana çıkarması, neyi ikinci plana alması gerektiğini iyi bilmelidir. Bu durum web arayüz tasarımcıları için de geçerlidir. Çünkü Web site tasarımı da görsel bir sanat biçimidir ve daha geleneksel sanat eserlerinde uygulanan kuralların çoğunu içerir. Etkili bir tasarımcı, fikirleri açık…

Okumaya devam et

WEB TASARIM PROGRAMLARI

İlk olarak web tasarıma ilişkin milattan önceki bilgileri içeren blog yazılarını belleğinizden silin… Hatta zihninizi yeniden başlatın. İşte güncel ve gerçekten işe yarayan web tasarım programları:   GÖRSEL TASARIM İÇİN ADOBE PHOTOSHOP CC Web Tasarım Programları Görsel Tasarım Photoshop’un en güncel sürümüdür. Günümüzde web site arayüzlerinin imajları genellikle bu programla oluşturulur. (Hala bazı bloglarda ve…

Okumaya devam et

KULLANICI DOSTU WEB TASARIMIN 4 PÜF NOKTASI

Web sitenizin kullanıcı dostu olması, en az özgün bir tasarıma sahip olması kadar önemlidir.  Evet site arayüzünüz bir sanat şaheseri olabilir fakat kullanıcı aradığını bulamadığında bunun bir önemi kalmayacaktır.  Farenin yavrusunu kaybettiği karmaşık web sitelerin ziyaretçiye sağladığı tek şey “sıkıntıdır”.   Öyleyse yapmamız gereken şey, sanat ile kullanışlılığı tasarım terazisinde dengede tutmaktır.  Hatta kullanışılık biraz daha…

Okumaya devam et

FACEBOOK KAPAK BOYUTU DEĞİŞTİ 2016

Facebook‘un arayüz güncellemesi ile kurumsal sayfa profillerinin kapak boyutu da değişti. 851 x 315 piksellik, profil fotoğrafının kapak görselinin önünde olduğu o garabet yapı tarihe karıştı.  Artık profil fotoğrafı sol sütunun en üstünde. Böylelikle kapak görseli alanı tamamen görünür kılındı.     Yeni kurumsal Facebook kapak ölçüleri: 828px x 315px   Yaptığım testlerde yeni kapağın…

Okumaya devam et

BOOTSTRAP NEDİR?

Bootstrap, özellikle günümüzde yükselen mobil kullanımla birlikte birçok kişinin de kullanmayı tercih ettiği bir framework‘tür. Bootstrap’ı çapraz platform desteği sayesinde kullanarak birçok alanda web sitesi hazırlamanın temel adımını atabilir ve CSS‘i meydana getirebilirsiniz.   Bootstrap Kulanımı Bootstarp’i ilk adımda Bootstrap’in kendi web sitesi olan http://getbootstrap.com/ internet adresi üzerinden indirebilir ve gerekli dokümantasyonlara da yine bu…

Okumaya devam et

3DS MAX 2015’TE LATHE KOMUTUYLA VAZO YAPIMI

Uzun zamandır web tasarım işlerinden fırsat bulup da 3D modelleme yapamamıştım. Bu konuyu hazırlarken kısa süreliğine de olsa tekrar vertexli ve segmentli sahalara dönmenin keyfini yaşadım.  🙂 Size anlattığım  temel ve kolay bir modellemedir. Hiç bilmeyen biri bile bu adımları takip ederek yapabilir. Sayfanın altında dersin video görüntüsü de bulunmaktadır. 3D Studio Max 2015’i açtıktan…

Okumaya devam et

SOSYAL MEDYA RENK PALETLERİ

Sizin için gözde sosyal medya platformlarının RGB formatlı renk paletlerini hazırladım. Kiminin paletinde daha fazla renk bulunuyor ama ben 1 ana ve 3 yardımcı rengin yeterli olduğu düşüncesindeyim. Soldan ilk karelerdeki ana renkleri örneğin ikonlarda ya da beğen, paylaş butonlarında kullanabilirsiniz.  Bu palet imajından seçici ile renkleri alıp, kendi renk kitaplığınıza ekleyebilirsiniz. Böylelikle her lazım…

Okumaya devam et