Web Tasarım

Web tasarımını seviyoruz ve bu bizim tutkumuz. Web tasarımı hayatımızın bir parçası. 2000’den beri her gün web tasarım dünyasında neler olup bittiğini izledik. Web tasarımı sürecine dahil oluyoruz ve aktif katılımımızla birlikte tasarlanan milyonlarca web sayfası var. Ve şimdi, heyecan verici fikirlerimizden bazılarını sizinle paylaşmak istiyoruz.

İlk defa, bu makale dünyadaki en popüler web tasarımlarının nasıl yaratılacağının sırrını paylaşıyor. Birinci sınıf web siteleri, bloglar ve temalar oluşturmak için modern web tasarımının temel kurallarını öğreneceksiniz. Nasıl benzersiz olunacağını, rekabetten nasıl sıyrıldığınızı ve müşterilerinizin dikkatini nasıl çekeceğinizi öğreneceksiniz.

Bu makale birkaç bölümden oluşmaktadır:

Bölüm 1’de web tasarımının nasıl değiştiğini öğreneceğiz. Ayrıca, Web Tasarım 3.0’da web sayfaları tasarlayan yeni nesil web tasarımcılarının doğuşunu da öğreneceksiniz.

2. bölümde, trendlerin gerisinde kalan ve web tasarımındaki evrimi yavaşlatan web sitesi üreticileri hakkında konuşacağız.

3. bölümde, modern web tasarımlarının nasıl hızlı ve kolay bir şekilde yeni bir şekilde yaratılacağını öğreneceksiniz.

Bölüm 1. Web Tasarımı Değişiyor
Konuşacağımız ilk şey web tasarımı. Hızla değişiyor. Bunu anlamak için, web tasarımının gelişimini gözden geçirmeniz gerekir: ilk sitelerden günümüzün popüler web sitelerine. En yakın gelecekte ne tür web tasarımlarının popüler olacağını tahmin etmeye çalışacağız.

Web tasarımının evriminin üç aşaması vardır. Aşağıdaki resimde her aşamayı renklendirdik ve zaman çizelgesine yıllar ekledik.

İlk Web Siteleri
İlk web siteleri metin tabanlıdır. Ve herhangi bir web tasarımları olduğunu söylemek zor.

Web Tasarım 1.0’a Geçiş
Daha sonra, Web Tasarım 1.0’a geçiş yapıldı. Bazı grafiksel unsurlar daha çekici hale gelen web sitelerinde ortaya çıktı. Web sayfalarında tablolar var. Ardından, tablolar Mizanpaj ve Izgaralara dönüştürüldü. Tablolar biraz esneklik sağladı, ancak mobil uyumlu değildi ve o zamanlar gerekli değildi.

Birçok kişi kendi İçerik Yönetim Sistemini (CMS) yarattı. Bu nedenle, web yöneticileri HTML dosyalarını düzenlemek veya sunuculara yüklemek zorunda kalmadı. Ancak, içeriği çevrimiçi olarak gerçek zamanlı olarak değiştirmek mümkündü.

Web tasarımının gelişimi ve cep telefonlarının yayılması yeni değişikliklere yol açtı.

Web Tasarım 2.0’a Geçiş
Bir sonraki geçiş Web Design 2.0’a oldu. Web sayfalarında Izgaralar var ve web tasarımcıları Mizanpajlı öğeler düzenleyebilirler.

Önyükleme Web Geliştirme hızını hızlandırdı. Süreci basitleştirdi ve daha uygun hale getirdi. Önyükleme, mobil cihazları başından beri Izgaralarla destekledi.

Bootstrap Izgarası otomatik olarak ekranların tam genişliğine gerildi. Geliştiricinin, masaüstü bilgisayarları, dizüstü bilgisayarları, tabletleri ve telefonları desteklemek için kodlamaya harcanan zamanı önemli ölçüde azalttı.

WordPress, Joomla ve Drupal en popüler İçerik Yönetim Sistemleri oldu. Eksik ve işlevselliği düşük olan ve yazması ve sürdürmesi pahalı olmayan kendiliğinden yazılmış sistemleri değiştirdiler. WordPress ve Joomla sayesinde, herkes bir blog veya web sitesi oluşturabilir. Günümüzde sitelerin% 20’den fazlası bu sistemler kullanılarak oluşturulmaktadır.

WordPress ve Joomla, içeriği değiştirmeden tasarımı değiştirmeyi mümkün kılan tema ve şablonları her zaman destekledi. Temaları elle oluşturmak veya hazır olanları satın almak mümkündü. Ayrıca, web yöneticileri Theme Builder’ı kullanabilir. Çok sayıda tema ve şablon mevcut.

2008 yılında Artisteer geldi. O sırada en popüler Tema Oluşturucu oldu. Artisteer ile, herkes dakikalar içinde temalar ve şablonlar oluşturabilir. Milyonlarca web sitesi Artisteer’da tasarlanan temaları kullanır.

Web Tasarımı Öldü mü?
Herkesin mutlu olması gerekiyor gibi görünüyor: web tasarımcıları, web geliştiricileri ve kullanıcıları. Ancak, yeni bir sorun vardı. Web tasarımcıları bir soru sormaya başladı: “Web Tasarım öldü mü?”. Aynı soruyu soran makaleleri, Orta, Mashable, SmashingMagazine, Quora ve Reddit gibi bilinen tüm platformlarda bulabilirsiniz. 2015’ten beri web tasarımcıları aynı soruyu soruyorlar.

Bu neden oluyor? Önyükleme 2015-2016’da popülerliğinin doruğuna ulaştı.

Bu sorunun ana nedeni Bootstrap ve analoglarıydı. Bootstrap’ın web tasarımları birbirine çok benziyordu, sanki tek bir şablonla yapılmışlardı. Birçok web sitesi üreticisi, sistemlerin çekirdeği olarak Bootstrap olan durumu daha da kötüleştiriyor. Web sitesi tasarımları büyük bir resimle başladı ve diğer bölümler iki, üç ve dört hücreli yapıya uyar. Bootstrap’daki birçok tema ve şablon bu sorunun dağılımını artırdı.

2015 yılında, Ben Hunt, “Web Tasarımı Öldü” adlı kitabı yayınladı. Kitabın ana fikri, 50 dolarlık tema ve şablonların popülaritesinin, web tasarımcısının çalışmasına olan talebi neredeyse öldürdüğü. Özel bir web tasarımı çok daha pahalı çünkü zaman, bilgi ve beceri gerektiriyor. Tasarımın yanı sıra, özel HTML ve CSS kodlaması gerektirir.

Bu bugün hala bir sorun mu? Evet öyle. Dört yıl sonra, sorun hala çözülmedi. Aşağıdaki resimde, Google arama ipuçlarını görebilirsiniz. İnsanlar bugün bu soruyu sormaya devam ediyor.

Web tasarımcıları çözüm bulmaya başladı. Uzak durup, web tasarımlarını, hayatlarının tutkusunu, gelişimlerini engellemelerini izleyemediler. Web’i daha iyi bir yer haline getirmek isteyen tasarımcılar her zaman vardır. Steve Jobs bir zamanlar böyle insanlar hakkında “Farklı düşün” dedi. Bu insanlar her zaman yeni fikirler ararlar.

Baskı dizaynı
Web tasarımı çok genç. Yaklaşık yirmi yaşında. Baskı Tasarımı, web tasarımından çok önce geldi ve tarihte yüzlerce yıldır.

Baskı Tasarımı araçları her zaman reklam öğelerinin serbestçe yerleştirmesine izin verir. Tasarımcılar yaratıcılıklarında sınırlı değildi. Ve yayıncılar fikirlerinde her zaman özgürdü. HTML, CSS veya mobil cihazlar hakkında düşünmeleri gerekmedi.

Günümüzde, birçok yayıncı baskı işlemlerini önemli ölçüde azalttı ve çevrimiçi oldu. Yazdırılan sayfalar Web’de web sayfaları haline geldi. Ancak bu web sayfaları Baskı Tasarımının yaratıcılığını ve özgürlüğünü kaybetti. Tasarımcılar yıllarca topladıkları baskı fikirlerini kaybetmek istemediler. Çevrimiçi baskı fikirleriyle tasarlamaya başladılar.

Web Tasarımının Doğuşu 3.0
2016’dan başlayarak, Pinterest, Behance ve Dribbble’da web sayfası tasarımlarında düzenli olarak görünen Print Design’ın fikirlerini fark etmeye başladık. Bu yeni web tasarımları farklıydı:

Serbest konumlandırma

Öğe üst üste binme.

Bootstrap Benzeri Izgaraların Sınırlarını Aşmak.

Web Tasarım 3.0’ın doğuşu demekti!

2016 yazında 83 Portakal (https://83oranges.com/) “Web Tasarım Trendleri” başlıklı yazıyı sundu.

Yazar, web tasarımında şu yeni stilleri tanımladı:

Resmin Üzerindeki Metin
Örtüşen Görüntüler
Dikey Metin ve Süper Temiz Düzenler
Düzensiz Izgara Galerileri
Büyük Başlıkları olan Resimler
Soyut marka elemanları

Tablo Kısıtlamalarını Kaldırma
Tablo kısıtlamalarını kaldırmak ne demektir? Örneği, duvardaki tipik fotoğrafları gösteren aşağıdaki resmi kullanalım. Izgaraya benziyorlar.

Şu an Pinterest veya Google’da “resim duvarı” kelimesini ararsanız, sonuçların% 90’ı aşağıdaki resimde olduğu gibi görünecektir. Bugünlerde genel olarak Tasarımdaki çarpıcı değişiklikleri fark ediyorsunuz. Tasarım her alanda hızlı ilerleme kaydetti.

Bu örneklerin modern Baskı Tasarımı ve Web Tasarımı 3.0 gibi göründüğünü kabul ediyorum? Bu neden oluyor? Kimse sıkıcı Izgaraları geçmişte duvarlarında görmek istemiyor. İnsanlar, arkadaşları eşsiz fikirlerle etkilemek istiyor. Herkes duygularını tasarımla ifade etmek ister.

Modern Izgara Düzenleri
Web tasarımında karmaşık ızgaraların daha fazla kullanıldığını görüyoruz. Ve CSS Izgarası daha popüler hale geldi.

Web Tasarım 3.0 Trendleri
Basmakalıp kırma moda tasarımlar daha popüler hale geliyor. Grafikte, her yıl daha fazla tasarımcının Web Tasarım 3.0 dünyasını keşfettiğini görebilirsiniz. Bu tablo Pinterest, Behance ve Dribbble’da “web design” konulu sonuçları görüntüler. Gelecekte bu eğilimin devam edeceğini tahmin ediyoruz.

Web Tasarım Araştırması
Her gün yeni web tasarım fikirleri ile araştırma ve testler yapıyoruz. Tasarımlarımızı Pinterest’e yüklüyoruz. Tasarımları tahtalarına kaydederek kullanıcıların nasıl tepki verdiklerini izliyoruz. Sonuçlardan çok etkilendik. Web tasarım 3.0 web siteleri, 2.0 olanlardan on kat daha fazla geri bildirim alıyor.

Gerçek veriler bu araştırma sonuçlarını doğrulamaktadır. Birkaç ay içinde yaklaşık 800 bin tekil aylık izleyici elde ettik. Web Tasarım 3.0’daki sayfaların artan popülaritesi hakkında çok şey söylüyor.

Web tasarım fikirlerinizi Pinterest veya Behance’de farkedilir hale getirmek istiyorsanız, alternatif yoktur. Web Tasarım 3.0’da web siteleri tasarlamanız gerekir. Başlamadıysanız acele etmelisiniz! Tam olarak ne yapmanız gerektiğini anlamanıza yardımcı olacağız.

Site Oluşturucu Yaratıcı Kişiler İçin Değildir
Web Tasarım 3.0’daki web sitelerinin nerede olduğunu sorabilirsiniz. Neden hala birkaç tanesini Web’de çalışan web siteleri olarak görüyoruz? Birkaç sebep var.

Tasarımcıların Web Tasarım 3.0’da HTML veya WordPress sayfaları oluşturmak için uygun araçları yoktur. Ve mevcut web sitesi üreticileri ücretsiz konumlandırmadan da yoksunlar. Tasarımcıların fikirlerini gerçekleştirmek için Adobe Photoshop, Adobe XD veya Sketch App gibi Grafik Tasarım araçlarını kullanmaları gerekiyor. Fikirleri dünyayla paylaşmak için fikirleri Pinterest, Behance ve Dribbble’a görüntüler. Web tasarımcıları çalışan web sayfaları oluşturamaz. Maketlerini web sayfalarına dönüştürmek istiyorlarsa, HTML ve CSS kodlarını elle yazmaları gerekir. Ancak bu uzun ve pahalı bir işlemdir.

Web tasarımındaki mevcut trendleri görebileceğiniz hiçbir kaynak yok. Evet, Pinterest, Behance ve Dribbble var. Ancak eğilimleri anlamak için her gün değişiklikleri izlemeniz gerekir. Her sektörde, bugün neyin trend olduğunu öğrenebileceğiniz kaynaklar var: filmlerde, müzikte, YouTube’da. Trendler her şeyi gösterir ama web tasarımını göstermez. Web tasarımındaki trendler hakkında çok fazla spekülasyon yaratır. Trendlerden bahseden pek çok “uzman” var. Ancak web tasarımları hakkında veri içeren bir kaynağa ihtiyacımız var. O zaman bugünün trendlerini tek bir tıklamayla anlamak mümkün olacak.

Gerçek veri eksikliği ve güvenilir otoriter görüşler nedeniyle tasarımcılar eski tarzlarda tasarlamaya devam ediyorlar.

Tasarımlar ve araçlar arasında bir uyumsuzluk var. Web sitesi üreticileri, modern web tasarımları oluşturamaz. Web Tasarım 3.0’ın büyümesini önemli ölçüde yavaşlatıyor. Tasarımcıların yaratıcılık özgürlüğü konusunda sınırlı olmalarına şiddetle karşıyız. Tasarımcılar, web sitelerini inşa etmek için hangi stilde bir seçeneğe sahip olmalıdır. Modern web tasarımları Pinterest ve Behance’deki defilelerin podyumlarından çıkıp çalışan web siteleri haline gelmeli.

özet
Web tasarımı genç ama hızlı bir şekilde ilerliyor.

Geçiş 1, Web’deki grafiklerin görünümüdür. Web’i daha çekici ve ilginç hale getirdi ve Web’in dünyayı fethetmesine izin verdi. Grafiklerin kullanılması Web’in yeni ve bağımsız bir bilgi dağıtım yöntemi haline gelmesine izin verdi.

Geçiş 2, mobil cihazlara yönelik blogların, ızgaraların ve desteğin görünümüdür. Bootstrap kullanımı ve şablonların yayılması web tasarımını sıkıcı hale getirdi.

Geçiş 3 en önemli olanıdır. Web Tasarım 3.0’a yol açtı. Yayıncılar çevrimiçi olur ve kullanıcılar mobil cihazlara geçiş yapar. Baskı Tasarımından Web’e fikir alan tasarımcılar. Yaratıcılık özgürlüğü, serbest konumlandırma ve masa kısıtlamalarını ortadan kaldırmak istiyorlar.

Bölüm 2. Web Sitesi Üreticileri Trendlerin Arkasında
İkinci bölüm, popüler web sitesi oluşturucuları, evrimleri ve Web Tasarım 3.0 ile eşleşmeleri için gerekenlere ilişkindir.

Web sitesi üreticileri, modern web tasarım trendlerinin ardındaki Bootstrap’a mı dayanıyor? Maalesef, bu doğru. Her gün gecikme daha belirgin ve daha görünür hale geliyor. Neden ayrıntılı olduğunu anlayalım.

Web Sitesi Yapıcılarının Gelişimi
Web tasarımına benzer şekilde, web tasarım araçlarının geçmişine bir göz atalım. Üç geçiş de oldu. Aşağıdaki resimde web tasarımı için kullanılan popüler araçlardan bazılarını görebilirsiniz.

Görsel Editörlere Geçiş
Web yöneticileri, web sayfası içeriğini metin düzenleyicilerinde düzenledi. Bu editörler HTML kodunu yazabilir. En fazla, HTML kodunda uygun kod renklendirme, otomatik kod biçimlendirme ve hata işaretleme seçeneklerini sundular. Geçiş 1 metinden görsel editörlere kadardı.

Bootstrap’a Geçiş
Geçiş 2, WordPress ve Joomla gibi blog sistemlerinin yükselişi ve tema oluşturma araçlarıydı, örneğin Artisteer. Artisteer’de insanlar milyonlarca tema tasarladı. Ancak birkaç yıl içinde Artisteer tema tasarımları modası geçmiş oldu.

Bazı popüler web sitesi üreticileri ve WordPress eklentileri yayınlandı: Webflow, VisualCompuser, Elementor, Divi ve diğerleri. Çoğu Bootstrap tabanlıdır. Web Tasarım 2.0 için iyidirler.

Web Tasarım 3.0 için ne eksik? Bu web sitesi üreticileri ve eklentileri ücretsiz konumlandırma ve katmanlara sahip değildir. Ayrıca, tasarımcıların ihtiyaç duydukları Grafik Tasarım araçlarının sadeliği ve rahatlığını sunmuyorlar.

Web Tasarım 3.0’a Geçiş
Mevcut devam eden geçiş Web Tasarım 3.0’a. Ve şimdi oluyor. Ne yazık ki, pek çok web sitesi üreticisi modern tasarımlara hazır değildir.

Web tasarımının ilerlemesinin durmasını önlemek için acil önlem alınması gerektiğine inanıyoruz. Değişiklikler doğru yönde olmalıdır. Web sitesi oluşturucuları basitleştirmenin ve web tasarımlarına daha fazla yaratıcılık eklemenin birçok çeşidi vardır. Ancak tüm değişkenler yeterince iyi değildir.

Aşağıdaki vakaları inceleyeceğiz: yaratıcılık eksikliği, Wix ve Gutenberg.

Yaratıcılık Eksikliği
İnanmak imkansız, ama bazen geliştiriciler ters yönde hareket ediyor. Wix ADI, GoDaddy Site Builder ve Mobirise gibi bazı “yeni-fangled” araçlarda önceden hazırlanmış bir dizi sabit şablon var. Kullanıcılar mizanpajı değil yalnızca metin ve resimleri değiştirebilir. Geliştiriciler tüm web sitelerinin aynı görünmesini istiyor mu? Ne tür bir yaratıcılık ve web tasarımının evrimi bu?

Tasarımı değiştiremediğiniz için araçların kullanımı kolay olabilir. Belki de bazı kullanıcılar, tasarımı değiştirme yeteneği olmadan sadeliğe sahip olmayı kabul ederler. Ancak amacımız, en basit kurucusuna sahip olmak ve aynı zamanda yaratıcılık için maksimum özgürlüğü sağlamaktır. Aletlerde devrim niteliğinde bir atılım yapmalıyız.

Gutenberg
İşte bir örnek daha. Bildiğiniz gibi, WordPress yeni bir makale editörü yayınladı – Gutenberg. Görünüşünün nedeni nedir? WordPress geliştiricileri, Medium.com’un sahip olduğu aynı makale editörünü oluşturmak istedi. Ayrıca, VisualComposer gibi araçların özelliklerine sahip olmak istediler. Her ikisi de, makale editörünü basit bir web sitesi oluşturucu ile birleştirdi. Görünüşe göre herkes tekrar mutlu olmalı. Fakat gerçekte tam tersini görüyoruz. Kullanıcılar bu WordPress inovasyonunu beğenmediler.

Bu neden oldu? Gutenberg editörü, basit bir makale editörü için karmaşık görünüyor. Aynı zamanda, bir web sitesi üreticisi için zayıf özelliklere sahiptir. Dahası, Gutenberg tarafından üretilen web tasarımları bile Web Tasarım 2.0’da değil. 2010 yılının Web Tasarım 1.5’i gibi.

Geliştiricilerin WordPress içinde kendi web sitesi oluşturucularını oluşturmasını kolaylaştırmak için uygun bir API sağlayabilirler. Bunun yerine, mevcut web sitesi üreticileri için başka bir rakip piyasaya sürdüler. Ayrıca hazır tasarımlar da vermediler.

Belki zamanla, bazı geliştiriciler bunu kabul edecektir. WordPress’e alternatif yok. Ancak, birincil hedefe yaklaşmamıza yardımcı olmuyor. Web Tasarım 3.0’da web siteleri oluşturmak için en basit düzenleyiciye ihtiyacımız var.

WIX
Wix, Web Design 3.0 için bir araç olmaya çalıştı. Wix’in sorunu, HTML’in web sitesi geliştiricileri tarafından benimsenen standartları karşılamamasıdır. Eleman konumlandırma mutlaktır. Sonuç olarak, HTML düzenlenebilir değildir ve mobil cihazların bakımı zordur. Wix sadece masaüstlerini ve telefonları destekler. Uygulamada, genellikle beş tür cihazı desteklemektedir. Wix, HTML5 ve CSS3’ü değil konumlandırmayı JavaScript ile yeniden hesaplar. Tasarımcıların kullandığı tüm popüler Grafik Tasarım araçlarında olduğu gibi Özellik Paneli de yoktur.

Görünüşe göre Wix tasarımcılar ve geliştiriciler için değil, son kullanıcılar içindir. Örneğin, popüler YouTube videosu altındaki “Jazza ile Çiz” kanalında “Nasıl Web Sitesi Yapılır – Web Tasarım Eğitimi” başlıklı yorumları görün. Bu videonun altındaki tartışma hala devam ediyor.

Wix, web sitesi geliştirmeyi basitleştirmeye çalıştı ve Wix ADI’yi yarattı. Tasarımı tamamen düzenleme yeteneğini kaldırdılar. Yalnızca metin ve görüntüleri değiştirebilirsiniz. Böylece, ADI ile birlikte, Web Design 3.0’dan uzaklaştılar.

Site Yapıcılarında İlerleme Yok
Web tasarım endüstrisinin ihtiyacı olan yeni araçlar oluşturmak neden bu kadar zor?

Zorluk. Web sitesi üreticileri, geliştirmeye önemli yatırım ve zaman gerektiren oldukça karmaşık sistemlerdir. Aynı zamanda web tasarımını değiştirebilecek harika bir fikir gerektirir.

Tekel. Yeni araçların mevcut web sitesi oluşturucuları pazarına girmesi zordur. Mevcut araçlar, yıllar boyunca biriken geniş bir kullanıcı tabanına sahiptir. Yeni araçlar için, çok sayıda kullanıcıyı bilgilendirmek zordur. Bu nedenle bilgi yaymak için yardımınıza ve desteğinize ihtiyacımız var.

Edilgenlik. Mevcut web sitesi oluşturucularının geliştiricileri ve kullanıcıları çok pasiftir. Değişiklikler her zaman belirli riskler ve ekstra çabalarla ilişkilidir. İnsanlar sonsuza dek böyle olacağını düşündükleri için hiçbir şeyi değiştirmemeyi tercih ediyorlar. Lütfen pasif olmayın!

İlerleme Devam Ediyor
Daha önce gördüğümüz gibi, ilerleme durmaz ve devam eder. Kimse durduramaz. Aynı zamanda, yeni her zaman yolda zorluklarla karşılaşır. Ortak hedefimiz, Web Tasarım 3.0 yenilikçilerini Web’i değiştirmek için desteklemek.

Örneğin, elektrikli araçlar, petrol tekellerinin ve geleneksel benzinli araç üreticilerinin büyük direnişine rağmen, pazarı fethetmeye devam ediyor.

Benzer şekilde, mevcut Web Tasarım 2.0 ve web sitesi üreticileri tek seçenek olarak görünebilir. Öyle değil. Görevimiz yeni bir şey için bir şans vermek. Birlikte Web Design 3.0 ve yeni neslin araçları hakkındaki sözleri yayabiliriz!

CSS Izgarası
CSS Izgarası, bina yerleşimleri için en yeni standart haline geldi.

Web Tasarımında Yeni Boyut
Elementlerin konumlandırılması da evrimine sahiptir.

Web Tasarım 1.0 “tek boyutlu” dir. Tasarım öğeleri çoğunlukla birbiri ardına sırayla düzenlenir.

Web tasarımı 2.0 “iki boyutlu” dür. Hücrelere element yerleştirmek için daha fazla özgürlük sağlayan Izgaralar vardır.

Web tasarımı 3.0 yeni boyuttur. Grafik Tasarım araçlarında olduğu gibi, elemanların, üst üste binen ve katmanların serbest pozisyonlarına sahiptir. Web tasarımı için yeni umutları açıyor. Ve bu yeni web tasarım çağının başlangıcıdır.

Tablo Kısıtlamalarını Kaldırma
Söylendiği gibi, Web Design 3.0, tablo kısıtlamalarının serbest şekilde konumlandırılmasını ve kaldırılmasını gerektirir. Elemanların benzersiz konumlandırılması, web tasarımının kendisini eşsiz kılar. Birbirine çok benzeyen iki, üç ve dört sütunlu tasarımların aksine.

Web Tasarım 3.0’da:

Öğeleri özgürce yerleştirebilirsiniz. Gerekirse, beyaz boşluk bırakabilirsiniz.

Öğeleri özgürce yeniden boyutlandırabilirsiniz.

Öğeleri ve Izgara hücrelerini kaplayabilirsiniz.

Tabii ki, web sayfalarınız mobil uyumlu olmalıdır.

Bu özellikler Grafik Tasarım araçları için standarttır. 3. bölümde, Web Tasarım 3.0’da sayfalar oluşturmak için bu özelliklerin pratikte nasıl uygulanacağı tartışılacaktır.

Sınırlı ve Serbest Konumlandırma
Mevcut web sitesi oluşturucuları neler sunar? Aşağıdaki resimde iki hücreli Izgara örneğini görebilirsiniz. Sol hücrede metni görüyorsunuz. Hayal edin, tasarımınızı geliştirmek istiyorsunuz, bu yüzden metni nereye koyacağınızı merak ediyorsunuz.

İki yol var. Birincisi resimde solda. Kırmızı çizgileri görüyorsunuz. Bunlar, Web Tasarım 2.0’ın şu anki web sitesi oluşturucularında desteklenen yer tutuculardır. Genellikle, öğeleri Grid’deki diğer öğelerin arasına veya diğer hücrelere yerleştirebilirsiniz. Bu sınırlı konumlandırmadır.

Ciddi anlamda? Mevcut web sitesi üreticilerinde bu tür kısıtlamaların gerçekten benzersiz ve modern web tasarımlarının oluşturulmasına izin verdiğine inanan var mı? Cevap sınırlı konumlandırma Web Tasarım 3.0’da web siteleri oluşturmayı neredeyse imkansız kılıyor!

Ancak, sağa olan ikinci yol var. Gördüğünüz gibi sınırsız sayıda pozisyon var. Metni, yalnızca mümkün olan yere değil istediğiniz yere koyabilirsiniz. Ve bu, Web Tasarım 3.0’ın yeni web sitesi üreticileri için ücretsiz konumlandırma yöntemidir.

Popüler site üreticileri serbest konumlandırma veya serbest elden geçirme talebinde bulundular. Bununla birlikte, serbest elemanları kesinlikle konumlandırılmıştır. Kesinlikle konumlandırılmış öğeler mobil dostu değildir ve her mobil görünümde manuel olarak yeniden konumlandırılması gerekir. Web Tasarım 3.0’da elemanlar nispeten yerleştirilmiştir ve mobil uyumludur.

Örneğin, Washington DC’de seyahat ediyorsunuz. Şehirde dolaşmak için iki seçeneğiniz var. Toplu taşıma araçlarını kullanabilir veya şehirde araba ya da taksi ile gezebilirsiniz.

Başka bir örnek: Bu makale Microsoft Word’de düzenlenmiştir. Web Tasarım 2.0’a benzer sınırlı konumlandırmaya sahiptir. MS Word özellikleri bir makale yazmak için yeterli. Ancak MS Word bir sunum tasarlamak için yeterli değildir. Bunun için Microsoft PowerPoint’imiz var. Farkı hissediyor musunuz? MS PowerPoint’te öğeleri serbestçe yerleştirebilirsiniz. Tasarımda yaratıcılık için size çok daha fazla özgürlük verir. Aşağıdaki resimdeki farkı görün.

Geçerli web sitesi oluşturucularını kullanarak web tasarımı nasıl yapılır web sayfaları oluşturmak, Microsoft Word’de sunum oluşturmaya benzer. Tüm bu yıllar boyunca, tasarımcılar web sayfalarını tasarlamak için çok sınırlayıcı araçlar kullanmak zorunda kaldılar. Tasarımcılara alternatifleri söyleyecek ve verecek kimse yoktu.

Ayrı Piyasalar
Mevcut Grafik Tasarım araçları pazarına göz atalım. Tasarımcılar bu araçları web tasarımında 3.0 fikir üretmek için kullanırlar. Aynı zamanda, web sitesi üreticileri için başka bir pazar var. Web yöneticisi, çalışan web siteleri oluşturmak için inşaatçılar kullanır. Yani, bunlar iki ayrı pazardır.

Popüler grafik tasarım sistemlerini solda görüyorsunuz. Tasarımcılar her zaman bu araçları web tasarımı 3.0’da makbuzlar tasarlamak için kullanırlar. Tüm bu araçlar serbest konumlandırmaya, eleman üst üste binmeye ve katmanlara sahip. Ancak bunları yalnızca görüntü kaydettiği için çalışan web siteleri oluşturmak için kullanamazsınız.

Sağında bazı güncel popüler web siteleri üreticileri var. Tasarımcılar bu platformları web siteleri oluşturmak için kullanırlar. Ancak, bu web sitesi üreticilerinde Web Tasarım 3.0’da modern web siteleri tasarlamak çok zor veya neredeyse imkansızdır.

Web Tasarım 3.0’da ilginç bir web sayfası bulduğumuzda, HTML kodlamasını çok merak ediyorduk. Tarayıcı denetçisinde, tüm tasarımın büyük bir görüntü olduğunu gördük.

Herhangi bir düğme veya bağlantı var mı? Evet, düğmeler HTML’deki tıklanabilir görüntü alanlarıdır. Bu sayfanın Grafik Tasarım aracında tasarlandığını ve web sitesine resim olarak yüklendiğini görüyoruz, çünkü Web Tasarım 3.0 için uygun ve kullanımı kolay bir web sitesi oluşturucusu yoktur.

Web Tasarımcılarının ihtiyacı:

Ücretsiz konumlandırma
Tablo kısıtlamalarını kaldırma
Katmanlar
Öğeler için Özellik Paneli
Windows ve Mac OS için destek
Web yöneticileri gerekir:

HTML’yi ve CSS’yi temizleyin
Mobil cihaz desteği
WordPress ve Joomla desteği
Çevrimiçi web siteleri oluşturma
Gördüğümüz gibi, bu şartlar farklı. Web Tasarım 3.0’da web siteleri oluşturmak için Devrimci Değişikliklere ihtiyacımız var.

özet
Web sitesi üreticileri, hızla değişen web tasarım dünyasının gerisinde kalıyor.

Web tasarım araçlarının tarihi çeşitli geçişler içeriyor. Ancak, ilerleme durdu. Yeni geçişin gerçekleşmesi gerektiğine dair sayısız işaret var.

Web tasarımcıları ve yöneticileri için ayrı pazarlar vardır. Popüler web sitesi üreticileri, Web Design 3.0’ın ana özelliklerini desteklemiyor: serbest konumlandırma, modern ızgaralar ve katmanlar.

Bölüm 3: Web Tasarım 3.0 için Araçlar
Yalnızca bir araç kullanarak Web Design 3.0 oluşturmanın mümkün olduğunu düşünüyor musunuz? Evet, ama zor. Tek tekerlekli bisiklet kullanmak gibidir. Bir bisiklette olduğu gibi birlikte çalışan iki tekerlekle kolaydır.

Yaratıcı ve Basit
Mevcut web sitesi üreticileri, Web Tasarım 3.0’da benzersiz web siteleri oluşturmak için yeterince basit ve esnek mi?

Mevcut web sitesi oluşturucularının basit ve kullanımı kolay olmadığını görüyoruz. Tasarımcılar Web Tasarım 3.0’daki gibi web sitelerine benzersizlik eklerse, bu işlem mevcut sistemlerde çok zordur. Öte yandan, bir sistem basitse, sınırlı işlevsellik sunar.

Grafik, mevcut web sitesi oluşturucularının yaratıcılık ve basitlik açısından nasıl yerleştirilebileceğini gösterir. Ayrıca, Web Tasarım 3.0’da web siteleri oluşturmak için yaratıcılığın ve sadeliğin göz önüne alındığı web sitesi üreticileri vardır.

Daha sonra, Web’deki en popüler web tasarımlarının nasıl oluşturulacağı tartışmasına devam edeceğiz.

Bunu paylaş: