Clueless Müşteri için 20 Web Tasarım Endüstrisi Terimleri

Web tasarım endüstrisinde birçok içeriden öğrenenlerin terimleri. Bu sadece yeni başlayanlar için başlamanızı zorlaştırmaz, özellikle tasarım endüstrisinde yer almayan müşteriler, ancak anlamlarını doğru bir şekilde iletmek bazen oldukça zor olabilir..

Bu sözlükte topladık 20 sık kullanılan web tasarım terimleri ve her birine kısa bir açıklama ekledi, böylece herhangi bir belirsizlik durumunda herkes hızlı bir şekilde onlara göz atabilecekti. Web tasarım jargonunda gerçekten ciddi bir kursa ihtiyacı olan bir müşteriniz varsa, bu makaleyi onlarla paylaşın.

“Animasyon”

Bir web tasarım tekniği ki hareket ekler Ekran elemanlarına değişimi görselleştir veya kullanıcıların dikkatini çekmek.

Animasyonlar geçişlerden daha güçlü, başlangıç ​​ve bitiş noktaları arasında birçok farklı eyaletten geçebilecekleri için, bu nedenle daha karmaşık etkiler.

“İçerik haritası”

bir gezinme türü Bu, kullanıcıları hakkında bilgilendirir mevcut konum sitede.

Ekmek kırıntıları yol geçerli sayfaya ana sayfadan, genellikle biçiminde Ana Sayfa / Kategori / Sayfa. Yolun her elemanı da tıklanabilir Böylece kullanıcılar hızlı bir şekilde site hiyerarşisinde gezin. Ekmek kırıntıları genellikle görüntülenir her sayfanın üstünde.

“Dağınıklık”

Bir web tasarım blunder, bir göstergesi kötü tasarlanmış sayfa.

Tasarımcı olduğunda darmadağın bir sayfadan bahsediyoruz çok fazla bilgi sıkılmış Aynı sayfada, yeterli boşluk bırakmadan ve içeriği doğru şekilde yapılandırmadan. Darmadağın sayfalar var düşük okunabilirlik, ve kullanıcı deneyimine zarar vermek.

“Renk uyumu”

bir uyumlu renklerin toplanması oluşturmak için kullanılır tanınabilir marka kimliği.

Genellikle aynı renk şeması sürekli kullanılır Markanın web sitesi, mobil uygulaması, logosu ve pazarlama materyalleri arasında. Bir renk şeması göre tasarlanabilir farklı ilkeler, monokromatik, benzer, tamamlayıcı, üçlü ve diğer renk şemaları vardır.

“Kontrast”

Bir tasarım tekniği farkları vurgula farklı rolü veya anlamı olan unsurlar arasında.

kullanma Tamamlayıcı renkler (renk tekerleğindeki karşıtlıklar) kontrastı ifade etmenin en iyi bilinen yoludur görsel farklar ayırt etmek istediğimiz sayfa öğelerinin biçiminde, stilinde, tipografisinde veya düzeninde de zıt bir etki elde edebilirsiniz..

“Boş devlet”

Varsa, bir web sitesinin veya uygulamanın belirli bir durumu henüz içerik yok belirli bir sayfada, ancak tasarım öğeleri zaten onların yerinde.

Boş profiller gibi ilk kullanım durumları, boş durum sayfaları için tipik örneklerdir. Bunlar (örneğin onboarding design) gibi özel tasarım teknikleri gerektirir. kullanıcıları bilgilendir sayfada ne olması gerektiği hakkında ve onları teşvik et belirli faaliyetleri gerçekleştirmek.

“Sabit düzen”

bir düzen türü hangi site ve unsurları aynı genişliği kullan tüm kararlar karşısında, statik değerlerde tanımlanmış (genellikle pikseller).

Web sitelerini oluşturmanın geleneksel yolu. Sabit düzenleri olan siteler mobil ekranlarda zor kullanılabildiğinden (okunabilir) nadiren yeni web siteleri için seçilir. Mobil kullanıcılar için erişilebilir kalmak için, birçok sabit düzen sitesi ikincil mobil site.

“Düz tasarım”

bir UI tasarım dili temiz ve minimalist tarzlara odaklanır, ve kullanıcılara yardımcı olmak için karmaşık dokuları, desenleri, degradeleri ve diğer fantezi efektleri kaldırır içeriğe daha iyi odaklanmak.

Düz tasarım, kullanımdan kaynaklanan kullanım sorunları nedeniyle eleştirilmiştir. üç boyutluluk eksikliği. Daha olgun Flat 2.0 tasarım dilleri, Google’ın Materyal tasarımı gibi bir yanıt olarak göründü ve düz tasarıma biraz derinlik kattı.

“Sıvı Düzeni”

bir düzen türü o göreceli birimleri kullanır Bir sitenin genişliğini ve unsurlarını tanımlamak.

Sıvı düzenleri için en sık kullanılan nispi üniteler yüzdeler, fakat ems ve rems ayrıca kullanılabilir. Bir sıvı düzeni yeniden boyutlandırır (uzanır ve küçülür) görünümün genişliği değiştikçe Duyarlı düzenlerin aksine, sıvı düzeninin medya sorguları kullanmıyor. Olarak da bilinir sıvı düzeni.

“Kat”

Ekranın görünen kısmının alt tarafı.

Dönem “kıvrımın üstünde” bir web sayfasının ziyaretçilerin görebileceği kısmını ifade eder. herhangi bir işlem yapmadan, süre “kıvrımın altında” Kullanıcının sayfanın geri kalanını ifade eder. yalnızca siteyle etkileşime geçerek erişme - genellikle kaydırarak veya kaydırarak (mobil cihazda).

Yerleştirmek için tavsiye edilir marka elemanları (örneğin, logo), yerinde gezinme, ve ilgi çekici içerik Kullanıcıların sitenin amacını çabucak anlamasını ve içeriğin geri kalanıyla ilgilenmesini sağlamak için ekranın üst kısmında.

“Zarif Bozunma”

Bir web tasarım stratejisi ki tüm gelişmiş özellikleri içerir Bir sitedeki varsayılan olarak, daha sonra eski tarayıcılarda, daha az yetenekli cihazlarda veya düşük bant genişliklerinde çalışmayan şeyleri kaldırır veya basitleştirir.

Odakları görünüm hakkında daha fazla içeriği üzerinde. Mobil çağda, ilerici gelişme, yeni siteler için baskın web tasarım stratejisi haline geldi, zarif bozulma temel olarak daha eski veya eski siteler.

“Kahraman Resmi”

Bir büyük boy görüntü başlığı yerleştirilmiş kıvrımın üstünde.

Hero görüntüleri yüksek kaliteli, genellikle sitenin içeriğiyle ilgili tam genişlikte görüntülerdir. Hepsinden öte, genellikle kısa (bir veya iki satır) metin kullanıcılara bir mesaj ileten ve harekete geçirme ifadesi düğmesi alışveriş yapmak veya siteye kaydolmak gibi belirli bir işlemi yapmaya çağırır..

“Açılış sayfası”

Başlangıçta herhangi bir sayfa bir çevrimiçi ziyaretçi bir siteye girer. Son zamanlarda bu terim, bir web sitesi için tasarlanmış bağımsız bir sayfa için kullanılmaktadır. özel iş amacı.

Örneğin, web kullanıcıları bir banner reklamı izlerse, kendilerini sık sık ilgili bir ürünü almaya çağıran bir açılış sayfasında bulurlar. İle açılış sayfaları tek odak ve bir harekete geçirme ifadesini temizle daha yüksek dönüşüm oranlarına ulaşma eğilimi.

“Yavaş yüklenme”

Görüntüleri ve videolar gibi diğer statik içeriği yalnızca bunlardan kısa bir süre önce yüklemek için bir teknik kullanıcı için görünür ol.

Bir web sitesi tembel yükleme kullanıyorsa, önce yalnızca katlamanın üzerindeki resimler yüklenir, geri kalanlar yalnızca kullanıcı sayfayı kaydırdığında yüklenir. Duyarlı ve mobil tasarımda olduğu gibi sıkça kullanılır. kaynakları korur. Örneğin, Google AMP mobil siteleri tembel yükleme statik kaynaklar varsayılan olarak.

“Medya Sorgusu”

Yapan bir CSS özelliği duyarlı web tasarımı tasarımcıların yaratmasını sağlayarak mümkün farklı cihaz boyutları için farklı tasarımlar (genişlik ve / veya yükseklik), yönlendirmeler (manzara veya portre) ve ortam türleri (baskı, ekran vb.).

Genellikle, yanıt veren siteler ayrı düzenlere sahip olmak Masaüstü, tablet ve mobil ekranlar için kırılma noktaları aralarında medya sorguları tarafından tanımlandı CSS'ye eklendi.

“Aşamalı Geliştirme”

Önce bir web tasarım stratejisi sadece temel unsurları ekler Herhangi bir tarayıcı, bant genişliği ve cihaz üzerinde çalışan bir siteye. Daha gelişmiş ön uç özellikleri (stiller ve etkileşim) katmanlar halinde yüklenir sonradan.

Öncelikli olarak aşamalı geliştirme içeriğe odaklanır, olan sitelerdeki sonuçlar ulaşılabilir her kullanıcı için, bu nedenle mobil çağda web siteleri oluşturmanın baskın yolu (zarif bozulmanın aksine).

“Duyarlı tasarım”

Web siteleri oluşturmak için bir web tasarım yaklaşımı olan boyutlara ayarlamak farklı cihaz türlerinin (en sık mobil, tablet ve masaüstü) tasarlanmasıyla farklı düzenler ve diğer stiller (örneğin, tipografi, resim boyutu) onlar için.

Duyarlı tasarım gibi çeşitli teknikleri kullanır göreceli birimler, esnek ızgaralar, ve medya sorguları Her kullanıcıya kullanılabilir, okunabilir ve erişilebilir içerik sunmak için. Çoğu modern web sitesi duyarlı tasarım kullanır.

“Skeuomorphism”

Kaldıraçtan UI tasarım dili aşinalık ilkesi, ve tasarım öğelerini yaratmaya odaklanır gerçek dünyadaki eşdeğerlerine benzemek.

Örneğin, gerçek hayat düğmelerine benzeyen düğmeler gibi efektler kullanarak eğim ve kabartma, alt gölgeler, degradeler ve diğerleri. Düz tasarım baskın hale gelmeden önce, skeuomorphism, uzun yıllardır lider web tasarım trendiydi..

“Geçiş”

İçin bir web tasarım tekniği basit değişiklikleri görselleştirmek ne zaman bir ekran elemanı sorunsuz değiştirir başlangıç ​​ve bitiş durumu arasında.

Geçişler - animasyonlardan farklı olarak - durumlar arasında değil, yalnızca başlangıç ​​ve bitiş noktası, bu nedenle onlar için kullanılacak ince değişiklikler, görselleştirmek için olduğu gibi vurgulu devletleri.

“Beyaz boşluk”

boşluk bitişik tasarım öğeleri arasında. Olarak da bilinir olumsuz boşluk.

Beyaz boşluk kullanıcılara yardımcı olur içeriği yağsız, ve görsel olarak içerik hiyerarşisini belirtir. Beyaz alan mutlaka beyaz değil, sitenin arka plan rengini kullanır. Yeterli beyaz boşluk olmaması, darmadağın sayfa.