“Şablon” kelimesiyle ilgili sorun, anlamının kişinin bakış açısına bağlı olmasıdır.

Şablonlar anlık web siteleri için bilet olabilir. Birçok içerik yönetim sistemi, sahiplerinin tak ve çalıştır temalarını kıyafet değiştirirken kolayca değiştirebilmelerini sağlar. Ucuz ciltler bir Google aramasıdır.

Diğerlerine göre, şablonlar öğrenme araçlarıdır. Gerçek dünyadaki kod ve üslup örneklerini incelemek, bir kitaptaki aşağıdaki örneklerden veya ders notlarını yeniden okumaktan daha pratik olabilir.

“Şablon” kelimesiyle ilgili sorun, anlamının kişinin bakış açısına bağlı olmasıdır.

Bazılarına, bir şablon anlık bir web sitesine bir bilettir. Birçok içerik yönetim sistemi, sahiplerinin tak ve çalıştır temalarını kıyafet değiştirirken kolayca değiştirebilmelerini sağlar ve ucuz kaplamalar sadece bir Google aramasıdır.

Diğerlerine göre, şablonlar öğrenme araçlarıdır. Gerçek dünyadaki kod ve stil örneklerini incelemek, kitaptaki örnekleri takip etmekten veya ders notlarını gözden geçirmekten daha pratiktir.

Şablonlar bağımsızlığı temsil edebilir. Temel tasarım veya geliştirme becerisine sahip olmayan herkes bile, bir “tasarım uzmanı” nın kararlarını sorgulayacağından korkmadan yüzlerce şablon arasından seçim yapabilir.

Şablonlar ayrıca verimlilik anlamına da gelebilir. Çoğu bilgiye uyacak kadar geneldir ve tekrar kullanılabilirler. Alanı bir çizgi ile doldurun ve işiniz bitti.

Tasarımcılar, yöneticiler ve müşterilerle birlikte çalıştığım pek çok kişi, şablonları tasarımla eşdeğer hale getiriyor. Bir tasarım oluşturmak için içeriğin oturacağı bir sandalye inşa etmektir. Bir tasarım seçmek için bilgi taşımak için bir araç seçmektir.

“Tasarım” kelimesi “tasarım” fiilinden farklıdır: biri ürün, diğeri süreçtir. Bu düşünce şu soruya cevap veriyor: web tasarımı derinliği mi yoksa tasarımcılar şablonların tesliminden daha mı fazla?

kasıtlı tasarım öne çıkıyor

Klavye Kısayollarını Takip Etme

Bir web sitesini “en iyi şablonu üretmek” olarak tasarlama sürecini düşünmek yanlış bir yaklaşımdır. Deneyimden biliyorum.

Uzun zaman önce bir hukuk firmasının web sitesini tasarladım. İş sahipleri ne istediklerini, az ya da çok şeyi biliyorlardı ve JPG modellerini sağladılar. Sıkıcı son tarihin farkında, geliştirici ve ben bir veritabanı, özel bir CMS ve tabii ki HTML şablonunu çıkardık.

Üç sütunlu bileşimleri paler arka plan üzerinde soluk kutular vardı. Sağdaki reklamlar için alanı ölçtük, soldaki arama aracına uyacak şekilde çalıştı, Explorer'ın üç sürümünde aralık işaretliydi ve gezinme çubuğunun altındaki gölgeleri değiştirdik. Kısacası, merkez sütunu dışındaki her şeyden geçtik.

Son teslim tarihi yaklaşırken, son dakika sorunlarını ele almak için bir araya geldik. Bir kişi belirli bilgilerin düzenlenmesinden memnun değildi. Birisi bir çözüm önerdi ve denememi istedi. Birkaç HTML daha sonra değişir, yeni sayfayı gördük. Herkes bu uzlaşma için yerleşti ve web sitesi devam etti.

Lansmandan sonra müşteri tasarım becerilerimi ve özellikle klavye kısayolları bilgimi övdü. İlk başta, kasıtsız hakareti tanımıyordum, ama “düğme itici” rolünde rol aldım ve tasarım alanı düğmeye basmaktı. Daha da kötüsü, benim hatamdı: Komitenin hırsızlığıyla hareket ederek kendimi bu pozisyona soktum. İş iyi bir şekilde ödeniyordu, ancak sonuç yavandan çıkmıştı ve deneyim küçülüyordu.

Tasarlamanın en iyi yolu ve fiili kastediyorum, tasarım yapmaya, problemler aramaya devam etmektir. “Daha azı daha fazla” ısrar etmek, Proje, o olmadan acı çekmezse bir şey yapmayın” demekle aynı şeydir.

şablon tasarımı ve içerik tasarımı

O nasıl çalışır?

1. Sorular sorun.

“Neyi başarmak istiyoruz?” Sadece bir başlangıç ​​ve “Bir web sitesi kurmak için” yeterli bir cevap değil.

  • “Kim yardım etmeye, bilgilendirmeye veya etkilemeye çalışıyor?”
  • “İnsanlar neden yarışma yerine bize gelmeli?”
  • “Kim ne için sorumludur?”
  • “Lansman için nelere ihtiyacımız var ve daha sonra ne için bekleyebiliriz?”
  • “Bu web sitesini nasıl koruyacağız? Kim değişiklik yapacak, trafiği izleyecek ve sorunları nasıl giderecek? ”
  • “Bu daha önce yapıldı mı? Eğer öyleyse, nasıl geliştirebiliriz? Hangi hatalardan öğrenebiliriz? ”

Bunlar tasarım soruları gibi görünmüyor; Ancak, projenin tam olarak anlaşılması, doğru grafik ve teknolojik teknikleri benimsemenize izin verecektir. Örneğin, CMS seçimi, sitenin ne sıklıkla güncellenmesi gerektiğine bağlı olacaktır - belki de bir İYS gerekli değildir.


2. Parametreleri tanımlayın.

İnsanlar tasarımın sınırlar üzerinde geliştiğini öğrenince şaşırırlar; problem çözme iyi bir egzersizdir. Göz önünde bulundurulması gereken bazı parametreler:

  • Dikkat: “İnsanlar üzerinde kalıcı bir etki yaratmak istiyoruz. Mesajımız nedir? Bu mesajı kaç farklı şekilde ifade edebiliriz? İnsanları ne rahatsız edebilir? ”
  • Orta: “Bunu masaüstü tarayıcılarda ve taşınabilir cihazlarda çalışmak için buna ihtiyacımız var. Aynı HTML'yi her ikisi için nasıl yazabiliriz? ”
  • Bütçe: “Sahip olduğumuz para ile ne kadar yapabiliriz?”
  • Zaman Çizelgesi: “Proje x gün içinde başlamalı. Bütün bunları nasıl başarabiliriz? ”
  • Başarı: “İlk ay içerisinde x adet widget satmalı, y kişi sayısını bildirmeli ve yeni üye sayısı sıfır olmalı. İnsanları harekete geçirmeye ikna edecek ne var? ”

Kısıtlamalar yenilik doğurur. Hem iPhone'lar hem de Internet Explorer 6'ya uygun bir web sitesi yazmak, tasarımcıların HTML'in yapabilecekleri konusunda kendi anlayışlarına meydan okumasını gerektirebilir. Kısıtlamalar problem yaratır ve tasarım yapmak onları çözmektir.


3. Beklenmeyenle başa çıkmak.

Nadiren gerçeklik idealleri yansıtır, bu yüzden problem çözme becerilerini pratik edin.

  • Teknik: “İndirdiğimiz bu eklenti, istediğimiz her şeyi yapmıyor. Kodu uyarlayacak mı yoksa hedefleri uyarlamaya daha fazla üzülecek mi? ”
  • Visual: “Kafamda ekranda olduğundan daha iyi görünüyordu. Neden boğulmuşum? İstediğimiz tutumu nasıl daha iyi ifade edebiliriz? Ziyaretçiler bastırılmayacak mı? ”
  • Siyasi: “Bu kodu belirli bir görevi yerine getirmek için yazdık ve şimdi başka bir şey yapmasını istedik. "Hayır" diyebileceğimiz bir konumda mıyız yoksa talepler uygulanabilir mi?
  • Zaman: “Bu, izin verdiğimizden daha uzun sürüyor.”

Tasarım bir süreç olduğunda , düzeni, tipografiyi, rengi, çizgiyi, formu, kontrastı ve teknolojiyi kullanmak problemleri çözer.

Tasarım Tasarım Ne Zaman Yapılır?

Bir blogun neye benzemesi gerektiğine karar vermek, başlamak için kötü bir yoldur. Bir blog bir mikrofon değil, bir sestir; sayfalarını doldurabilmek için blog bitecek.

Hiçbir WordPress / Drupal / Blogger / Joomla sihirbazı miktarı boş bir deliği dolduramaz. Örneğin, yazı tiplerini alın: iyi görünen bir yazı karakteri seçmek, web sitesinin grafik öğelerini taklit eden ya da pekiştiren tuhaflıkları seçmekle aynı değildir.

Bir tasarımın (isim) indirilmesi sonuç elde etmek için bir yoldur, ancak başarı elde etmek için değil. Sayfalar birbirinin yerine geçebilen gemiler haline gelir: kolayca tekrarlanabilir ancak içeriğe kayıtsızdır.

Tasarım (fiil) içerik ve form arasındaki yakın ilişkidir. Daha fazla iş var, ama insanlar bu yüzden profesyonel tasarımcıları işe almıyor mu?


Ben Gremillion tarafından Webdesigner Deposu için özel olarak yazılmıştır. Ben serbest çalışan bir web tasarımcısı iletişim sorunlarını çözer daha iyi tasarım.

Bu makaleyi okuduktan sonra 'şablonlar' ve 'tasarım'ı nasıl görüyorsunuz? Yorumlarınızı aşağıya paylaşın…