İçeriğe atla
Üyelik kaydınızı yaparak son yazılan içeriklerden haberdar olun! ×

Tasarım

Doğuhan ELMA tarafından Frontend'de bir blog

  • makale
    17
  • yorum
    0
  • görüntüleme
    15.665

Bu blog hakkında

Bu blog içinde HTML ve CSS birleştirerek tasarımlara yer vereceğiz.

Bu blogdaki Makaleler

Terms

Tasarımda 8-Point Grid System

"8-point grid system" (8 noktalı ızgara sistemi), UI (Kullanıcı Arayüzü) ve UX (Kullanıcı Deneyimi) tasarımında kullanılan bir yöntemdir. Bu sistem, tasarım öğelerinin yerleştirilmesinde ve boyutlandırılmasında tutarlı bir yapı sağlamak için tüm boşlukların ve boyutların 8'in katları şeklinde (örneğin, 8, 16, 24, 32 gibi) ayarlanmasını önerir. Bu yaklaşım, hem görsel uyum sağlar hem de çeşitli ekran boyutları ve çözünürlükler arasında daha iyi ölçeklenme ve uyum sağlamaya yardımcı olur. 8-P
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Terms

Tasarımda Kontrast

UI (Kullanıcı Arayüzü) tasarımında "contrast" (kontrast), görsel öğeler arasındaki farkın derecesini ifade eder. Kontrast, renkler, boyutlar, şekiller, doku ve aydınlatma gibi birçok faktörle sağlanabilir. Bu, kullanıcıların dikkatini çekmek, bilgi hiyerarşisini vurgulamak ve kullanıcıların arayüzde etkili bir şekilde gezinmelerini sağlamak için kullanılır. İyi uygulandığında, kontrast kullanıcı deneyimini büyük ölçüde iyileştirebilir ve içeriği daha erişilebilir ve anlaşılır hale getirebilir. İ
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Terms

Tasarımda Typography

UI (Kullanıcı Arayüzü) tasarımında "typography" (tipografi), metin içeriğinin düzenlenmesi ve sunumuyla ilgili tasarım uygulamalarını kapsar. Tipografi, font seçimi, font büyüklüğü, satır aralığı, harf aralığı (kerning ve tracking), metin hizalama ve renk gibi öğeleri içerir. Etkili bir tipografi, kullanıcıların bilgiyi kolayca okumasını ve anlamasını sağlar, ayrıca arayüzün genel estetik ve işlevselliğini artırır. İyi tasarlanmış bir tipografi, kullanıcı arayüzü tasarımının aşağıdaki yönlerini
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Terms

Tasarımda İkonografi(iconography)

UI (Kullanıcı Arayüzü) tasarımında "iconography" (ikonografi), arayüzde kullanılan ikonların tasarımı ve kullanımını ifade eder. İkonlar, küçük grafik semboller olarak, bilgiyi hızlı ve etkili bir şekilde iletmek, kullanıcıların navigasyonunu kolaylaştırmak ve genel kullanıcı deneyimini iyileştirmek için kullanılır. İyi tasarlanmış bir ikonografi sistemi, arayüzün daha anlaşılır ve estetik olarak hoş olmasını sağlar. İkonografi, UI tasarımında şu avantajları sağlar: Etkileşim Kolaylığı: İko
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Terms

Tasarımda Görsel Gürültü(visual noise)

UI (Kullanıcı Arayüzü) tasarımında "visual noise" (görsel gürültü), arayüzde gereksiz ya da fazla bilgi ve görsel öğelerin bulunmasıdır. Bu gürültü, kullanıcıların asıl içeriğe odaklanmasını zorlaştırır ve genel kullanıcı deneyimini olumsuz etkileyebilir. Görsel gürültü, kullanıcıların dikkatini dağıtan, anlaması zor veya karmaşık görsel unsurlar içerebilir. İşte görsel gürültüyü artıran bazı faktörler: Aşırı Renk Kullanımı: Çok sayıda renk kullanımı, özellikle de uyumlu olmayan renkler bir
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Terms

Tasarımda Görsel Hiyerarşi

"Visual Hierarchy" (Görsel Hiyerarşi) bir kullanıcı arayüzü (UI) tasarımı kavramıdır ve ögelerin düzenini ve sunumunu düzenleyerek kullanıcıların bir sayfa veya ekran üzerinde bilgileri kolayca işlemesini sağlamayı amaçlar. Görsel hiyerarşi, ögelerin boyutu, renk, kontrast, hizalama gibi çeşitli tasarım prensiplerini kullanarak önem sırasına göre ögeleri sıralar. Bu sayede, kullanıcılar hangi bilgilerin daha önemli olduğunu hızlı ve etkili bir şekilde anlayabilir. Örneğin, bir web sayfasınd
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Terms

Neden Mobile-First?

Doğrudan tel kafesin oluşturulmasına geçmeden önce, bir ilk ürün formatı seçmeniz gerekir. Bu, neyin geliştirilmesinin planlandığına bağlı olacaktır. Örneğin, öncelikle bilgisayarda kullanılacak bir ürün oluşturuyorsanız, masaüstü ekranı başlangıç çerçevesi olacaktır. Mobil versiyon bu ürün için ikincil önemde olduğundan, mobil versiyona daha sonra başlayabilirsiniz. Ancak, çoğu durumda, genellikle mobil cihazların formatı olan en küçük başlangıç formatını seçersiniz. Bu sadece belirlenmiş
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Terms

Bir Web Sitesi için Wireframe Oluşturma Süreci

Bir web sitesi için wireframe oluşturmak, tasarım sürecinin kritik bir aşamasıdır ve projenin başarılı bir şekilde ilerlemesi için önemlidir. Wireframe, tasarımın temel düzenini ve işlevselliğini belirler, böylece geliştirme süreci daha düzenli ve verimli hale gelir. İşte bir web sitesi için wireframe oluşturma sürecine dair adım adım bir rehber: 1. Araştırma ve Planlama Kullanıcı Araştırması: Kullanıcıların ihtiyaçlarını ve davranışlarını anlamak için araştırma yapın. Bu, site tasarım
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Terms

Wireframe Bileşenleri

Bir wireframe oluştururken, onun etkili ve işlevsel olmasını sağlamak için bazı temel bileşenleri içermesi gerekmektedir. İşte bir wireframe'de genellikle bulunması gereken anahtar bileşenler: 1. Layout/Grid Structure Wireframe, web sayfasının veya uygulamanın temel düzenini gösterir. Bu düzen, içeriklerin nasıl organize edileceğini ve sayfa üzerindeki genel yerleşimini belirler. Sıklıkla kullanılan bir grid sistemi, içerikleri düzenli bir şekilde hizalamayı ve tutarlı bir yapı sağlama
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Terms

Wireframe'lerin Etkin Kullanımı Nasıl Olmalıdır?

Wireframe'lerin etkin kullanımı, web sitesi veya uygulama tasarım projelerinde başarıya ulaşmanın önemli bir parçasıdır. Wireframe'leri doğru şekilde kullanmak, projenin tüm aşamalarında daha verimli ve etkili bir iletişim ve işbirliği sağlar. İşte wireframe'lerin nasıl kullanılacağına dair adım adım bir rehber: 1. Amaç ve Kapsamı Belirleyin Proje başlamadan önce, wireframe oluşturmanın amaçlarını ve kapsamını netleştirin. Ne tür bir site veya uygulama tasarlayacağınızı, hangi sorunlar
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Terms

Neden Bir Web Sitesi Wireframe Oluşturmalısınız?

Bir website wireframe oluşturmanın birçok nedeni vardır, ve bu pratik, web sitesi tasarım ve geliştirme süreçlerinin ayrılmaz bir parçası haline gelmiştir. Wireframe'ler, projenin daha başlangıç aşamalarında, tasarımın ve işlevselliğin planlanmasında önemli bir rol oynar. İşte bir website wireframe oluşturmanın ana nedenleri: 1. Kavramsal Netlik ve Odak Wireframe'ler, bir web sitesinin temel yapısını görsel olarak planlama şansı verir. Böylece, içerik, navigasyon ve arayüz elemanları g
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Terms

High-Fidelity (Yüksek Sadakat) Wireframe ve Low-Fidelity (Düşük Sadakat) Wireframe

Web tasarımı ve ürün geliştirme sürecinde, High-Fidelity (Yüksek Sadakat) Wireframe ve Low-Fidelity (Düşük Sadakat) Wireframe gibi terimler sıkça kullanılır. Her iki terim de, bir projenin erken aşamalarında kullanılan araçlardır, ancak aralarında belirli farklar vardır. Bu iki tür wireframe, projenin farklı aşamalarında ve farklı amaçlarla kullanılır. Low-Fidelity Wireframes Düşük sadakatli wireframe'ler, tasarım sürecinin çok başında, genellikle fikirlerin hızlıca ifade edilmesi ve a
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
Terms

Wireframe, Mockup ve Prototype Kavramları

Wireframe, mockup ve prototype kavramları, ürün tasarımı ve web geliştirme sürecinde sıkça karşılaşılan terimlerdir. Her biri bir projenin farklı aşamalarında kullanılır ve birbirinden belirli özellikleriyle ayrılır. İşte bu üç kavram hakkında detaylı bilgiler: Wireframe Wireframe, bir web sayfası, uygulama veya sistem tasarımının iskeletini gösteren, düşük detaylı bir çizimdir. Genellikle siyah beyaz renklerle, temel düzeni ve sayfa içerisindeki içerik bloklarının yerleşimini gösterir
Doğuhan ELMA

Doğuhan ELMA tarafından Terms kategorisinde yayınlandı

0
×
×
  • Create New...