9 Nápady pre budovanie skvelých webových stránok s menej
Všetci vieme, ako môže byť namáhavá webová práca. Nie je to úloha pre slabé srdce a všeobecne si vyžaduje rok alebo viac štúdií naozaj pochopiť. Ako naša éra pokročila, videli sme brilantné myšlienky a inovácie, ktoré prinášajú online komunitu k open source a zdieľaniu.
Výstavba webovej stránky sa skutočne vyvinula do viacvrstvového procesu. Musíte zvážiť grafiku webových stránok, kódovanie front-end štýly a rozloženie, server hosting, a možno spätné-end programovanie boot. Vývojári sa už roky stretávajú s týmito systémami a nakoniec sme dosiahli bod záujmu, ale bude to extrémne vyčerpávajúce, ak sa s týmito prácami budete úplne zaoberať.
Nižšie som zdieľal niekoľko užitočných prostriedkov na efektívne plánovanie skvelých návrhov webových stránok. Prichádzajú v mnohých formách počas celého kreatívneho procesu. Hoci to nie je vyčerpávajúci zoznam, dúfam, že sa budem dotýkať zdrojov užitočných pre odborníkov aj začiatočníkov.
1. Nechajte to odborníkom
Od dizajnérov ikon až po programátorov po celom svete sme všetci dostali rozdielne zručnosti rôznych veľkostí. Často si nepredstavujeme sami seba ako super hrdinu, ktorí chcú budovať zručnosti za hranicami majstrovstva. Avšak stať sa kreatívnym umelcom a programátorom je skutočným darom.
Pre tých z nás, ktorí sa sústreďujú na špecifickú medzeru, by mala byť vítaná pomoc. Môže uľahčiť proces vytvárania webových stránok desaťnásobne a ponúka jedinečný zážitok pre prácu v rámci tímu. Niektoré z najlepších služieb PSD to HTML zahŕňajú psd2html a xhtmlchop.com, Google "PSD to HTML services", aby ste získali viac, alebo si pozrite zoznam 100+ služieb tu.
Fyzický proces sedenia na kódovanie dokumentu Photoshop do HTML / CSS môže byť nepríjemný. Najmä vtedy, keď ste kódovali dlhé roky, pretože opakovanie sa stáva nudným a takmer zastaraným. Mnohé z týchto služieb sľubujú 24-hodinové doručenie a dokonca ponúkajú zľavy na návrhy podstránok.
Ak máte záujem o kódovanie, ale zaostávate s dizajnovými zručnosťami, odporúčam prehliadnuť niektoré siete digitálnych interpretov. Patria sem Dribbble a DesignMoo, kde môžu grafický dizajnéri publikovať a zdieľať svoje najnovšie diela. Vo všeobecnosti nájdete aj stránku zobrazenia portfólia pre každého umelec vrátane kontaktných informácií, ako je e-mail, Twitter alebo IM chat.
2. Outsourcing Solutions
Existujú skvelé príklady nezávislých pracovníkov, ktorí ponúkajú svoje služby na podporu projektových štúdií. Avšak v dnešnej súčasnej úrovni komunikácie existuje veľa prípadov, keď externí pracovníci budú pracovať ruka v ruke na dokončenie projektovej práce. Možno aj z dvoch odlišných miest po celom svete!
S vydaním toľkých nezávislých komunít nikdy nebolo pre dizajnérov a vývojárov jednoduchšie stretnúť sa a spolupracovať. Skvelá komunita programátora Meet Designer umožňuje vývojárom i dizajnérom vytvárať správy a zdieľať nápady pre projekty. Ide o relatívne neznámu sieť a stále funguje ako malý okruh profesionálov.
Prípadne môžete hľadať prácu ako nezávislého pracovníka a ťažké hľadanie práce. Toto je miesto, kde sa používajú mnohé pracovné tabule z celého sveta. Firmy ako Fresh Web Jobs a Krop sú len niekoľkými príkladmi mnohých príležitostí na voľnej nohe. Každý z nich je denne aktualizovaný a ponúka spolu s kontaktnými údajmi úplné opisy.
3. Využite Open Source
Jeden z najlepších vynálezov z dnešnej komunity vývoja webu musí byť open source softvér. Existuje nespočetné úsilie, ktoré sa každodenne pracuje na doplnení a zdokonaľovaní existujúcich knižníc. jQuery a MooTools sú dve zo stoviek knižníc jazyka JavaScript, ktoré sa odlišujú od zvyšku na základe jednoduchých návodov a reputácie. Avšak JavaScript nie je jediný otvorený protokol, na ktorom sa pracovalo. Doslova stovky tisíc vývojárov zdieľajú a prispievajú balíčky kódu na GitHub každý deň. Jazyky zahŕňajú PHP, CSS, SQL, ASP, Objective-C, Java a mnoho ďalších!
WordPress, blogová platforma vyvinutá Mattom Mullenwegom, ktorá sa v posledných rokoch historicky rozrástla, je pravdepodobne príkladom úspešných projektov s otvoreným zdrojovým kódom. Zdá sa, že sa pozerá na toľko menších balíčkov, ktoré sa preosievajú cez web, ale WordPress umožňuje milióny webových stránok a hosťuje tisíce vývojárov pracujúcich na ich backende. Celý balík je bezplatne na stiahnutie a veľmi jednoduchý na inštaláciu. Oficiálna webová stránka spoločnosti wordpress.org ponúka odkazy a návody pre vývojárov, ktorí majú záujem o vytváranie tém a doplnkov WP. Taktiež sme sponzorovali úvodný tutoriál pre zásuvné moduly WP pre začínajúcich programátorov. Podobne existuje oficiálna galéria, ktorá sa môže pochváliť pôsobivým množstvom bezplatných doplnkov pre všetkých užívateľov WordPress.
Pre tých z vás, ktorí hľadajú skript e-commerce s otvoreným zdrojom, skontrolujte tento príspevok.
4. Navrhovanie vlastných ikon - nevyžaduje sa
Pokrok smerom k grafickej a animačnej strane dizajnu stále vidíme otvorenú a zdieľajúcu komunitu. Weboví dizajnéri majú nielen možnosť zdieľať svoje umelecké diela na svete, ale aj pomáhať iným, aby propagovali svoje myšlienky.
Grafika je jedným z najzložitejších aspektov webových stránok. Toto platí obzvlášť vďaka tomu, že špičkové grafické dizajnérky sú ťažké. Mnohé z bezplatných ikonových zostáv, ako sú FamFamFam, Wefun, Fugue a ďalšie, zverejňujú ich sťahovanie ako slobodné na použitie na odmietanie odkazov alebo pripísanie ich práce. Toto sa zdá byť jednoduchým kompromisom pre neobmedzené použitie!
Ďalšia fantastická služba Icon Finder sa správa ako vyhľadávací nástroj pre najobľúbenejšie sady ikon. Často, ak prehliadate výsledky vyhľadávania Google, existujú stovky webových blogov s najlepšími bezplatnými ikonami. Tiež boli zdieľané do takých motorov, ako je ikona Finder, aby sa stavebné stránky ešte rýchlejšie.
5. Lepšie riešenie v oblasti hostingu a zdieľania súborov
Všetci môžeme v týchto dňoch využiť nejaké peniaze. Aj ako web dizajnéri je dôležité hľadať tie spoločnosti, ktoré ponúkajú ponuky a podporujú generáciu na voľnej nohe.
Web hosting je len jedným z mnohých výdavkov, ktoré treba zvážiť. Častokrát nájdete kupóny na súvisiacich webových stránkach, ktoré šetria peniaze pri nákupe názvov domén a serverových priestorov.
Zdieľanie súborov sa stalo dôležitou súčasťou životného štýlu webového dizajnéra. K dispozícii sú platené a bezplatné služby a ak poznáte niekoho v obchode, nie je ťažké získať členský účet. Pre ostatné zvážte prehliadanie alternatív na zdieľanie súborov, ktoré poskytujú úplne bezplatnú podporu všetkým používateľom.
6. Voľná kontrola výkonu
Aplikácie na webových stránkach sú najnovším trendom, ktorý prináša digitálne švy. V aplikáciách pre mobilné zariadenia a prehliadače sa v týchto dňoch zobrazuje takmer čokoľvek, čo je možné v počítači dokončiť. Pre webmasterov je dôležité vedieť o mnohých voľných príležitostiach pre mechanické testovanie a údržbu webových stránok.
Ak ste ako väčšina z nás, potom webová stránka uptime je vážne znepokojenie. Ak vaše webové stránky zostúpia na niekoľko minút, môžu sa stať katastrofickými pre vaše dopravné čísla, nehovoriac o návštevníkoch. Pingdom je bezplatný nástroj, ktorý by všetci webmasteri mali používať na kontrolu kódov odpovedí na svojom webovom serveri. Jedná sa o bezpečný spôsob, ako udržať karty na pozadí a sledovať výkon zo zákulisia.
Ďalšou skvelou službou Google Webmasters umožňuje vývojárom požadovať vlastníctvo svojich stránok. Môžete to urobiť pomocou súboru Sitemap, metaznačku alebo iných alternatív poskytnutých spoločnosťou Google. Ak používate účet Google, je možné uložiť údaje RSS a dokonca sledovať kľúčové slová pre jednotlivé webové stránky. Aplikácia je 100% bezplatná a umožňuje vám ukladať neobmedzené pripojenie k webovým stránkam!
7. Kód editory môžu byť lacné (alebo zadarmo)
Či chceme priznať, že väčšina webových dizajnérov majú tendenciu sa v nejakej forme skompať vývoj webových aplikácií. Je to len pre tie skutočne nadané v Adobe Photoshopu alebo Illustratorovi, ktorí sa nezaujímajú do návrhov HTML a CSS.
Pokiaľ ide o programátorov a rozhrania, môže byť ťažké nájsť pohodlné pracovné prostredie. Adobe ponúka program Dreamweaver, ktorý podporuje zvýraznenie kódu v mnohých jazykoch, ale bohužiaľ bude stáť dosť peňazí. Preskúmali sme top 10 bezplatných editorov zdrojových kódov a ponúkli sme priame odkazy na stiahnutie na každej stránke.
Ak ste práve začali kódovať, odporúčam tráviť nejaký čas na výskum. Vaše vývojové prostredie je rozhodujúce a bude mať vplyv na to, ako píšete kód. Mnohé z týchto editorov sú špecifické pre systém Windows a hoci môžete nájsť niekoľko možností, ktoré sú pre Mac priateľské, doporučujem Panic's Coda - lacnejší editor kópií (v porovnaní s Adobe Dreamweaverom) pre seriózny vývoj webových aplikácií.
8. Vyzdvihnite niektoré štartovacie súpravy
Teraz, keď máte pevnú predstavu o dostupných službách a programoch, skúste stiahnuť niekoľko štartovacích balíčkov, ktoré vám pomôžu. Ako web dizajnéri je dôležité zamerať našu vedomú pozornosť na kreativitu a podnietiť nové nápady pre usporiadanie platforiem.
V posledných rokoch sa dizajnéri pomaly uvoľňujú zadarmo balíky ikon, šablón, tvarových prvkov, komponentov GUI a mnohých podobných prác. Prosím, prečítajte si náš zoznam štartovacích zostáv webových návrhárov, aby ste zistili, či niečo zachytilo vaše oko.
Rozloženie Photoshopu nie je vždy najjednoduchšie. Často sa stretávame s pochybnosťami a opätovnou angažovanosťou pri napodobňovaní farebných schém a umiestnení. Stará slová “opakovanie je matka múdrosti” zdá sa, že v tomto scenári je veľmi pravdivé, spolu s mnohými ďalšími. A tieto základné štartovacie súpravy by ste mali dostať na pravú nohu!
9. Vždy držte krok s časom štúdia
Ako čas prebieha, všetci máme tendenciu strácať záujem o aktivity. Ak ste na webe skutočne vášniví, mali by ste byť motivovaní a študovať nové témy. Zvážte otvorenie mysle rozvojovému jazyku alebo praktizovanie nového softvéru.
Online nástroje dnes sú pokročilejšie ako kedykoľvek predtým, keď pomáhajú začínajúcemu mladému dizajnérovi vyzdvihnúť cenu. Webová knižnica bola pôvodne spustená pod šablónou Monster spolu s Jetimpex Inc, a pokračovala v katalógu veľmi populárnych tutoriálov. Webové stránky sa každodenne aktualizujú s novými odkazmi a predvolenými položkami pre inšpiráciu.
Stránka tiež spája medzi mnohými partnerskými miestami vrátane šablóny Ninajas. Výsledkom sú denné obchody, ktoré nenájdete nikde inde - niekedy dokonca demá alebo freebies! Šablóny webových stránok sú skvelým miestom na začatie, keď nie ste oboznámení s vytvorením rozloženia webovej stránky, alebo potrebujete len nejaké nové nápady.
Tiež by som veľmi odporúča sieť Tuts + vytvorenú spoločnosťou Envato. Hostite tisíce výukových programov od Photoshopu, Illustratora, HTML5, ActionScript, vektorové tvary až po fotografovanie. Niektoré z ich kódov si vyžaduje členstvo na stiahnutie, ale všetky návody môžu slobodne sledovať a ponúkať krok za krokom pokyny na uľahčenie cyklu učenia.
Spolu s písomnými článkami bude väčšina pripomienok tiež ponúknuť skvelé rady. Celú sieť prevádzkujú web dizajnéri a čítajú web dizajnéri, takže si môžete byť istí vysoko kvalitnou spätnou väzbou.
záver
Tieto metódy by vás mali začať na hromadnej ceste k osvieteniu webového dizajnu. Najlepšie triky v obchode boli odovzdané roky prostredníctvom internetovej komunity. Rovnako ako množstvo webových dizajnérov zvýšilo viac otvorených štandardov.
Zvážte niektoré z vyššie uvedených návrhov a strávte nejaký čas prezeraním zaujímavých článkov alebo návodov. Dokonca sa môžete oboznámiť s čerstvým materiálom, ktorý vám pomôže premeniť mozog a premýšľať vás o vyvýšenom koncepte myslenia. Ak máte podobné nápady, neváhajte a zdieľajte ich v sekcii komentárov nižšie.
