Bi li web dizajneri trebali znati kod? Pronalaženje kompromisa u napornoj raspravi

Treba li web dizajnere razumjeti osnovne HTML i CSS? Umorni je argument s dvije strane koje odbijaju popustiti, zašto uopće raspravljati o tome?

Svrha ovog članka nije dokazati koja je skupina u pravu, već pokušati pokazati da obje strane doista čine valjane stavove i provjeriti da li nas analiza ovih točaka dovodi do kompromisa oko kojeg se obje strane mogu složiti.

Vruća tema

Jedan naš prošli tjedan potaknuo je nekoliko komentara u vezi s implikacijama u cijelom dijelu kako bi web dizajneri trebali shvatiti kôd koji je uključen u stvaranje web stranice. Mnogi su pljeskali ovom prijedlogu, dok je jednak broj čitatelja ustanovio da nije riječ.

Ova je tema jedna o kojoj se detaljno raspravlja u gotovo svakom dizajnerskom blogu na webu. Postoje dvije različite strane u raspravi, čiji su članovi povukli jasne crte u pijesku koje vjerojatno nikada neće biti prekrižene.

U pravu sam, a ti nisi u pravu

Svatko tko vjeruje da razumijevanje koda nije potrebno za dizajn, jednostavno odbija misliti da bi ovo gledište moglo biti pogrešno. Isto tako, dizajneri koji dobro razumiju kodeks ne mogu biti uvjereni da za to nisu bolji dizajneri.

"Ili dizajneri trebaju znati kod ili ne bi trebali, takav jednostavan argument ostavlja malo prostora za kompromise."

Pa gdje nas to ostavlja? Čini se da smo u nepomičnom stanju u kojem obje strane čvrsto drže. Najveći problem ovdje je što izgleda da ne postoji sredina. Ili dizajneri trebaju znati kod ili ne bi trebali, takav jednostavan argument ostavlja malo prostora za kompromise.

Međutim, činjenica da se obje strane toliko čvrsto drže svojih stavova ukazuje na to da svaka ima važne točke koje ne treba previdjeti. Danas ćemo pokušati poštovati te točke i pronaći neuhvatljivi srednji sloj. Nadamo se da možemo raspravu usmjeriti prema zaključku koji se obje strane mogu barem djelomično pridružiti.

Stanje web razvoja

S obzirom na prirodu rasprave, pretpostavit ću da neki od nas razumiju kako se grade web stranice, a neke ne. Imajući to u vidu, jednostavna definicija pojmova uvelike će pomoći prikupljanju svih na istoj stranici.

Brza i prljava suština je da se HTML koristi za sadržaj, CSS za styling i JavaScript za ponašanje. Sljedeće je malo pojednostavljeno, ali odražava opće stanje kako su izgrađene osnovne web stranice.

"HTML se koristi za sadržaj, CSS za stil i JavaScript za ponašanje"

Uobičajena stranica može imati tekst, veze, pa čak i primarne slike umetnute putem HTML-a, čija struktura pruža hijerarhiju cjelokupnog dizajna. HTML je kostur vaše stranice.

Isto tako, CSS je koža vaše stranice. Ovdje se donosi većina estetskih izbora: boje, fontovi, pa čak i izgled ostvaruju se pomoću CSS-a. Veliki dio onoga što je dizajner odgovoran obavlja s CSS-om, pa ako dizajner mora shvatiti bilo što o kodu, ovo je dobro mjesto za početak.

JavaScript je izborni mozak za vašu stranicu. Ako želite maštovite prezentacije ili druge dinamičke značajke, JavaScript je često najbolji način da se to riješi. U posljednje vrijeme CSS3 se razvio u živahno biće sposobno ukrasti neke JavaScript gromove ponašanja, tako da linije nisu toliko jasne kao nekada.

Razumijevanje vaše trgovine

Bez obzira kakav ste dizajner, teško je tvrditi da nije važno za vašu karijeru da pokušavate shvatiti prirodu onoga što stvarate.

Dobri dizajneri ispisa znaju sve o tiskanju i njegovim okolnim procesima. Oni razumiju osnovne četiri operacije prešanja u boji, kako se papir reže na veličinu oglasa i kako se to odnosi na postavljanje datoteke, koja vrsta tinte je dostupna i kako se miješa; to se nastavlja i nastavlja.

Osnovni izgled može se stvoriti potpuno bez ovog znanja, ali pravi profesionalci ulažu vrijeme i trud kako bi naučili procese koji stoje iza implementacije dizajna kako bi ih mogli uzeti u obzir tijekom procesa dizajniranja.

„Pravi profesionalci ulažu vrijeme i trud da nauče procese koji stoje iza implementacije dizajna.“

Web dizajneri često imaju besplatan prolaz u ovom području. Web tehnologija je komplicirana, pa je nerealno očekivati ​​od dizajnera da je razumije. Uostalom, što je važno kako se boja pozadine provodi sve dok odgovara zahtjevima dizajna?

Je li ovo policajac ili legitiman argument? Moraju li web dizajneri doista znati što je uključeno u oživljavanje njihovih dizajna kao što to rade dizajneri printova? Ako vas poznavanje razlike između mrlja i procesnih boja čini boljim dizajnerom ispisa, čini li vas razumijevanje uloge, odnosa i primjene triju spomenutih tehnologija boljim web dizajnerom?

Dizajniranje za web

Web je vrlo jedinstven oblik medija. Neki projekti zahtijevaju visoku razinu interakcije, dok su drugi malo više od digitalnog prikaza onoga što se lako može ispisati sadržajem (na primjer ovaj članak).

Kao web dizajner, zadatak vam je analizirati svaki scenarij i pružiti estetsku koja najbolje odgovara ciljevima i korisnicima web mjesta. Postavlja se važno pitanje možete li to stvarno postići bez osnovnog razumijevanja kako web funkcionira.

Recimo da dizajnirate mobilnu web lokaciju i vaš klijent želi zadržati vrijeme učitavanja niskim. Ako znate za što je CSS sposoban, lako možete stvoriti atraktivan dizajn koji ne zahtijeva slike. Međutim, ako niste sigurni koliko je izvedivo nagib poput naklona koji se podudara s pretraživačima, tada ste u nepovoljnom položaju.

Isto je i s tipografijom. Možda želite koristiti jedinstveni font na dijelu teksta koji treba živjeti, zar vam to ne bi pomoglo da shvatite implementaciju @ font-face i što možete učiniti s tim?

Odvajanje uloga

Glavni pod argument u ovoj raspravi javlja se o tome trebaju li uloge dizajnera i programera biti potpuno odvojene ili ne. To je jedno područje gdje obje strane imaju podjednako legitimne argumente.

Separatisti kažu da su web dizajn i web razvoj dvije potpuno različite uloge koje zahtijevaju vrlo različite skupove vještina. Daleko je bolje imati kreativce posvećene isključivo dizajnu i tehnologiji isključivo kodiranju nego pokušati spajanje dviju uloga u jednu osobu. To bi značilo zahtijevanje previše jedne osobe i projekt bi patio.

Doista, mnoge velike tvrtke diljem svijeta svoje web timove bave upravo na ovaj način, s jednom grupom koja je posvećena kreiranju dizajna koji će se potom predati u drugi odjel koji će se pretvoriti u živi projekt. To je posebno potrebno kada projekt zahtijeva visoku razinu stručnosti u razvoju, poput aplikacije Ruby ili PHP.

"Nitko od nas ne može pretpostaviti da poznaje jedinstveni format koji se može i treba primijeniti na sve tvrtke za web dizajn svugdje."

Međutim, male tvrtke i samozaposleni često ne mogu priuštiti više stručnjaka. U tim je scenarijima usamljeni superman koji može vidjeti projekt od početka do kraja neprocjenjiv resurs. Sviđalo nam se to ili ne, takvi pojedinci zapravo i postoje, od kojih su mnogi izuzetno dobri i u dizajnu i u razvoju.

Ako ovom pod argumentu pristupamo otvoreno, mislim da se svi možemo složiti da postoje okolnosti u kojima je korisno da uloge dizajnera i programera budu odvojene i drugi scenariji u kojima je bolje da se oni spoje. Nitko od nas ne može pretpostaviti da poznaje jedan format koji se može i treba primijeniti na sve tvrtke za web dizajn posvuda.

Srce problema

Pronalaženje kompromisa u gore navedenom argumentu važan je korak. Ako se svi možemo složiti da postoje slučajevi kada je i dijeljenje i spajanje uloga dizajnera i programera legitimna struktura, onda možda možemo doći do općeg zaključka trebaju li dizajneri uopće razumjeti kod.

Da bismo pronašli zajedničku osnovu, analizirajmo svaki argument. Stanje čistog dizajnera lako mi je shvatiti, jer sam tako dugo bio u ovom kampu. Vizualni dizajn je složeniji nego što mu mnogi ljudi zaslužuju. Previše je momaka HTML-a i CSS-a koji pretpostavljaju da bi oni trebali znati kreirati web lokaciju. Poput kodiranja, dizajn nije nešto u čemu možete uspjeti bez temeljnog obrazovanja i istraživanja onoga što djeluje, a što ne. Dizajneri nisu samo ljudi koji paze na sheme boja, već su visoko obučeni pojedinci koji su naporno radili na izgradnji skupa vještina koje posjeduju.

U ovom slučaju, koderi bez dizajnerskog iskustva vjerojatno nemaju posao koji se pretvara da su dizajneri. Slično tome, dizajner ne bi trebao provoditi svoje vrijeme sjeckajući loše napisani kod.

Ali pričekajte, gore smo već raspravljali o tome kako osnovno razumijevanje koda u stvari može bolje pripremiti dizajnera da stvori nešto što odgovara ciljevima web mjesta. Pa gdje nas to ostavlja?

Kompromis

Gore navedeni razgovor može se činiti malo dugotrajan i suvišan, ali koraci logike koje smo prošli bitni su za dovođenje do točke gdje možemo doći do zaključka.

Imajući na umu valjane argumente obje strane, do kompromisa je puno lakše doći. Sada možemo vidjeti da one koji misle da bi dizajneri trebali razumjeti kod često ne zanimaju je li dizajner taj koji zapravo kodira web stranicu. Oni jednostavno tvrde da se, naoružan znanjem o funkcioniranju podupirača, može stvoriti prikladniji frond-end dizajn.

"Ponekad vam uvid u tuđi posao pomaže da postanete bolji u svom."

Kompromis je tada taj što, iako neki web dizajneri mogu i imaju koristi od pisanja koda, možda ova vještina nije baš univerzalno potrebna kod svih web dizajnera. Međutim, to se razlikuje od riječi o tome da dizajneri ne bi trebali razumjeti kôd koji ulazi u web stranice za oblikovanje.

Ovdje je važno razlikovanje. Na primjer, puno razumijem kako funkcionira tiskanje u novinama. Razumijem kvalitetu papira i tinte i kako se to odnosi na koncepte poput korištenja bogate crne umjesto čiste crne boje u mojim dizajnima. Međutim, to ne znači da mogu izaći i naći posao upravljanja novinarskom sobom! Razumijem one aspekte tiska koji su potrebni da bi me učinio boljim dizajnerom. Ponekad vam uvid u tuđi posao pomaže da postanete bolji u svom.

Slično bi se moglo reći da web dizajneri trebaju razumjeti one aspekte kodiranja koji ih čine boljim web dizajnerima. Koristeći moje prethodne primjere, može se razumjeti fleksibilnost i ograničenja @ font-face bez pamćenja sintete od metaka Paul Irish. Također možete razumjeti koji su CSS3 efekti podržani u kojim preglednicima bez mogućnosti upisivanja koda potrebnog za takvu implementaciju.

Odložite oružje

Nisam dovoljno naivan da zamislim da će se svaki čitatelj složiti s mojim zaključcima. Kao što sam rekao gore, nekoliko je onih koji jednostavno odbijaju razmotriti mogućnost da njihov put nije jedini način. Međutim, pozivam svakog od vas da razmisli koliko smo bliži tome da okončamo ovu raspravu gore navedenom logikom.

"Vaš je posao apsorbirati informacije koje mogu i trebaju utjecati na vaše dizajnerske odluke."

Na kraju, zašto vas briga tko radi što u tvrtki za web dizajn sve dok je krajnji proizvod zadovoljavajući? Imajući u vidu ovaj cilj, web dizajner koji ne može napisati CSS s vrha glave nije apsolutni zahtjev, ali to ne znači da je isključen zbog razumijevanja temeljne prirode web razvoja i alata koji koristit će se za provedbu dizajna koji on stvori.

Bez obzira dizajnirate li interfejs aplikacije, panoe, web stranice ili boce šampona, odgovorni ste za razumijevanje načina na koji će vaš dizajn biti proveden. Ako ste dovoljno željni da naučite postupak dovoljno dobro da to učinite sami, dobro za vas. Ako ne, vaš posao je apsorbirati informacije koje mogu i trebaju utjecati na vaše dizajnerske odluke.

Zaključak

Ukratko, svi smo žestoko držali mišljenja o tome trebaju li svi web dizajneri razumjeti osnovne HTML i CSS. Međutim, ako ta mišljenja stavimo na stranu dovoljno dugo da shvatimo da obje strane rasprave daju valjane stavove, tada se možda može postići kompromis.

Ako potaknemo sve dizajnere da razumiju svoju trgovinu i što je uključeno u dovođenje njihovih kreacija u plod, onda svi imamo jasnu točku slaganja. Izložite svoje prosuđivanje o procesu drugih i pokupite novu mantru: Dobri dizajneri donose informirane odluke. Tko može osporiti takvu tvrdnju?

Ostavite komentar ispod i javite nam što mislite. Je li istina da bi web dizajneri, poput dizajnera ispisa, trebali barem pokušati shvatiti što se događa s dizajnom nakon što ga predaju? Je li važno može li dizajner napisati kôd sve dok razumije / podrazumijeva kako trenutne web tehnologije trebaju utjecati na dizajn?