Sljedeća generacija alata za web dizajn

Autor: Peter Berry
Datum Stvaranja: 12 Srpanj 2021
Datum Ažuriranja: 1 Lipanj 2024
Anonim
5 Tools I Use on (Almost) Every Web Design Project
Video: 5 Tools I Use on (Almost) Every Web Design Project

Sadržaj

Nakon 20 godina evolucije weba, web alati i dalje lako pobjeđuju na natječaju za najgore proizvodne alate u bilo kojoj kategoriji.

To nije najpozitivniji ili optimistični način pokretanja članka o alatima za web dizajn. Ali to je iskreno. Razmisli o tome. Javni web i njegovi prvi setovi alata počeli su izlaziti 1994. - prije 20 godina. (Nejavni web, koji koriste američka vlada, istraživački centri i sveučilišta, postoji desetljećima). Smatrate li da alati koje danas imamo razumno odražavaju 20 godina napora?

Ozbiljno, nema li hrpe stvari koje biste voljeli biti u mogućnosti, a još uvijek ne možete? Zar ne postoje stvari koje ste toliko dugo željeli učiniti, već ste ih već dugo zaboravili?

Nadmašeni drugima

Brza usporedba: stolno izdavaštvo, čiji su alati daleko uglađeniji, svijetu je predstavljeno tek osam godina ranije od weba, izdanjem Aldusa Pagemaker-a 1986. godine. Čak i digitalni video, funkcionalno predstavljen svijetu s Adobe Premiere 1991. godine , imali su samo trogodišnje prednosti od web alata. A opet, video alati su vrlo dugo polirani.


Pa zašto su ove druge kategorije daleko nadmašile razvoj web tržišta? Zašto je postupak tiskanja tiska sjajan već toliko godina, kao i alati za video tržište, a web tehnologija je toliko raspršena?

Zapravo, razloga je mnogo. U ovom ću članku pogledati glavne - a zatim dobre vijesti (ima ih, pa podnesite sa mnom).

Nova industrija

Iako su objavljivanje digitalnog tiska i videozapisi novi, barem su imali paralele u stvarnom svijetu i povijest iz koje su digitalni alati izvukli neke smjernice, čak i terminologiju. A o tiskarskom izdavaštvu govorimo o više od 500 godina povijesti od Gutenbergovih dana.

Za usporedbu, web je bio potpuno nova stvar. Nikad nije bilo ekvivalentne nedigitalne stvari od koje bi se moglo krenuti. (TV nije bio preteča weba, unatoč činjenici da se način na koji se web razvija može izgledati tako nedugo zatim.)


Još jedan valjani razlog: web je pokretna meta potreba i specifikacija. Stvari koje danas tražimo od weba - bankarstvo, kupovina, streaming videa i telekomunikacije - sve bi se činile tako znanstveno-fantastičnima prije samo 15 godina. Web je evoluirao mnogo puta tako brzo da smo ubrzo shvatili pojmove "web 2.0" i takvi su zastarjeli prije nego što su uopće postali stvarni.

Iako se sve mijenja - pogotovo tehnologija - čini se da se ništa ne kreće tako brzo kao što se razvija web. Baš kao što ste se ugodno ugođavali s lijepim udobnim tijekom rada (onim na kojem se konačno prijavljuju i vaša suradnica i vaši klijenti!), Pravila igre opet se mijenjaju na vama. I svaki put kad to učine, još smo jednom prekrižili prste i nadali se najboljem.

Rani softver

Rane softverske mogućnosti za razvoj web stranica pretpovijesno su izgledale prema današnjim standardima. Izašlo je mnoštvo paketa, mnogi koji su reklamirali "ono što vidiš, to i dobiješ" (WYSIWYG), izraz preuzet iz ranih dana izdavanja na stolnim računalima nekoliko godina ranije. I poput ranih DTP paketa, WYSIWYG je imao različite stupnjeve uspjeha.


Ono što je također bilo dio dogovora bio je "razvojni" dio razvoja web stranice. Sve te stvari ispod poklopca nisu bile dobro skrivene za web proizvodnju. I to je bilo nešto na što većina dizajnera nije bila navikla. Našli smo se udareni u lice stvarima poput Cascading Style Sheets (CSS), JavaScript, Dynamic HTML i mnoštvom drugih zabuna. Nikad ovo nije bilo ono za što smo se prijavili!

Sve se to razvilo u vodeće softverske pakete poput GoLive, koji su neko vrijeme vodili paket, a koji je ubrzo kupio Adobe. Gotovo u isto vrijeme tržište je počeo zauzimati novi program nazvan Dreamweaver. Pa naravno, Adobe je ubrzo kupio i to.

I dok je svaki paket imao svoje prednosti i nedostatke, svaki je također zahtijevao niz programskih sposobnosti. (Adobe već dugo sukcesivno dolazi i odlazi s web aplikacijama, uključujući PageMill, SiteMill, ImageStyler, LiveMotion, Fireworks itd.)

Zahvalan za Flash

Što je dizajner trebao raditi u tim prvim danima weba? Hvala bogu za Flash! Iako se još uvijek polako udaljava od web scene, Flash je bio gotovo sve što bi svaki dizajner mogao tražiti. Omogućilo nam je da stavku teksta ili umjetnost stavimo u određeni položaj, a kao u svijetu tiska, znamo da će ostati tamo gdje smo je stavili. Ova jednostavna sposobnost, koju smo dizajneri uvijek imali ranije, nije nešto što HTML dopušta i slično.

Iako se Flash-ovo sučelje moglo promatrati pomalo idiosinkratično, dizajnerima je omogućilo pouzdano izvođenje nevjerojatnog dizajnerskog rada s malo ili nimalo programa. I ako je dizajner uspio prikupiti duh da nauči malo Flash-ovog ActionScript kodnog jezika, onda je gotovo sve bilo moguće.

A kad je bio potreban složeniji kod, dizajner je mogao učiniti svoje, a zatim predati koderu znajući da će ono što je dizajnirano ostati dizajnirano.

Nakon godina odbijanja nakazivaca, jedan je čovjek imao priliku da sam ubije Flash: Stevea Jobsa. Uz ogroman uspjeh iOS-a i njegovo odbijanje da Flash dopušta pokretanje u njegovom pregledniku, Flash više nije bio široko tržišno rješenje, a Adobe je 2011. najavio kraj razvoja Flash-a u mobilnim preglednicima.

Mi dizajneri još jednom nismo uspjeli proizvesti predvidljive proizvode koji ne uključuju veliku ovisnost o naprednom kodiranju. HTML5, pretpostavljena zamjena, nije bio ovaj uredni paket koji je Flash bio, pa čak je i program poput Dreamweavera obično trebao jedan da nauči barem neke HTML, CSS, PHP i druge jezike.

Promjena paradigme

Osim tehnologije, postoji i mentalna promjena paradigme između dizajnera koju bi ovdje trebalo spomenuti. Ovaj estetski razdor općenito je između onih koji su rezali koljenice u medijima starog svijeta, u odnosu na one koji su to radili u novim medijima (što je i sam datum današnjice).

Ova nova vrsta dizajnera na takve osnovne koncepte kao što je neprekidni dizajn stranica gleda kao na zastarjele i prolazne, a u krajnjem slučaju vjerojatno će podržati da sve web stranice trebaju u potpunosti reagirati dizajnom. Ova nova pasmina također će vjerojatno biti sposobna za popriličnu količinu programiranja uz svoje dizajnerske vještine, iako je izvrsnost u oba područja zaista rijetka ptica.

Za usporedbu, ideja da se dizajn stranice pomiče na temelju veličine prozora, mijenja i dizajn i funkcionalnost na temelju korištenog preglednika ili platforme (radna površina / tableti / telefon), jednostavno zastrašuje stare vrste medija.

I dok ovaj estetski pomak pripisujem dobi, u stvari ima puno mlađih dizajnera koji razmišljaju u smislu statičnije stranice i žele dizajnirati predvidljivije komunikacije.

Dakle, s Flashom više nema mogućnosti, što su svi ti dizajneri trebali učiniti?

Sljedeći koraci

Posljednje dvije godine zbunjuju nas dizajnere web projektima. Uvezavali smo svoja prijateljstva s programerima (čak sam pokušao započeti dan 'Uzmi svog programera na pivo', koji baš i nije započeo), mnogi od nas još su jednom uboli u učenju Dreamweavera (nadam se to je bolje prošlo za vas nego za mene), igrajući se s Flash izvozom u HTML5 opcije (da, znam, znam) i gnjaveći Adobe za rješenje (ja, s jedne strane, nisam stekao prijatelje u Mountainviewu, CA !). Neki od nas možda su premišljali savjet svojih majki da idu u stomatološku školu ako nije prekasno (za mene je prekasno).

Ipak, uglavnom smo sjedili i pitali se što bi bilo sljedeće i kada bi napokon stiglo. U potpunosti sam očekivao da će Adobe ili nadograditi Flash ili izaći s drugim programom koji je uglavnom bio isti, a govorio je tečno HTML5. To bi za mnoge od nas bio najlakši prijelaz, pogotovo da zadrži upotrebu sučelja i ActionScript-a koje smo proveli godinama učeći. Bio bi to vrlo logičan prijelaz.

Ali Adobe je krenuo u sasvim drugom smjeru, sa svojim novim programom web dizajnera bez koda nazvanim Muse.

Uspon Muse

Bez obzira na mnoge od nas, čak i oni od nas obično 'u znanju', otprilike u isto vrijeme kad su završavali Flashov život web preglednika, Adobe je polako oživljavao Muse. Umjesto da razrade Flash sučelje koje je većim dijelom dizajnirano za animaciju i preuređeno na web rad, oni su sasvim logično zauzeli širi pristup.

Sjećate se one grupe o kojoj smo ranije govorili, dizajnera stranica starih škola? Čini se da postoji puno njih koji su proveli mnoge frustrirajuće godine ne mogavši ​​izmisliti niti Dreamweaver niti Flash lijekove za učenje. Tako je Adobe krenuo s paradigmom koja je bila bliža njihovom programu za raspored stranica, InDesign. Iako ni na koji način nije izravna kopija, očito je dizajniran da bude trenutno dostupan velikom broju ljudi orijentiranih na ispis koji žele preći na web dizajn.

Pa, čini se, postojao je i postoji ogroman broj dizajnera koji bi radije nikad više ne vidjeli kôd? Da, kaže Adobe. I Musein uspjeh svjedoči tome. Bila je to, međutim, konjska utrka sa samo jednim konjem, budući da Muse ima užasno malo, ako ih uopće ima, izravnih konkurenata na tržištu. Svakako nijedan s dubokim marketinškim džepovima Adobea.

Bit će zanimljivo vidjeti kako ova aplikacija vremenom sazrijeva. Zapravo se nadam da Adobe (zajedno s Appleom) prestaje stvarati nove programe, zadržavajući ih dovoljno dugo da nas navuku, a zatim ih ubija.

Ostali igrači

Iako je Muse gorila od 800 kilograma u sobi, da ne zaboravimo neke manje igrače koji rade na minimiziranju, ako ne i na potpuno uklanjanju kodiranja. Freeway by Softpress dugogodišnji je igrač na terenu s mnogim predanim Mac korisnicima. Rapidweaver je još jedna opcija koja nudi moćan razvoj web stranica bez koda, po povoljnoj cijeni, a također samo na Macu. Čini se da je teže pronaći Windows alternative.

Treba spomenuti KompoZer, projekt otvorenog koda koji je dobro razvijen i aktualan, i naravno, besplatan. Dostupan je za distribucije Mac, Windows i Linux.

I najvažniji dio za dizajnera koji želi izbjeći rad s kodovima: "KompoZer je dizajniran da bude izuzetno jednostavan za upotrebu, što ga čini idealnim za netehničke korisnike računala koji žele stvoriti atraktivnu web stranicu profesionalnog izgleda bez potrebe da znaju HTML ili web kodiranje. "

Google Web Designer

Prošle godine, od onoga što se činilo da nema nigdje, Google je objavio novi program za besplatno preuzimanje pod nazivom "Google Web Designer". Kako sam bila uzbuđena krenuti i početi čitati i preuzimati! Stvarnost programa, još uvijek u inačici 1.x, na neke je načine nadahnjivala, a na druge je lagano padala.

Prvo je iznenađujuće sposobno prvo izdanje programa, uključujući animaciju, 3D i mnoštvo drugih lakova. Njegovo razočaranje djelomično je i zbog njegovog imena, što implicira više nego što to čini. Budući da se radi o Googleovom izdanju, ne bi trebalo čuditi da je GWD stvarno usmjeren na izradu web oglasa te da ima veličine stranica i integracije dizajnirane za takav rad.

Ovaj će alat biti vrlo vrijedan u stvaranju web oglasa s bogatim sadržajem, niši koja se progresivno koristi od propasti Flasha na webu. Mnogo skupih banner oglasa i danas se isporučuje u Flash-u, ali to je očito nešto što se uskoro mora promijeniti. Očekujem da bi GWD mogao biti posljednji udarac za Flash natpise.

Ako se, međutim, mnogi nadaju, da će se snažni razvoj na GWD-u nastaviti i ako bude poboljšan kako bi bio praktičniji u većoj izradi web stranica, tada bi se odnos snaga mogao promijeniti u načinu na koji je web izgrađen.

Malo tvrtki poznaje web na način na koji Google. Hoće li staviti svoje mišiće iza razvoja GWD-a? Samo će vrijeme pokazati. Imajte na umu da za razliku od Muse koji ne nudi kodiranje, GWD ima kodiranje - premda ovisno o tome što želite učiniti, možda će biti potrebno, a možda i ne.

Web stranice koje grade web stranice

Postoje još dva područja razvoja web stranica koja vrijedi uključiti. Prva su web stranice koje vam omogućuju izradu web stranica. U igru ​​su ušle tvrtke poput Webflowa, Squarespacea, pa čak i Googlea s ponudom Google web lokacija.

Očito ove opcije imaju ozbiljnija ograničenja od istinski prilagođenih stranica. Međutim, opcije koje se nude na ovom konkurentnom tržištu zauvijek se nadograđuju i poboljšavaju.

Konačno, nekad se smatralo neobičnim pristupom, ideja o stvaranju cijelog komercijalnog web mjesta i poslovanja izvan WordPress platforme sada je prilično česta.

Znam ljude koji grade svoje web poslovanje koristeći ovaj sustav i već se godinama hvale kako postaje sve bolji i lakši za rad, a novi dodaci omogućuju jednostavan rad nekada teških projekata. U većini slučajeva, međutim, može se očekivati ​​određeno programiranje, iako vjerojatno manje nego što mislite.

Važnost planiranja

Način na koji ćete ići s web razvojem vlastite tvrtke za vlastite proizvode ili na način da služite svojim klijentima kao web programer ili prodavač, ovisit će o tome tko ste, koliko i o projektu koji je u pitanju. Današnjih mogućnosti ima u izobilju, ali planiranje je ključno kao i prije.

Na primjer, ako ste veća trgovina, nikada ne biste očekivali da ćete svojim klijentima s modrim čipovima prodati web mjesto na Squarespaceu i možda mislite da je korištenje Muse-a teško. No, postoji ogroman broj tvrtki koje bi mogle biti vrlo sretne da angažiraju malu dizajnersku radnju kako bi stvorile, proizvele i postavile poslovno mjesto na ovaj način. Sve je u pronalaženju i prilagođavanju onoga što ste, onoga što vaš klijent želi i mnoštva metoda koje danas moramo doći.

Pa činim li se zapravo sretnim zbog mogućnosti koje imamo? Nisam siguran. Zašto ne bismo svi provjerili za otprilike godinu dana i vidjeli je li Google pojačao njihov program, je li Adobe prošao sav njihov kraj ili je program otvorenog koda KompoZer zavladao svijetom. Do tada, zaista, kažem vam: izvedite neke programera na pivo. Nikad ne znaš!

Riječi: Lance Evans

Lance Evans kreativni je direktor tvrtke Graphlink Media.

Naše Publikacije
Ovladajte animacijama na zahtjev s Animistom
Čitaj Više

Ovladajte animacijama na zahtjev s Animistom

Pokret igra vrlo važnu ulogu u našem životu. Naše oči i pažnja automat ki preu mjeravaju foku prema pokretnim objektima; tatički adržaj to ne može učiniti tako učinkovito.Nikad nije bilo uzbudljivije ...
Kobo zaobići Apple koristeći HTML5
Čitaj Više

Kobo zaobići Apple koristeći HTML5

U igri piletine između divov kih korporacija, čini e da je Apple tigao do e-knjiga. Amazon i Google trepnuli u i ponovo po lali voje aplikacije u voj App tore, umanjene za veze za kupnju (Appleova nov...
pCloud pregled
Čitaj Više

pCloud pregled

Iako pCloud nije prilagođen kreativnim kori nicima, izravan dizajn i bogat kup značajki čine u lugu vrijednom razmatranja. Jedno tavan za korištenje Podrška za više uređaja Mapa šifrirana lozinkom dod...