Web Tasarımcıları Kodu Bilmeli mi? Yorgun Bir Tartışmada Uzlaşma Bulma

Web tasarımcıları temel HTML ve CSS'yi anlamalı mıdır? İki tarafın vermeyi reddeden yorgun bir argüman, neden tartışalım ki?

Bu makalenin amacı hangi grubun haklı olduğunu kanıtlamak değil, her iki tarafın da gerçekten geçerli puan verdiğini göstermeye çalışmak ve bu noktaların analiz edilmesinin bizi her iki tarafın üzerinde anlaşabileceği bir uzlaşmaya götürüp getirmediğini görmek.

Sıcak Konu

Geçen hafta makalelerimizden biri, web tasarımcılarının bir web sayfası oluşturmada yer alan kodun temel bir kavrayışına sahip olması gereken parça boyunca etkileri hakkında birkaç yorum başlattı. Birçoğu bu öneriyi alkışlarken, eşit sayıda okuyucu öneriyi işaretlemedi.

Bu konu, web'deki hemen hemen her tasarım blogunda uzun süredir tartışılan bir konudur. Tartışmada, üyeleri kumda hiçbir zaman geçilmeyecek net çizgiler çizmiş olan iki farklı taraf vardır.

Ben haklısın ve yanılıyorsun

Tasarım için kod anlayışının gerekli olmadığına inanan herkes, bu görüşün yanlış olabileceği düşüncesini eğlendirmeyi reddeder. Benzer şekilde, güçlü bir kod kavrayışına sahip tasarımcılar, bunun için daha iyi tasarımcılar olmadıklarına ikna edilemezler.

“Ya tasarımcılar kodu bilmeli ya da bilmemeli, böyle basit bir tartışma uzlaşma için çok az yer bırakıyor.”

Peki bu bizi nereye bırakıyor? Her iki tarafı da sağlam tutan taşınmaz bir çıkmazda gibi görünüyoruz. Buradaki en büyük sorun, orta bir zemin olmadığı görülüyor. Ya tasarımcılar kodu bilmeli ya da bilmemeli, böyle basit bir argüman uzlaşma için çok az alan bırakıyor.

Bununla birlikte, her iki tarafın da görüşlerine o kadar sıkı bir şekilde yapışması, her birinin dikkat edilmesi gereken önemli noktalara sahip olduğunu göstermektedir. Bugün bu noktalara saygı göstermeye ve zor orta noktayı bulmaya çalışacağız. Umarım tartışmayı her iki tarafın da en azından kısmen abone olabileceği sonucuna yönlendirebiliriz.

Web Geliştirme Durumu

Tartışmanın doğası göz önüne alındığında, bazılarımızın web sitelerinin nasıl kurulduğunu anladığını, bazılarının ise anlamadığını varsayacağım. Bunu akılda tutarak, terimlerin basit bir tanımı, herkesi aynı sayfaya getirmeye yardımcı olmak için uzun bir yol kat edecektir.

Hızlı ve kirli öz, HTML'nin içerik için, stil için CSS ve davranış için JavaScript kullanılmasıdır. Aşağıdakiler biraz fazla basitleştirilmiştir, ancak temel web sayfalarının nasıl oluşturulduğunun genel durumunu yansıtmaktadır.

“HTML içerik için, stil için CSS ve davranış için JavaScript kullanılır”

Tipik bir sayfada, yapısı, tüm tasarım için hiyerarşi sağlayan HTML, metin, bağlantılar ve hatta birincil görüntüler bulunabilir. HTML, sayfanızın iskeletidir.

Aynı şekilde, CSS sayfanızın dış görünümüdür. Burada estetik seçimlerin çoğu yapılır: renkler, yazı tipleri ve hatta düzen CSS ile gerçekleştirilir. Bir tasarımcının sorumlu olduğu şeylerin çoğu CSS ile gerçekleştirilir, bu yüzden bir tasarımcının kod hakkında bir şey anlaması gerekiyorsa, burası başlamak için iyi bir yerdir.

JavaScript, sayfanız için isteğe bağlı bir beyindir. Süslü slayt gösterileri veya diğer dinamik özellikler istiyorsanız, JavaScript genellikle bunun için en iyi yoldur. Son zamanlarda, CSS3, JavaScript'in bazı davranışsal gök gürültüsünü çalma yeteneğine sahip bir his haline geldi, bu yüzden çizgiler bir zamanlar olduğu kadar net değil.

Ticaretinizi Anlama

Ne tür bir tasarımcı olursanız olun, yarattığınız şeyin doğasını anlamaya çalışmanın kariyeriniz için hayati önem taşıdığını iddia etmek zor.

İyi baskı tasarımcıları baskı ve çevresindeki işlemler hakkında her şeyi bilir. Temel dört renkli baskı işlemini, kağıdın reklam boyutuna nasıl kesildiğini ve bunun dosya kurulumuyla nasıl ilişkili olduğunu, ne tür mürekkeplerin kullanılabilir olduğunu ve nasıl karıştırıldığını anlarlar; devam ediyor.

Bu bilgi olmadan tamamen temel bir düzen oluşturulabilir, ancak gerçek profesyoneller bir tasarımın uygulanmasının arkasındaki süreçleri öğrenmek için zaman ve çaba harcarlar, böylece tasarım sürecinde bunları dikkate alabilirler.

“Gerçek profesyoneller bir tasarımın uygulanmasının arkasındaki süreçleri öğrenmek için zaman ve çaba harcıyorlar.”

Web tasarımcılarına genellikle bu alanda serbest geçiş hakkı tanınır. Web teknolojisi karmaşıktır, bu yüzden bir tasarımcının bunu anlamasını beklemek gerçekçi değildir. Sonuçta, arka plan renginin tasarım özelliklerine uyduğu sürece nasıl uygulandığının önemi nedir?

Bu bir mektup mu yoksa meşru bir argüman mı? Web tasarımcılarının tasarımlarının baskı tasarımcılarının yaptığı gibi hayata geçirilmesinde neler olduğunu gerçekten bilmesi gerekiyor mu? Spot ve proses renkleri arasındaki farkı bilmek sizi daha iyi bir baskı tasarımcısı yaparsa, yukarıda belirtilen üç teknolojinin rolünü, ilişkisini ve uygulanmasını anlamak sizi daha iyi bir web tasarımcısı yapar mı?

Web için Tasarım

Web çok özel bir medya biçimidir. Bazı projeler yüksek düzeyde etkileşim gerektirirken, diğerleri kolayca basılan içeriğin dijital tasvirinden biraz daha fazlasıdır (örneğin bu makale).

Bir web tasarımcısı olarak, her bir senaryoyu analiz etmek ve sitenin hedeflerine ve kullanıcılarına en uygun estetiği sunmakla görevlendirilirsiniz. Web'in nasıl çalıştığına dair temel bir anlayış olmadan bunu gerçekten gerçekleştirip gerçekleştiremeyeceğiniz konusunda önemli bir soru ortaya çıkar.

Diyelim ki bir mobil site tasarlıyorsunuz ve müşteriniz yükleme sürelerini düşük tutmak istiyor. CSS'nin neler yapabileceğini biliyorsanız, görüntü gerektirmeyen çekici bir tasarım kolayca oluşturabilirsiniz. Ancak, tarayıcılar arası uyumlu bir gradyan gibi bir şeyin ne kadar mümkün olduğundan emin değilseniz, dezavantajlısınız demektir.

Aynı şey tipografi için de geçerlidir. Belki metnin canlı olması gereken bir kısmında benzersiz bir yazı tipi kullanmak istersiniz, @ font-face uygulamasını ve bununla neler yapabileceğinizi anlamanız yardımcı olmaz mı?

Rolleri Ayırma

Bu tartışmadaki önemli bir alt argüman, tasarımcı ve geliştiricinin rollerinin tamamen ayrı olup olmayacağı konusunda ortaya çıkıyor. Bu, her iki tarafın da eşit derecede meşru argümanlara sahip olduğu bir alandır.

Ayrılıkçılar, web tasarımı ve web geliştirmenin çok farklı beceri setleri gerektiren tamamen farklı iki rol olduğunu söylüyorlar. Reklam öğelerinin yalnızca tasarım ve tekniklere yalnızca kodlamaya adanmış olması, iki rolü tek bir kişide birleştirmeye çalışmaktan daha iyidir. Bunu yapmak için çok fazla kişi gerekirdi ve proje acı çekerdi.

Gerçekten de, dünyanın dört bir yanındaki birçok büyük şirket, web ekiplerini tam olarak bu şekilde ele alıyor ve bir grup daha sonra canlı bir projeye dönüştürülmek için farklı bir departmana teslim edilen tasarımlar oluşturmaya adanmış. Bu, özellikle bir proje Ruby veya PHP uygulaması gibi yüksek düzeyde bir geliştirme uzmanlığı gerektirdiğinde gereklidir.

“Hiçbirimiz, her yerde her web tasarım şirketine uygulanabilecek ve uygulanacak tek bir format bildiğimizi düşünemiyoruz.”

Bununla birlikte, küçük işletmeler ve serbest operasyonlar genellikle birden fazla uzman ekibini karşılayamaz. Bu senaryolarda, bir projeyi baştan sona görebilen yalnız süpermen paha biçilmez bir kaynaktır. Beğen ya da beğenme, aslında böyle bireyler var, birçoğu hem tasarım hem de geliştirme konusunda oldukça iyi.

Bu alt argümana açık bir zihinle yaklaşırsak, tasarımcının ve geliştiricinin rollerinin ayrı olmasının faydalı olduğu durumlar ve onların bir araya getirilmesinin daha iyi olduğu diğer senaryolar olduğunu hepimiz kabul edebiliriz. Hiçbirimiz, her web tasarım şirketine her yerde uygulanabilecek ve uygulanacak tek bir format bildiğimizi varsayamazız.

Sorunun Kalbi

Yukarıdaki tartışmada uzlaşma bulmak önemli bir adımdır. Hepimiz hem tasarımcıyı hem de geliştirici rollerini bölmenin ve birleştirmenin meşru bir yapı olduğu vakaları olduğunu kabul edebilirsek, belki de tasarımcıların genel olarak kodu anlaması gerekip gerekmediği konusunda genel bir sonuca varabiliriz.

Ortak bir zemin bulmak için, her bir argümanı analiz edelim. Saf tasarımcının durumunu anlamak benim için kolay çünkü bu kampta uzun süredir vardı. Görsel tasarım, birçok insanın kredi vermesinden daha karmaşıktır. Bir sitenin nasıl oluşturulacağını bildikleri için bir site tasarlayabilmeleri gerektiğini düşünen çok fazla HTML ve CSS adamı var. Kodlama gibi tasarım da neyin işe yarayıp neyin yaramadığına dair temel bir eğitim ve keşif yapmadan başarabileceğiniz bir şey değildir. Tasarımcılar sadece renk şemalarına bakan insanlar değil, sahip oldukları beceri setini oluşturmak için çok çalışmış yüksek eğitimli kişilerdir.

Buradaki paket, tasarım deneyimi olmayan kodlayıcıların muhtemelen tasarımcı gibi davranan hiçbir işlerinin olmamasıdır. Benzer şekilde, bir tasarımcı zamanını kötü yazılmış kodları hacklemek için harcamamalıdır.

Ancak bekleyin, yukarıda temel bir kod anlayışının aslında tasarımcıyı sitenin hedeflerine uyan bir şey yaratmak için nasıl daha iyi hazırlayabileceğini tartıştık. Peki bu bizi nereye bırakıyor?

Uzlaşma

Yukarıdaki konuşma biraz uzun soluklu ve gereksiz görünebilir, ancak yaşadığımız mantık adımları bizi bir sonuca ulaşabileceğimiz bir noktaya getirmek için önemlidir.

Her iki taraftan da geçerli argümanlar göz önüne alındığında, bir uzlaşmaya varılması çok daha kolaydır. Artık tasarımcıların kodu anlaması gerektiğini düşünenlerin, tasarımcının gerçekten web sitesini kodlayan kişi olup olmadığını gerçekten umursamadığını görebiliriz. Sadece arka ucun nasıl çalıştığı bilgisiyle donanmış, daha uygun bir yaprak ucu tasarımının oluşturulabileceğini iddia ediyorlar.

“Bazen başkasının işine dair içgörü, seninkinde daha iyi olmana yardımcı olur.”

Bu uzlaşma, bazı web tasarımcılarının kod yazabilmesinden yararlanabilir ve yararlanabilirken, belki de bu beceri tüm web tasarımcılarında oldukça evrensel olarak gerekli değildir. Ancak, bu, tasarımcıların stil sitelerine giren kodu anlamaması gerektiğini söylemekten çok farklı.

Burada önemli bir ayrım var. Örneğin, gazete baskısının nasıl çalıştığı hakkında çok şey anlıyorum. Kağıt ve mürekkebin kalitesini ve bunun tasarımlarımda saf siyah yerine zengin siyah kullanma gibi kavramlarla nasıl ilişkili olduğunu anlıyorum. Ancak bu, dışarı çıkıp basın odasını yönetecek bir iş bulabileceğim anlamına gelmez! Beni daha iyi bir tasarımcı yapmak için gerekli baskı unsurlarını anlıyorum. Bazen bir başkasının işine dair içgörü, kendinizde daha iyi olmanıza yardımcı olur.

Benzer şekilde, web tasarımcıları daha iyi web tasarımcıları yapmak kodlama bu yönlerini anlamak gerektiğini söylenebilir. Önceki örneklerimi kullanarak, Paul Irish'ın Kurşun geçirmez Sözdizimini ezberlemeden @ font-face'ün esnekliğini ve kısıtlamalarını anlayabilirsiniz. Böyle bir uygulama için gerekli kodu yazmadan hangi tarayıcıların hangi CSS3 efektlerinin desteklendiğini de anlayabilirsiniz.

Silahlarını Bırak

Her okuyucunun sonuçlarımla hemfikir olacağını hayal edecek kadar saf değilim. Yukarıda söylediğim gibi, sadece yollarının tek yol olmadığını düşünmeyi reddeden birkaç kişi var. Ancak, her birinizi, bu tartışmayı yukarıda kullanılan mantıkla sonlandırmaya ne kadar yaklaştığımızı düşünmeye çağırıyorum.

“İşiniz tasarım kararlarınızı etkileyebilecek ve etkileyecek bilgileri almaktır.”

Sonunda, neden son ürün tatmin edici olduğu sürece bir web tasarım şirketi kim ne yapıyor umurumda? Bu hedefi göz önünde bulundurarak, CSS'yi başının üstünden yazamayan bir web tasarımcısı mutlak bir gereklilik değildir, ancak bu, web geliştirmenin temel doğasını ve araçlarını anlamak için elinden geldiği anlamına gelmez. yarattığı tasarımı uygulamak için kullanılacaktır.

Uygulama arayüzleri, reklam panoları, web siteleri veya şampuan şişeleri tasarlayın, tasarımınızın nasıl uygulanacağını anlama sorumluluğunuz vardır. Süreci kendiniz yapmak için yeterince iyi öğrenmeye istekli iseniz, sizin için iyi. Değilse, işiniz tasarım kararlarınızı etkileyebilecek ve etkileyecek bilgileri almaktır.

Sonuç

Özetlemek gerekirse, hepimiz tüm web tasarımcılarının temel HTML ve CSS'yi anlamaları gerekip gerekmediği konusunda son derece fikir sahibiyiz. Ancak, bu görüşleri tartışmanın her iki tarafının da geçerli puanlar verdiğini fark edecek kadar uzun kenara bırakırsak, belki de bir uzlaşma sağlanabilir.

Tüm tasarımcıları ticaretlerini ve kreasyonlarını hayata geçirmeye neyin dahil olduğunu anlamaya teşvik edersek, hepimizin net bir anlaşma noktası vardır. Başkalarının süreci hakkındaki kararınızı bırakın ve yeni bir mantra alın: İyi tasarımcılar bilinçli kararlar alır. Kim böyle bir iddiayı tartışabilir?

Aşağıya bir yorum bırakın ve ne düşündüğünüzü bize bildirin. Web tasarımcılarının, baskı tasarımcıları gibi, en azından tasarıma teslim ettikten sonra neler olduğunu anlamaya çalışması gerektiği doğru mu? Bir tasarımcının, mevcut web teknolojilerinin bir tasarımı nasıl etkilemesi gerektiğini anladığı sürece kod yazıp yazamayacağı önemli midir?