2020 için en yüksek değere sahip WordPress web tasarımı trendlerinden hangisi?
Gelecek yıl için yeni bir web sitesi projesi planlayanlar, en son WordPress web tasarım trendlerini takip etmeye devam etmelidir. Bu şekilde, web tasarımlarını yeni ifadelere teşvik ederler ve 2020 kullanıcılarının umuduyla daha uyumludurlar. Aşağıdaki satırlarda, bu yılki web sitesinin manzarasına hakim olacak en önemli web tasarımı trendlerini kaydedeceğiz. Okumaya ve bilgilendirilmeye devam edin:
Minimalist web tasarımı
2020’de WordPress Web Design trendleri minimalist ilkeleri entegre eder. Yani, web sayfasındaki ne kadar az öğe, öğe o kadar iyi belirgindir ve kullanıcının dikkatini çeker.
Fakat minimalizmin anlamı nedir?
Beyaz alanın kapsamlı kullanımı (negatif boşluk olarak da bilinir). Web sayfalarındaki öğeler birbirinden uzaktır, bu da okuyucunun konsantrasyonunu kolaylaştırır ve mesajı web sitesi ziyaretçilerine daha iyi hale getirir.
İçeriğin kendisini sayfaya ifade etmesi için yer bırakan sınırlı bir renk paleti. Renk, içeriği vurgulamak için bir araçtır ve içeriği ileriye götürmek için önemli bir role sahiptir.
2 veya 3 renkten fazla kullanmayın – yukarıda belirtildiği gibi, renk paleti minimuma indirgenir: ana renk, aksanın rengi ve diğer birkaç ton.
Renkli Minimalizm-Modern web tasarımının basit modeli de renkli minimalist ile karakterizedir. Web sitesi sayfalarındaki öğeler birbirine uzakta dağıldığından, web sitesinde kullandığınız bazı renklere özel dikkat göstermeniz tavsiye edilir. Bu renkli minimalist kategoriye dahil edilebilir.
Renk şemasındaki parlak ve parlak renkler-Renk şemasında birkaç renk seçerseniz, parlak ve parlak renkleri düşünmelisiniz. Bu, siteyi özgünlüğü yoluyla olağanüstü ve hatırlamasını kolaylaştıracaktır. Web tasarımındaki minimalist örnekler:
https://uv-way.com/ Başlıklara ve menü öğelerine ek olarak, bu sitenin ana sayfasında, üzerinde çok fazla öğe bulunmayan bir video arka planı vardır.
https://toke.com.br/ Bu web sitesi, sitenin konusunu benzersiz nesneler/grafik sembolleri/temsiliyle göstererek minimalistte yaratıcılığı sunmayı başardı. Öğenin minimum tasarımını korumaktan daha fazlası, her kullanıcıya ayarlanmış deneyimler yapmak için bağlamsal teknolojinin kullanımını dikkate almak önemlidir. Bu, her kullanıcıyı bağımsız olarak işlediği için her web sitesi ziyaretçisiyle bir 2-2-bir iletişim sağlar.
Web Siteleri ile daha fazla etkileşim
Etkileşim, kullanıcı katılımı yaratmada önemli bir rol oynar. Bu yıl, WordPress web tasarımı trendleri web siteleriyle kullanıcı etkileşimini artırmaya odaklanıyor. Sonuç olarak, kullanıcılar web sitesi mesajına daha fazla dikkat edecek, bunu açıkça anlayacaklar ve daha kolay hatırlayacaklar. Etkileşim aşağıdaki kategorilerden birine dahil edilebilir:
Makro Etkileşim – Bu etkileşimler AI, sanal deneyim, 3D ekran, davet düğmesi eylemi, vb.
Mikro etkileşim-tıkanma etkisi, tıklama etkisi, vb.
CTA düğmesine ek olarak, etkileşim, kullanıcıların web siteleriyle derinlemesine deneyim için yönleri değiştirebilecekleri ve işlevlerine erişebilecekleri öğelerin varlığını varsayar.
Ayrıca, 2020, engelli insanlar için bile web sitelerinin erişilebilirliği anlamına gelir. Örneğin, engelli insanlar mesajlarını okuyabilmeleri ve yakalayabilmeleri için ayarlanabilen tipografidir. Etkileşimli Web Sitesi Örnekleri: http: //pierRehmericolasBuffe.com/
http://andeinerseite.video/ Web siteleriyle etkileşim ayrıca kullanıcılardan veri toplama sağlar. Veriler, web tasarımını gerçekten işe yarayanlarla ayarlamak için kullanılabilir. Önceki web sitesi ziyaretçilerinden toplanan bilgilere dayanarak, ziyaretçilerin beklentilerini ve ihtiyaçlarını karşılayacak şekilde web sitesinin tasarımını ayarlayabilirsiniz. Mikro etkileşime odaklanın
Mikro etkileşim ilginç, samimi ve insancıl anlar yaratmayı amaçlamaktadır. Muhteşem olmadan, mikro etkileşimler, web sitelerini ziyaret eden kullanıcılar tarafından takip edilecek yolu oluşturur. Mikro etkileşimler, web sitesi sayfalarını keşfetmek için ziyaretçilere eşlik eder ve web sitesinin öğelerini bulma yollarını önemli ölçüde işaretler.
Asimetrik düzen
Bu yıl, asimetrik düzen, WordPress web tasarım trendinin ayrılmaz bir parçası olan bir moda olacak. Asimetrinin kendi dengesi vardır ve bu görsel gerginlik yaratır. Sınırsız bir grafik tasarım tarafından yapılmıştır ve uygun olmayan farklı unsurlara sahiptir. Rolü, kullanıcıları web sitesi sayfalarında daha iyi öğeler görmeye zorlamak ve dikkatlerini web sitesi mesajında neyin önemli olduğuna odaklamaktır.
Modern eşanlamlı asimetri: Kullanıcının beklentilerini mahvediyor, bu da onlardan daha fazla dikkat gerektiriyor. Bu yüzden modern asimetrik düzen. İşte bu yüzden modern faydalıdır. Bu nedenle, okuyucu ile en iyi şekilde iletişim kuran etkili bir site. Asimetrik düzenleri olan web sitelerine örnekler: https: //nourisheats.co/
https://homesociete.ca/
Asimetrik düzen aşağıdaki kategorilerden birine dahil edilebilir: Biraz asimetrik Çok asimetrik
Görsel bir dengeye sahip olması gereken bazı simetri
Hafif bir asimetrik web tasarımı, merkezden birkaç sapma ve görsel denge olduğu anlamına gelir. Bu mükemmel görsel dengeyi sorguladı ve biraz farklı bir bakış açısıyla bir şey görmenin yeni bir yolu önerdi.
Çok asimetrik bir tasarım, görsel merkezden çok görünür bir sapma ve kullanıcılara farklı görünmeleri ve yeni bir bakış açısı görmek için cesur önermeler anlamına gelir. Bu tür asimetri, büyük bir benzersiz satış önerisine sahip olan ve tüm web sitesi tasarımlarıyla açıkça belirtmesi gereken şirketler için iyidir. Belirtildiği gibi, asimetri türüne bakılmaksızın, görsel denge için bazı simetri olmalıdır, böylece kullanıcının deneyimi genel alışkanlıktan tamamen ayrılmaz. Asimetri, kullanıcıları web sitesini daha fazla keşfetme konusunda isteksiz oldukları noktaya kadar şaşırtmamalıdır.
Geleneksel olmayan rulolar
Bu, geleneksel olmayan rulolar kullanan yıl. Yeni sürüm:
Uzun kaydırma
Uzun ruloları iyileştirin
Sınırsız rulo
Paralaks ruloları
Long Roll – Bu teknik, kullanıcıların sayfaları kaydırdıkları anlamına gelir, bu da kullanıcıların mümkün olduğunca çok içeriği keşfedebileceği anlamına gelir. Dergi web sitesi uzun bir rulo uygulamak için çok uygundur. Uzun ruloları geliştirin – Bu, bir ruloda bir rulo izlenimini yaratır. Üst gezinme çubuğu yapışkan olacak şekilde ayarlanırken, sayfanın geri kalanı için kullanıcı aşağı kaydırabilir ve sayfadaki içeriği keşfedebilir. Rolence, menüde kullanıcıların web sitesinde nerede oldukları ve nasıl daha fazla gezinebilecekleri hakkında net sinyallere izin veriyor. Sınırsız rulolar – bu, kullanıcının sayfanın sonuna ulaşmadan web sitesi sayfasını aşağı kaydırmaya devam edeceği anlamına gelir. İçerik yüklenmeye devam ediyor ve ziyaretçiler yeni unsurlarla yeni bir rol görmeye devam edecek. Paralaks Kaydırma – Bu, 2020’de de sürecek yeni bir tekniktir. Paralaks efekti, avlunun arka planının ön arka plandan daha yavaş hareket ettiği ve sayfaları kaydıran ziyaretçilerin efekt üzerinde tam kontrolü tutması anlamına gelir. Bu 4 kaydırma türü, özellikle sayfa içeriğinin ziyaretçi keşfetmesi için kaydırma gerektiren bir sayfa web sitesi için web tasarımında yaygın olacaktır.
Aşağıda, bir paket paralakslı bir web sitesi örneğidir:
Video arka planı
2019’da başlayan ancak 2020’de devam edecek olan eğilim, web sitesi için arka plan videosu kullanımıdır. Aslında, video arka planı web tasarımına genlik sağlar ve ziyaretçiler için bir anı olacak daha derin bir deneyim yaratır. Arka plana yerleştirilen videolar, sayfaya alan ve dinamizm yazma gerektirir. Çoğu zaman, videonun arka planı, videonun maksimum etkisini garanti eden manşetler için kullanılır. Video arka planı olan web sitesi örnekleri: Video arka planının rolü, ziyaretçileri bugün web tasarımının metni ve öğeleri altına getirmek ve bir şirketi tanımlayan en gerçek olmaktır. Bu yüzden okuyucu üzerinde özel bir etkisi vardır ve ilgilerini web sitesinin içeriğine daha fazla çeker.
Büyük tipografi
Büyük tipografi, Web Design 2020’nin ana yönlerinden biridir. Tipografi, metnin okunabilirliğini ve yalnızca metin içeriğinin okunabilirliğini geliştirmeye yardımcı olur. Bu yıl, başlıklar ve altyazılar için, veranda ve sergilemek istediğiniz diğer sayfalarda kalın tipografi tercih edilecek. Belki el yazısı mektupları veya diğer lüks tipografi, modern stiller ve okunması kolay veya keyifli mektuplar. İşte bazı büyük ve kalın tipografi örnekleri: Harabar
Kaynak: https://www.hongkiat.com/blog/extra-bold-fonts/
Kalın tipografi, ana mesajları belirgin hale getirmede önemli bir rol oynar. Olağanüstü boyutlara, zıt renklere ve olağandışı tasarımlara sahip olarak, kullanıcıların dikkatini çekmeye ve görüşlerini web sitesi içeriğinin ana bölümüne yönlendirmeye cesaret eden tipografi. Ayrıca, tipografi çeşitli varyasyonları destekleyebilir, böylece belirli harf türlerinin harfleri farklı harf türlerinin harfleriyle dönüşümlüdür ve bir bütün olarak uyumlu bir sunumda entegre edilir. Alışılmadık bir tipografinin başka bir örneği: İlk Mobil Tasarım Bu teknik, mobil cihazlar için önceden tasarlanmayı ve ancak bundan sonra masaüstüne uyum sağladıktan sonra anlamına gelir. Tasarım kutunun dışında duyarlı olmalıdır, çünkü aramaların ve web sitelerinin çoğu mobil cihazlardan gerçekleştirilir. Bu nedenle, bu hamburger menüsü, görüntünün boyutu ve ayarlanabilen yazı tiplerinin boyutu, uzun rulo vb. Bu, en küçük cihazdan tasarlamaya başlayarak ve daha sonra daha büyük bir ekrana uyum sağlayarak doğru cihaza doğru kullanıcı deneyimini sağlamak anlamına gelir. Dikey bölünmüş tasarım Dikey bölünmüş tasarıma sahip web sitelerinin örnekleri:
Dikey bölüm yeni WordPress web tasarım trendinin bir parçası olmaya devam ediyor. Bu, ekranı dikey eksende ikiye bölmeyi ifade eder. Bu, ayrılmanın diyagonal eksende yapıldığı en son örneklerde olduğu gibi varyasyonlara sahip olabilir. Dikey ayırma kontrast sağladığı düşünülür ve farklı şekillerde ve renklerde bir ekran sunar. Bu teknik doğal olarak çok moderndir ve web tasarım statükosunu sorgulamaktadır. Bu, okuyucuları sayfaları farklı şekillerde görmeye ve sayfa içeriğini keşfetmede dikey yönü izlemeye davet eder. Genellikle, dikey ayırma teknikleri, kullanıcıların dikkatini çeken ve sayfaları daha fazla keşfetmeye davet eden çok zıt renklerin kullanımını ima eder. Bazı duyguları ifade etmek için renkleri dikkatle kullanın
Bu yıl şok edici veya uyumlu doğru renk seçiminde zorluklarla dolu olacak. Renklerin kullanımı hakkında tüm ayrıntılar için bu kaynağı Web Sitesi Renk Şeması’nda kontrol edebilirsiniz. Bilge renklerin kullanımı ile, ürünlerinizi veya hizmetlerinizi satın alma olasılığını artıran insanların duygularını çekersiniz. Örneğin, Blue profesyonellik gösterir ve esas olarak iş web siteleri için kullanılır. Kırmızı, satın almak için bir zorunluluk olarak kullanılırken, turuncu gençliğin ve yaratıcılığın rengidir. Ve liste devam edebilir …
Başlık Çizilmiş El (Başlık, Altyazı) + Simge Elle Çizilmiş Web sitesine insan kayıtları taşıyan el tarafından çizilen mektuplar ve simgeler. Pratik olarak, web sitesi sayfalarını insancıllaştırırlar ve okuyucu ile daha yakın bir ilişki kurarlar. Web sitesi ziyaretçileri ile otantik iletişime odaklanarak bu yıl trend oluyorlar. El yazısıyla yazılmış metin örnekleri: Diğer el yazısı metin örnekleri: Bu kaynağı kontrol ederek el yazısı tipografisi yapma hakkında eksiksiz bir rehber bulabilirsiniz. Ve kendi el yazısı stilinizi yapabilir ve okuyucularınızı en uygun olduğunu düşündüğünüz ses tonuyla selamlayabilirsiniz. Buna ek olarak, bu stillerden iki veya daha fazlasını test edebilir ve en çok dönüşümü teşvik eden hangilerini görebilirsiniz. Birkaç site için karanlık moda
örnek 1
Örnek 2
2020’de Dark Mode birçok web tasarımcısına ilham verecek. Koyu bir arka plana yerleştirilen beyaz metin göz gerginliğini azaltabilir ve daha kolay okunabilir. Buna ek olarak, bu kullanıcıların dikkatini daha kolay çeker ve okuyucuyu web sitesi sayfalarını daha iyi keşfetmekle ilgilenir. Ayrıca, Dark Mode genel web tasarımlarına ve öğelerin sayfaya yerleştirilmesine izin vermez. Deneyleri ve web sitesi tasarımına yeni bir yaklaşım davet ediyorlar. Bunun nedeni, web tasarım manzarasında yeni karanlık modanın, bu nedenle yeni site tasarımına ihtiyaç duyulmasıdır. Fotoğrafçılığın grafiklerle birleştirilmesi
Bu yıl, WordPress web tasarımı trendleri fotoğraf ve grafikler arasında ilginç bir kombinasyon içeriyor. Fotoğraf ve bunun gibi grafiklerin birleşimi, şirketin kimliğini alışılmadık bir şekilde büyük ölçüde tanımlayabilir. Aşağıdakiler, fotoğraf ve grafiklerin bir kombinasyonu örneğidir:
Minimalist web tasarımı
2020’de WordPress Web Design trendleri minimalist ilkeleri entegre eder. Yani, web sayfasındaki ne kadar az öğe, öğe o kadar iyi belirgindir ve kullanıcının dikkatini çeker.
Fakat minimalizmin anlamı nedir?
Beyaz alanın kapsamlı kullanımı (negatif boşluk olarak da bilinir). Web sayfalarındaki öğeler birbirinden uzaktır, bu da okuyucunun konsantrasyonunu kolaylaştırır ve mesajı web sitesi ziyaretçilerine daha iyi hale getirir.
İçeriğin kendisini sayfaya ifade etmesi için yer bırakan sınırlı bir renk paleti. Renk, içeriği vurgulamak için bir araçtır ve içeriği ileriye götürmek için önemli bir role sahiptir.
2 veya 3 renkten fazla kullanmayın – yukarıda belirtildiği gibi, renk paleti minimuma indirgenir: ana renk, aksanın rengi ve diğer birkaç ton.
Renkli Minimalizm-Modern web tasarımının basit modeli de renkli minimalist ile karakterizedir. Web sitesi sayfalarındaki öğeler birbirine uzakta dağıldığından, web sitesinde kullandığınız bazı renklere özel dikkat göstermeniz tavsiye edilir. Bu renkli minimalist kategoriye dahil edilebilir.
Renk şemasındaki parlak ve parlak renkler-Renk şemasında birkaç renk seçerseniz, parlak ve parlak renkleri düşünmelisiniz. Bu, siteyi özgünlüğü yoluyla olağanüstü ve hatırlamasını kolaylaştıracaktır. Web tasarımındaki minimalist örnekler:
https://uv-way.com/ Başlıklara ve menü öğelerine ek olarak, bu sitenin ana sayfasında, üzerinde çok fazla öğe bulunmayan bir video arka planı vardır.
https://toke.com.br/ Bu web sitesi, sitenin konusunu benzersiz nesneler/grafik sembolleri/temsiliyle göstererek minimalistte yaratıcılığı sunmayı başardı. Öğenin minimum tasarımını korumaktan daha fazlası, her kullanıcıya ayarlanmış deneyimler yapmak için bağlamsal teknolojinin kullanımını dikkate almak önemlidir. Bu, her kullanıcıyı bağımsız olarak işlediği için her web sitesi ziyaretçisiyle bir 2-2-bir iletişim sağlar.
Web Siteleri ile daha fazla etkileşim
Etkileşim, kullanıcı katılımı yaratmada önemli bir rol oynar. Bu yıl, WordPress web tasarımı trendleri web siteleriyle kullanıcı etkileşimini artırmaya odaklanıyor. Sonuç olarak, kullanıcılar web sitesi mesajına daha fazla dikkat edecek, bunu açıkça anlayacaklar ve daha kolay hatırlayacaklar. Etkileşim aşağıdaki kategorilerden birine dahil edilebilir:
Makro Etkileşim – Bu etkileşimler AI, sanal deneyim, 3D ekran, davet düğmesi eylemi, vb.
Mikro etkileşim-tıkanma etkisi, tıklama etkisi, vb.
CTA düğmesine ek olarak, etkileşim, kullanıcıların web siteleriyle derinlemesine deneyim için yönleri değiştirebilecekleri ve işlevlerine erişebilecekleri öğelerin varlığını varsayar.
Ayrıca, 2020, engelli insanlar için bile web sitelerinin erişilebilirliği anlamına gelir. Örneğin, engelli insanlar mesajlarını okuyabilmeleri ve yakalayabilmeleri için ayarlanabilen tipografidir. Etkileşimli Web Sitesi Örnekleri: http: //pierRehmericolasBuffe.com/
http://andeinerseite.video/ Web siteleriyle etkileşim ayrıca kullanıcılardan veri toplama sağlar. Veriler, web tasarımını gerçekten işe yarayanlarla ayarlamak için kullanılabilir. Önceki web sitesi ziyaretçilerinden toplanan bilgilere dayanarak, ziyaretçilerin beklentilerini ve ihtiyaçlarını karşılayacak şekilde web sitesinin tasarımını ayarlayabilirsiniz. Mikro etkileşime odaklanın
Mikro etkileşim ilginç, samimi ve insancıl anlar yaratmayı amaçlamaktadır. Muhteşem olmadan, mikro etkileşimler, web sitelerini ziyaret eden kullanıcılar tarafından takip edilecek yolu oluşturur. Mikro etkileşimler, web sitesi sayfalarını keşfetmek için ziyaretçilere eşlik eder ve web sitesinin öğelerini bulma yollarını önemli ölçüde işaretler.
Asimetrik düzen
Bu yıl, asimetrik düzen, WordPress web tasarım trendinin ayrılmaz bir parçası olan bir moda olacak. Asimetrinin kendi dengesi vardır ve bu görsel gerginlik yaratır. Sınırsız bir grafik tasarım tarafından yapılmıştır ve uygun olmayan farklı unsurlara sahiptir. Rolü, kullanıcıları web sitesi sayfalarında daha iyi öğeler görmeye zorlamak ve dikkatlerini web sitesi mesajında neyin önemli olduğuna odaklamaktır.
Modern eşanlamlı asimetri: Kullanıcının beklentilerini mahvediyor, bu da onlardan daha fazla dikkat gerektiriyor. Bu yüzden modern asimetrik düzen. İşte bu yüzden modern faydalıdır. Bu nedenle, okuyucu ile en iyi şekilde iletişim kuran etkili bir site. Asimetrik düzenleri olan web sitelerine örnekler: https: //nourisheats.co/
https://homesociete.ca/
Asimetrik düzen aşağıdaki kategorilerden birine dahil edilebilir: Biraz asimetrik Çok asimetrik
Görsel bir dengeye sahip olması gereken bazı simetri
Hafif bir asimetrik web tasarımı, merkezden birkaç sapma ve görsel denge olduğu anlamına gelir. Bu mükemmel görsel dengeyi sorguladı ve biraz farklı bir bakış açısıyla bir şey görmenin yeni bir yolu önerdi.
Çok asimetrik bir tasarım, görsel merkezden çok görünür bir sapma ve kullanıcılara farklı görünmeleri ve yeni bir bakış açısı görmek için cesur önermeler anlamına gelir. Bu tür asimetri, büyük bir benzersiz satış önerisine sahip olan ve tüm web sitesi tasarımlarıyla açıkça belirtmesi gereken şirketler için iyidir. Belirtildiği gibi, asimetri türüne bakılmaksızın, görsel denge için bazı simetri olmalıdır, böylece kullanıcının deneyimi genel alışkanlıktan tamamen ayrılmaz. Asimetri, kullanıcıları web sitesini daha fazla keşfetme konusunda isteksiz oldukları noktaya kadar şaşırtmamalıdır.
Geleneksel olmayan rulolar
Bu, geleneksel olmayan rulolar kullanan yıl. Yeni sürüm:
Uzun kaydırma
Uzun ruloları iyileştirin
Sınırsız rulo
Paralaks ruloları
Long Roll – Bu teknik, kullanıcıların sayfaları kaydırdıkları anlamına gelir, bu da kullanıcıların mümkün olduğunca çok içeriği keşfedebileceği anlamına gelir. Dergi web sitesi uzun bir rulo uygulamak için çok uygundur. Uzun ruloları geliştirin – Bu, bir ruloda bir rulo izlenimini yaratır. Üst gezinme çubuğu yapışkan olacak şekilde ayarlanırken, sayfanın geri kalanı için kullanıcı aşağı kaydırabilir ve sayfadaki içeriği keşfedebilir. Rolence, menüde kullanıcıların web sitesinde nerede oldukları ve nasıl daha fazla gezinebilecekleri hakkında net sinyallere izin veriyor. Sınırsız rulolar – bu, kullanıcının sayfanın sonuna ulaşmadan web sitesi sayfasını aşağı kaydırmaya devam edeceği anlamına gelir. İçerik yüklenmeye devam ediyor ve ziyaretçiler yeni unsurlarla yeni bir rol görmeye devam edecek. Paralaks Kaydırma – Bu, 2020’de de sürecek yeni bir tekniktir. Paralaks efekti, avlunun arka planının ön arka plandan daha yavaş hareket ettiği ve sayfaları kaydıran ziyaretçilerin efekt üzerinde tam kontrolü tutması anlamına gelir. Bu 4 kaydırma türü, özellikle sayfa içeriğinin ziyaretçi keşfetmesi için kaydırma gerektiren bir sayfa web sitesi için web tasarımında yaygın olacaktır.
Aşağıda, bir paket paralakslı bir web sitesi örneğidir:
Video arka planı
2019’da başlayan ancak 2020’de devam edecek olan eğilim, web sitesi için arka plan videosu kullanımıdır. Aslında, video arka planı web tasarımına genlik sağlar ve ziyaretçiler için bir anı olacak daha derin bir deneyim yaratır. Arka plana yerleştirilen videolar, sayfaya alan ve dinamizm yazma gerektirir. Çoğu zaman, videonun arka planı, videonun maksimum etkisini garanti eden manşetler için kullanılır. Video arka planı olan web sitesi örnekleri: Video arka planının rolü, ziyaretçileri bugün web tasarımının metni ve öğeleri altına getirmek ve bir şirketi tanımlayan en gerçek olmaktır. Bu yüzden okuyucu üzerinde özel bir etkisi vardır ve ilgilerini web sitesinin içeriğine daha fazla çeker.
Büyük tipografi
Büyük tipografi, Web Design 2020’nin ana yönlerinden biridir. Tipografi, metnin okunabilirliğini ve yalnızca metin içeriğinin okunabilirliğini geliştirmeye yardımcı olur. Bu yıl, başlıklar ve altyazılar için, veranda ve sergilemek istediğiniz diğer sayfalarda kalın tipografi tercih edilecek. Belki el yazısı mektupları veya diğer lüks tipografi, modern stiller ve okunması kolay veya keyifli mektuplar. İşte bazı büyük ve kalın tipografi örnekleri: Harabar
Ağır ve sans serif
Komik Tipografi
Kaynak: https://www.hongkiat.com/blog/extra-bold-fonts/
Kalın tipografi, ana mesajları belirgin hale getirmede önemli bir rol oynar. Olağanüstü boyutlara, zıt renklere ve olağandışı tasarımlara sahip olarak, kullanıcıların dikkatini çekmeye ve görüşlerini web sitesi içeriğinin ana bölümüne yönlendirmeye cesaret eden tipografi. Ayrıca, tipografi çeşitli varyasyonları destekleyebilir, böylece belirli harf türlerinin harfleri farklı harf türlerinin harfleriyle dönüşümlüdür ve bir bütün olarak uyumlu bir sunumda entegre edilir. Alışılmadık bir tipografinin başka bir örneği: İlk Mobil Tasarım Bu teknik, mobil cihazlar için önceden tasarlanmayı ve ancak bundan sonra masaüstüne uyum sağladıktan sonra anlamına gelir. Tasarım kutunun dışında duyarlı olmalıdır, çünkü aramaların ve web sitelerinin çoğu mobil cihazlardan gerçekleştirilir. Bu nedenle, bu hamburger menüsü, görüntünün boyutu ve ayarlanabilen yazı tiplerinin boyutu, uzun rulo vb. Bu, en küçük cihazdan tasarlamaya başlayarak ve daha sonra daha büyük bir ekrana uyum sağlayarak doğru cihaza doğru kullanıcı deneyimini sağlamak anlamına gelir. Dikey bölünmüş tasarım Dikey bölünmüş tasarıma sahip web sitelerinin örnekleri:
http://kiririchik.com/
Dikey bölüm yeni WordPress web tasarım trendinin bir parçası olmaya devam ediyor. Bu, ekranı dikey eksende ikiye bölmeyi ifade eder. Bu, ayrılmanın diyagonal eksende yapıldığı en son örneklerde olduğu gibi varyasyonlara sahip olabilir. Dikey ayırma kontrast sağladığı düşünülür ve farklı şekillerde ve renklerde bir ekran sunar. Bu teknik doğal olarak çok moderndir ve web tasarım statükosunu sorgulamaktadır. Bu, okuyucuları sayfaları farklı şekillerde görmeye ve sayfa içeriğini keşfetmede dikey yönü izlemeye davet eder. Genellikle, dikey ayırma teknikleri, kullanıcıların dikkatini çeken ve sayfaları daha fazla keşfetmeye davet eden çok zıt renklerin kullanımını ima eder. Bazı duyguları ifade etmek için renkleri dikkatle kullanın
Bu yıl şok edici veya uyumlu doğru renk seçiminde zorluklarla dolu olacak. Renklerin kullanımı hakkında tüm ayrıntılar için bu kaynağı Web Sitesi Renk Şeması’nda kontrol edebilirsiniz. Bilge renklerin kullanımı ile, ürünlerinizi veya hizmetlerinizi satın alma olasılığını artıran insanların duygularını çekersiniz. Örneğin, Blue profesyonellik gösterir ve esas olarak iş web siteleri için kullanılır. Kırmızı, satın almak için bir zorunluluk olarak kullanılırken, turuncu gençliğin ve yaratıcılığın rengidir. Ve liste devam edebilir …
Başlık Çizilmiş El (Başlık, Altyazı) + Simge Elle Çizilmiş Web sitesine insan kayıtları taşıyan el tarafından çizilen mektuplar ve simgeler. Pratik olarak, web sitesi sayfalarını insancıllaştırırlar ve okuyucu ile daha yakın bir ilişki kurarlar. Web sitesi ziyaretçileri ile otantik iletişime odaklanarak bu yıl trend oluyorlar. El yazısıyla yazılmış metin örnekleri: Diğer el yazısı metin örnekleri: Bu kaynağı kontrol ederek el yazısı tipografisi yapma hakkında eksiksiz bir rehber bulabilirsiniz. Ve kendi el yazısı stilinizi yapabilir ve okuyucularınızı en uygun olduğunu düşündüğünüz ses tonuyla selamlayabilirsiniz. Buna ek olarak, bu stillerden iki veya daha fazlasını test edebilir ve en çok dönüşümü teşvik eden hangilerini görebilirsiniz. Birkaç site için karanlık moda
örnek 1
Örnek 2
2020’de Dark Mode birçok web tasarımcısına ilham verecek. Koyu bir arka plana yerleştirilen beyaz metin göz gerginliğini azaltabilir ve daha kolay okunabilir. Buna ek olarak, bu kullanıcıların dikkatini daha kolay çeker ve okuyucuyu web sitesi sayfalarını daha iyi keşfetmekle ilgilenir. Ayrıca, Dark Mode genel web tasarımlarına ve öğelerin sayfaya yerleştirilmesine izin vermez. Deneyleri ve web sitesi tasarımına yeni bir yaklaşım davet ediyorlar. Bunun nedeni, web tasarım manzarasında yeni karanlık modanın, bu nedenle yeni site tasarımına ihtiyaç duyulmasıdır. Fotoğrafçılığın grafiklerle birleştirilmesi
Bu yıl, WordPress web tasarımı trendleri fotoğraf ve grafikler arasında ilginç bir kombinasyon içeriyor. Fotoğraf ve bunun gibi grafiklerin birleşimi, şirketin kimliğini alışılmadık bir şekilde büyük ölçüde tanımlayabilir. Aşağıdakiler, fotoğraf ve grafiklerin bir kombinasyonu örneğidir: