Webtervezők kódolnak? Sok webdizájner tette fel magának az általam feltett kérdéseket: milyen webdesigner vagyok? Hol van a webdesign-erőm? A drótvázakban, a munkafolyamatokban, az interakcióban? Megtanulok kódolni?
Muszáj konvertálnom a terveimet front-end kódra? Alternatív megoldásként továbbra is készítek réteges Photoshop-terveket, amelyeket aztán (valaki más) konvertál kezelőfelület kódjává? Minden abból adódik, hogy… Ez egy hatékony munkafolyamat, vagy lehet más, esetleg jobb?
Csak vissza az időben.
A webdizájn mint terület a Netscape 1.0 (Mosaic) 1995-ös megjelenése óta létezik. Egy internetes oldal tervezése és építése az elmúlt 20 évben kiforrott. Akkoriban saját weboldalakat készítettél például a Microsoft FrontPage és a TextEdit segítségével. A DreamWeaver később jött. Úttörő volt… Mindent magad csináltál, az ötlettől a tervezésen át a HTML-ig.
Érett mező
Most? A weboldal tervezésének és kódolásának lehetőségei kibővültek és továbbfejlesztettek. Számos különböző webes tudományág alakult ki; ma már nem az a helyzet, hogy egy személy biztosít egy weboldalt. Főleg nem az összetett, professzionális weboldalakkal. Vizuális tervezésből, UX-ből, CSS-ből, től tartalom a SEO-hoz – minden komponenshez van szakember. Jobb programok is állnak rendelkezésünkre, és a legjobb gyakorlatok is rendelkezésre állnak.
Az internetes megoldások tervezése és építése valóban kiforrott területté vált, de még nem nőtte ki magát.
Számos internetes tudományág alakult ki, amelyek specialitása a címükből is kitűnik. A „webdesigner” kifejezés viszont többféle értelmezésre is nyitva áll. Egy személy esetében a webdesigner csak a front-end (kinézet és érzés) kialakítására összpontosít. A másiknál valaki, aki a terveit HTML/CSS-be is konvertálja, vagy akár a teljes front-endet és back-endet is ellátja.
Kódolás: igen vagy nem?
Gyakran próbáltam magamévá tenni a kódolást, de nem tudom szétválasztani az olyan kifejezéseket, mint az osztály, címke, konténer, div és span, nem beszélve arról, hogy melyik paraméterek tartoznak. Mindig megbotlom a meredek tanulási görbét, hogy tiszta és helyes kódot adjak.
Természetesen HTML és CSS segítségével gyorsan és egész egyszerűen össze tudok rakni valamit. Aztán remélem, hogy különböző eszközökön működik… Prezentációnak megfelelő, de valószínűleg soha nem fogok tudni minőségi kódolási munkát végezni (szerintem a legtöbb tervező nem). Már az is nagy kihívás egy tervezőnek, hogy kitűnjön a versenytársak közül.
[su_pullquote]Az a típusú webdesigner vagyok, aki úgy döntött, hogy nem kódol, mert egy webhely vizuális megjelenítésére és/vagy felhasználóbarát jellegére szeretnék összpontosítani.[/su_pullquote]
specializálódás
Az a típusú webdesigner vagyok, aki úgy döntött, hogy nem kódol, mert a vizuális megjelenítésre és/vagy a felhasználóbarátságra szeretnék összpontosítani. Nincs ezzel semmi baj. Ezt nevezik specializációnak. Őszintén szólva, technikai szempontból a programozás sokkal nehezebb; a design szép vagy nem szép, egy gépelési hiba a kódban „megöl”… Tehát választania kell.
Ha professzionális tervező szeretne lenni, akkor a legjobb tervezői készségeket kell kihoznia magából. A legtöbb esetben ez sok időt vesz igénybe, és új készségeket is el kell sajátítania. Ha egyszerűbb megoldást keres, mindig találhat a megbízható New York-i webdesign cég amely készen áll minden igényének kielégítésére. Végül a tervezési trendek folyamatosan változnak, és a technikai fejlődés soha nem áll meg. Sokukat arra kérik, hogy tartsanak lépést – ez több mint elég ahhoz, hogy a végsőkig tesztelje a tervezési tulajdonságait. Nem beszélve arról, ha kódolni akarsz (folytathatod).
A „Ritka fickó”.
A fogalmak összetévesztése és az előítéletek régóta nagy szerepet játszottak abban a vitában, hogy egy webdesigner kódoljon-e vagy sem. A tervezőket gyakran „furcsa fickónak” tekintik, aki homályosan beszél a „színek” és „betűtípusok” fontosságáról. Természetesen nem tekintik „egésznek”, amint kiderül, hogy nem tud kódolni.
A webtervezők kódolnak?
Van fény a láthatáron az olyan tervezők számára, mint én? A front-end kódolás hosszú ideig teljesen WYSIWYG lesz? Mivel a Postscript programozást már rég felváltotta az Adobe Illustratorral dolgozó WYSIWYG (tudtad, hogy az Adobe Illustratort eredetileg megjelenítőként fejlesztették ki, hogy megtekinthesse a kézzel írt Postscript kódot?
És hogy először vázlatosan dolgoztál, és csak előnézetet tudtál látni?!)). Régebben nem tudtad megkerülni a kódolást (egyedül csináltad vagy béreld fel magad). Szükségszerű rossz volt. De erre már nincs szükség – professzionális drag and drop alkalmazások állnak rendelkezésre. Webtervezőként már nincs szüksége széleskörű kódolási ismeretekre. A megfelelő szoftverrel gyönyörű, funkcionális és reszponzív webhelyeket hozhat létre.
Drag-and-drop
Tervezőként többé nem köteles statikus drótvázakat és maketteket gyártani. Fogd és vidd módszerrel előállíthat előtér-kódot. Használhat olyan asztali programokat, mint az Adobe Muse és az Adobe Dreamweaver „kivonatoló” eszköze számos előtér-kódolási feladat elvégzésére. Számos kezdeményezés kínál online megoldásokat is, mint pl elegáns témák a drag and drop webhelykészítőjükkel. És ha például egy WordPress-sablonon belül marad, a kód nagyrészt el van rejtve elől.
A webfejlesztőknek pedig nem kell panaszkodniuk, mert tiszta, W3C-kompatibilis HTML/CSS-t hoz létre, amely természetesen nem rosszabb, mint amit sok fejlesztő saját maga ír. A Twitter Bootstrap keretrendszerén alapul. És nem, nem ragad meg egy bizonyos alkalmazásban, mert a Webflow, Macaw vagy Webydo által generált kód exportálható és szükség szerint használható egy külső fejlesztői platformon belül.
Nincs több kód!
Tudom: merész kijelentés… De tervezőként igazán szeretném megérteni a weboldalt. Nem feltétlenül kódoláson keresztül. Ez két alapgondolaton alapul:
Kiszámítható eredményt és folyamatot szeretnék kínálni ügyfeleimnek. Szabadúszó tervezőként nem mindig van lehetőségem (drága) fejlesztőt felvenni a projektjéhez. Az ügyfelem pedig nem várja, hogy két fél közé kerüljön. Tervezőként szeretne gondoskodni a fordítás a tervezéstől a kódig. Erről van szó – hogy tudsz-e kódolni vagy sem. Ezért érdemes kutatni a szakmai alkalmazásokat.
Több ellenőrzés a munkám felett. Tervezőként szeretné megtartani az irányítást alkotásai felett. Sajnos sok változás gyakran elveszik a fordítás a tervezéstől a kódig. A fordítás PSD-ről reszponzív HTML/CSS-re nem 1-2. Ha Ön saját maga építi fel az oldalt, akkor az egész projekt (tanfolyam) minősége felett uralni tudja, és jobban tudja előre látni a változásokat.
Nézz mélyebbre, mint a képernyőd.
Teljesen anélkül működik a fogalom kódból – ahogy most észrevétlenül kódoljuk a Postscriptet az Adobe Illustratorral – még nem vagyunk olyan messze. A (félig) kézi fordításra a tervezésről a (front-end) kódra továbbra is szükség lesz. A WYSIWYG alkalmazások most két nézetből állnak: egy „kódnézetből” és egy „húzással” nézetből. De a fejlődés gyorsan halad. Hamarosan tudni fogjuk, hogy valami működik vagy nem, de nem annyira, hogy miért. És ez biztosan nem fog kitartani 20 évig. Vagy ez vágyálom? Vagy ez rossz?
[su_pullquote]Tanulja meg a megfelelő koncepciókat, hogy a tervezési ötleteit jól átadhassa a fejlesztőknek.[/su_pullquote]
Addig is webdizájnerként legalább nyitottnak kell maradnia más nélkülözhetetlen szakterületekre. Ha teljesen figyelmen kívül hagyja az internet technikai koncepcióját, figyelmen kívül hagyja a webfejlesztés építőköveit, akkor rosszul fog menni. Szüksége lesz saját alapvető kódolási ismereteire, hogy megértse, hogyan gondolkodnak a fejlesztők, és mire van szükségük. Tanulja meg a megfelelő koncepciókat, hogy a tervezési ötleteit jól átadhassa a fejlesztőknek.
A fejlesztési folyamat alapvető ismeretei
A fejlesztési folyamat alapvető ismerete, a különböző programozási nyelvek használata és a tervezésre vonatkozó korlátozások jobb tervezővé tesznek. Minél jobban meg tudja becsülni, hogy mi a technikailag reális, annál kevesebb ideje van, és akkor nincs kiszolgáltatva a fejlesztőknek.
Ráadásul a kreatív szektor szakembereként szívesen tanulsz. Mert ha kiszárad a kíváncsiság, akkor elkapnak.
Webdizájnernek lenni ideálisan hangzott: képes lennék gyönyörű dolgokat készíteni az internet számára, és minden kreatív levét felhasználni tipográfiai párosításra, színsémák kialakítására és a webhelyek bizonyos Je ne sais quois kialakítására. Ugyanakkor aggódtam, hogy nem lesz meg az, ami ahhoz kell, hogy webdizájner legyek. Mivel a grafikai tervezésnek vagy a tervezői képzésnek nem volt előzménye, azon tűnődtem, vajon ki bízná rám webhelyének esztétikáját.
És amikor a webfejlesztőre gondoltam, azt gondoltam: „Ez az, amit tennem kell. Rengeteg pénzt fogok keresni, és a világon minden hatalommal rendelkezem, hogy fantasztikus webhelyeket és webes alkalmazásokat készítsek. De mi van, ha ez unalmas?”
De ahogy megtanultam a HTML-t, a Java-t és a CSS-t, több tervezővel és fejlesztővel találkoztam, és elkezdtem dolgozni a sajátomon szabadúszó weboldalak, rájöttem, hogy mindent rosszul csináltam. Nem arról van szó, hogy nem kell választani a webdesign és a fejlesztés között. A lényeg az, hogy az én elképzelésem a webdizájn és a webfejlesztés közötti különbségekről eléggé kimerült. Ez az a blogbejegyzés, amelyet bárcsak el tudnék olvasni, amikor először mártottam a lábujjam műszaki vízbe.
Webtervezők vagy webfejlesztők?
Rendben, szóval ennek a bejegyzésnek a végére a következők lesznek:
- A tervezőkről és fejlesztőkről szóló legnagyobb mítoszok összefoglalója, hogy megalapozott döntést hozhasson arról, melyik út a megfelelő az Ön számára,
- Átfogó infografika PONTOSAN a webdesignerek és fejlesztők által használt készségek és eszközök részletezése;
- Azon alapvető készségek részletezése, amelyekre minden technikusnak szüksége van,
- Keret annak megállapításához, hogy melyik út illik legjobban személyiségéhez,
De ki akarom engedni a macskát a zsákból, mielőtt belemerülnék. Az igazság az, hogy nem számít, hogy a webdizájnnal vagy a webfejlesztéssel kezdesz! A digitális készségek megszerzése lehetővé teszi, hogy több pénzt keressen, és rendelkezzen a legkeresettebb készségekkel, függetlenül attól, hogy a webdesign vagy a webfejlesztés kategóriájába tartoznak-e.
Ez az útmutató az általános személyiségjellemzőkön és a napi feladatok összefoglalóján alapul. Ha némelyik túlzottan leegyszerűsítettnek tűnik, az azért van, mert szeretném rendkívül egyszerűvé tenni a döntéshozatalt. A valóságban, mi? Nagyon sok átfedés van a webdesignerek és webfejlesztők között, és nincs jó vagy rossz kiindulási pont!
Szabaduljon meg a kódolókkal kapcsolatos mítoszoktól
Mielőtt eldöntheti, milyen karriert szeretne, meg kell győződnie arról, hogy mit csinálnak a webdesignerek és -fejlesztők.
Ha olyan vagy, mint én, akkor úgy szocializálták, hogy meghatározza a „webtervezőt” és a „webfejlesztőt” oly módon, hogy nem azt tükrözi, milyen valójában annak lenni, és soha nem beszéltél a való életben. webdesigner vagy fejlesztő.
A legnagyobb tévhiteim a tervezőkkel és fejlesztőkkel kapcsolatban az voltak, hogy mennyi pénzt keresnek, milyen meredek a tanulási görbe, és milyen munkát végeznek. Tévedtem, amikor elhittem azokat a mítoszokat, amelyek:
Programozónak tanulni nehezebb, mint tervezőnek (vagy fordítva).
Vannak, akik azt feltételezik, hogy mivel a fejlesztés magasabb szintű programozást foglal magában, nehezebb lesz megtanulni a tervezéshez képest. Mások a tervezést nehezebbnek látják, mert úgy gondolják, hogy több veleszületett (nem pedig tanult) kreativitást igényel.
Ha a nulláról kezded, minden új készség kihívást jelent. A webfejlesztés és webdizájn eleve nem jelent nagyobb vagy kevésbé kihívást – az Ön erősségei és gyengeségei határozzák meg a legkisebb ellenállás útját.
A fejlesztők több mint $$$-t keresnek.
Ha megnézzük az átlagos webfejlesztő fizetést, első pillantásra úgy tűnik, hogy egy webfejlesztő fizetés sokkal több, mint egy webdesigner fizetés:
- Webtervező: 66,000 XNUMX dollár.
- Webfejlesztők: 87,000 XNUMX dollár
*Bérekérés az Egyesült Államokban
De ha elkezdi keresni a webdesigner fizetésének konkrétabb területeit, látni fogja, hogy a kettő versenyképes:
- Designer of Interaction: 93,000 XNUMX dollár
- Mobil tervezés: 92,000 XNUMX dollár
- Felhasználói élményt tervezők: 92,000 XNUMX dollár
*Bérekérés az Egyesült Államokban
Igaz, hogy egy webfejlesztő átlagfizetése magasabb, de kezdőként nem kell emiatt aggódnia. Akár elkezdesz tanulni, hogyan legyél webfejlesztő vagy webdizájner, valószínűleg nem leszel pár hónapon belül magas rangú full-stack fejlesztő (és nagyon magas fizetést fogsz kapni), mivel ehhez általában néhány évre van szükség. tapasztalat.
Ráadásul a webdesignerek rengeteg pénzt keresnek. Mivel mindkettő jövedelmező lehetőség, jobb azt választani, ami boldoggá tesz, mint amiről úgy gondolja, hogy többet fizet.
A webdesignereknek nincs kódjuk.
A webdesignerek viszont HTML- és CSS-kódokat írnak. Tegyük fel például, hogy szükségük van egy gördülékeny oldalra – egyes tervezők (mi unikornisoknak hívjuk őket!) ezt függetlenül is kódolhatják.
Ma már vannak olyan tervezők, akik nem kódolnak, különösen a nyomdai tervezők és néhány digitális grafikus. Ennek ellenére a legtöbb webes tervező HTML és CSS használatával működő webhelyekké alakíthatja a terveit. A legjobb módja annak, hogy jó pénzt keressünk, és azt nyújtsuk, amit az ügyfelek és a munkaadók a legjobban szeretnének, ha varázslatos tervezési és kódolási csomagot alkotunk.
Nagy kereslet mutatkozik a kódolni tudó webdizájnerekre, különösen a következő szintű készségekkel rendelkezőkre, mint a Sass és a JavaScript. Unikornisoknak hívjuk őket.