Resurse recomandate Web Design

Folosim numeroase instrumente și servicii pe Tuts +, precum și învățăm cum să le folosim prin materiale educaționale publicate periodic pe acest site. Iată resursele noastre recomandate pentru profesioniștii în domeniul web designului, care sunt puse la dispoziție de personalul nostru editorial.

Rețineți că unele dintre linkurile de mai jos sunt linkuri afiliate. Aceasta înseamnă că vom câștiga un comision mic dacă achiziționați instrumentul sau serviciul respectiv. Dacă faceți asta, vă mulțumim că ați sprijinit Tuts+.

Aplicații

Adobe Creative Cloud

Adobe Creative Cloud este un membru permanent care vă permite să descărcați și să instalați oricare dintre aplicațiile Adobe Creative Suite. De asemenea, beneficiați de servicii online pentru partajarea de fișiere, colaborarea și publicarea. De-a lungul timpului, costul aderării crește, dar este o modalitate excelentă de a obține toate instrumentele necesare pentru un cost inițial scăzut al investiției. Cu acest serviciu veți avea întotdeauna cea mai recentă versiune a software-ului de design de top al Adobe. Aflați mai multe la Adobe.

GuideGuide

Cu acest plugin Photoshop puteți crea coloane, rânduri, puncte medii și linii de bază corecte. Acesta este un instrument excelent pentru configurarea grilelor de proiectare în Photoshop. Grilele pot utiliza mai multe tipuri de măsurători. Cel mai bun dintre toate este gratuit. Aflați mai multe la GhidGuide.

CSS Hat

Șablonul CSS va accelera fluxul de lucru pentru web design. Cu acest plug-in Photoshop extrem de util poți genera CSS3 bazat pe stilurile de strat Photoshop. Acesta generează CSS valid, bine codificat direct din straturile PSD din Photoshop. Acest plugin face foarte simplu să traducă rapid designul dvs. din Photoshop în browserul dvs. Aflați mai multe la Hat CSS.

Adobe: Focuri de artificii

Începeți cu Seria Fireworks Pro. Software-ul Adobe Fireworks CS6 vă ajută să creați un design minunat pentru site-uri Web și aplicații mobile într-o clipă. Creați rame de tip wireframe, machetați desenele, furnizați imagini vectoriale și bitmap și conținut interactiv pentru tablete populare, smartphone-uri și site-uri Web. Aflați mai multe la Adobe.

Balsamiq

Balsamiq este o aplicație de tip wireframing care vă permite să creați planuri web și de ecran cu o simțire trasată manual. Prin prezentarea scheleturilor de sârmă într-un stil desăvârșit, nu intimidează clienții. Acest lucru le permite să se concentreze asupra plasării elementelor-cheie în design. Este rapid să lucrați și să implementați ușor modificările. Aflați mai multe la Balsamiq.

Coda 2

Coda este unul dintre editorii de cod preferat ai multor designeri web profesioniști. Are o aplicație familiarizată pentru Mac pentru reclame vizuale, oferind în același timp caracteristici robuste de editare a codului. Coda 2 a adăugat noi caracteristici interesante, precum: plierea codurilor, completarea inteligentă, gestionarea mai bună a fișierelor și multe altele. Aflați mai multe la iTunes.

Transmite

Transmit 4 este ultimul client de transfer de fisiere FTP, SFTP, WebDAV, Amazon S3 pe Mac. Este rapid, are o vizualizare în două panouri la îndemână, cu care se poate lucra ușor și permite transferuri multiple. Aflați mai multe la iTunes.

Text sublim 2

Sublime Text este un editor de text sofisticat pentru cod, markup și proză. Dispune de o interfață de utilizare și performanță uimitoare. Setul de caracteristici este robust, cu redactare separată, capacitatea de a merge la orice și modul de distragere liberă. Aflați mai multe despre Text sublim.

TextExpander

TextExpander vă va economisi timp, cantități masive de timp. Cu ajutorul acestei aplicații utile puteți salva fragmentele de cod cele mai utilizate pentru a intra rapid în cel mai recent proiect client. De asemenea, salvați întregi șabloane de e-mail, semnături sau fragmente de text frecvent utilizate. TextExpander poate renunța la orice text pe care îl configurați în orice program pe care lucrați. Aflați mai multe la iTunes.

Gradient

Gradientul ajută la eficientizarea creării gradienților CSS3. Este nevoie de procesul obositor de creare a gradientilor CSS3, ceea ce face ca majoritatea designerilor web sa se strecoare, si il face usor. Aflați mai multe la iTunes.

Servicii Web

Adobe Tipkit

Cu Typekit puteți adăuga o linie de cod în paginile dvs. și puteți alege dintre sute de fonturi web. Simplu, anti-bullet, conform standardelor, accesibil și total legal. Cu Typekit puteți extinde dramatic opțiunile pentru fonturile de design web. Aflați mai multe la Tipul de tip.

typecast

Cu typecast puteți crea o mai bună tipografie web cu mai puțin hassle. Tastați rapid tipul de stil din browser și verificați dacă este lizibil, redat și frumos în timp ce lucrați. În timp ce proiectați intuitiv, browserul face lucrurile semantice, prin crearea unui cod care se potrivește cu fiecare decizie de proiectare. Aflați mai multe la tipul de difuzare.

ConceptShare

Dacă lucrați ca o reclamă grafică independentă, atunci afacerea dumneavoastră va beneficia de ConceptShare. Acest serviciu cloud îi ajută pe reclame să obțină feedback despre clienți cu privire la activele vizuale. Îmbunătățește procesul de aprobare a clientului și vă permite să furnizați rezultate lustruite la timp și la specificații. Aflați mai multe la ConceptShare.

BrowserStack

BrowserStack ajută la reducerea timpului de dezvoltare. Oferă testarea live a altor browsere prin browserul dvs. Ai acces instantaneu la toate browserele de pe platforme. Uita de mașină virtuală stricată și configurare mobilă. Aflați mai multe la BrowserStack.

FormStack

Cu FormStack puteți crea formulare online intuitiv și cu ușurință. Colectați date prin formulare de înscriere, anchete, formulare de comandă, înregistrări de evenimente și multe altele. Cu ajutorul FormStack, datele colectate se pot integra cu aplicațiile web populare. Înscrieți-vă acum pentru a începe să vă construiți propriile formulare. Aflați mai multe la FormStack.

PollDaddy

Cu Polldaddy puteți crea sondaje, sondaje și chestionare în câteva minute. Cunoașteți opiniile audienței dvs. Colectați răspunsurile prin intermediul site-ului dvs. web, prin e-mail, iPad, Facebook și Twitter. Generați și distribuiți rapoarte ușor de citit. Aflați mai multe la Polldaddy.

Sisteme de management al conținutului

ExpressionEngine

ExpressionEngine este un sistem elegant de gestionare a conținutului. Flexibilitatea și siguranța, combinate cu suportul său de clasă mondială, reprezintă o rețetă pentru succesul online. Combină instrumente puternice CMS cu suport de calitate. Aflați mai multe la ExpressionEngine.

LightCMS

LightCMS este prietenos cu designerul, ușor de utilizat și cu care lucrați. Gazduirea de nivel înalt este construită în LightCMS, astfel încât nu există nimic de instalat, actualizat sau menținut. De asemenea, au funcții de eCommerce construite. Aflați mai multe la LightCMS.

Squarespace

Squarespace 6 este cea mai recentă actualizare a acestui sistem de gestionare a conținutului și soluție de găzduire inclusivă. Aceasta este soluția optimă pentru clienții care doresc să ruleze site-urile lor cu un sprijin redus necesar. Au opțiuni excelente pentru șablon și un motor de aspect care vă permite să creați setări personalizate ale paginilor cu ușurință. Toate temele sunt prietenoase cu dispozitivele mobile. Aflați mai multe la Squarespace.

WordPress

WordPress este un software web pe care îl puteți utiliza pentru a crea bloguri și site-uri web complete. Este o soluție gratuită și extrem de populară pentru managementul conținutului. Există camioane de teme WordPress de calitate de la care puteți alege, atât opțiuni gratuite, cât și Premium. Aflați mai multe la WordPress.

Hosting

Media Temple

Media Temple oferă web hosting scalabil și susținut 24/7 și live. Ele sunt cunoscute pentru a avea o configurație solidă de rock și au o reputație excelentă. Aflați mai multe la Media Temple.

WpEngine

WpEngine oferă găzduire gratuită WordPress. Este rapid, scalabil, sigur și oferă suport complet gestionat. Dacă configurați un site WordPress pentru clienții dvs., atunci WpEngine este o alegere de lider în industrie pentru găzduire. Aflați mai multe la WpEngine.

Teme de stoc, fonturi și grafică

Pune-l

Placeit este un generator de machete; un instrument online care vă permite să încorporați propriile desene sau modele (fie ele UI, logo-uri, alte elemente de branding) în medii de prezentare. De exemplu, este posibil să aveți un design de aplicație pe care doriți să-l plasați într-un iPhone pe o masă de cafea sau să vă suprapuneți logo-ul pe cămașă unui model. Poate că v-ar plăcea chiar să vedeți design-urile încorporate în videoclipuri de stoc (serios, trebuie să aruncați o privire la filme). Cu aproape 3.000 de șabloane și numărare, Placeit are siguranța că aveți ceea ce căutați.

ThemeForest

La ThemeForest puteți să cumpărați și să vindeți șabloane HTML, precum și teme pentru produse CMS populare cum ar fi WordPress, Joomla și Drupal, cu prețuri cuprinse între 5 și 40 de dolari. GraphicRiver este un Envato Marketplace și site-ul surs Webdesigntuts +. Este cea mai mare piață, cea mai activă și o comunitate extraordinară care se implică. Aflați mai multe la ThemeForest.

GraphicRiver

La GraphicRiver puteți să cumpărați și să vindeți fișiere gratuite, layered Photoshop, vectori, pachete cu pictograme, add-on-uri Adobe și șabloane de design pentru doar câțiva dolari. GraphicRiver este un Envato Marketplace și site-ul surs Webdesigntuts +. Site-ul găzduiește o comunitate pasionată de designeri grafici și ilustratori. Aflați mai multe despre GraphicRiver.

PhotoDune

La PhotoDune puteți să cumpărați și să vindeți fotografii și imagini fără drepturi de autor începând cu doar $ 1. PhotoDune este un Envato Marketplace și site-ul surs Webdesigntuts +. Elementele sunt evaluate pe dimensiunea / megapixeli pentru fiecare fișier. Dacă aveți nevoie de fotografii de calitate, la prețuri accesibile pentru următorul proiect de web design, atunci aceasta este o resursă excelentă pe care să o utilizați. Aflați mai multe despre PhotoDune.

fonturile_mele

MyFonts este cea mai mare colecție de fonturi din lume disponibilă pe un site ușor de utilizat. Ei strâng fonturi atât din partea companiilor mari de fonturi, cât și din cele de tip boutique. Fonturile de calitate sunt adăugate zilnic. Dacă sunteți în căutarea unui nou font pentru următorul dvs. proiect client, acesta este site-ul pentru a-l găsi. Aflați mai multe la MyFonts.

Fonts.com

Magazinul Fonts.com de la Monotype Imaging oferă peste 150.000 de produse de tip font pentru previzualizare, cumpărare și descărcare. Monotype a fost de peste vîrste și este un producător de fonturi de frunte. Puteți, de asemenea, să aflați despre noile versiuni tipografice și să descoperiți sfaturi și tehnici tipografice pe site-ul lor. Aflați mai multe la Fonts.com.

Instrumente și unelte

Rhodia - Articole de Arta

Aceste notebook-uri portocalii franceză au un cult următor, da, creativii se îndrăgostesc de instrumentele lor. Aceste tampoane economice sunt una dintre favoritele noastre. Ne place să ne rupem degetele peste grilele lor, hârtia netedă și capacele unice marcate. Rhodia a fost interpretată de artiști din anii 1930, astfel încât, folosind aceștia, simțiți că sunteți conectați într-o bogată moștenire creativă. Aflați mai multe despre aceste notebook-uri de la Amazon.

In caz

Nu am merge atât de departe încât să spunem că aveți nevoie de un rucsac sau de un caz elegant, dar cine nu vrea unul. Incase face unele dintre favoritele noastre. Acestea fac pungi și cadre de stabilire a tendințelor, care sunt perfecte pentru cartușul laptopului MacBook, care stochează echipamentul dvs. creativ, iPad sau iPhone. Aflați mai multe despre Amazon.

Aplicații pentru mobil

Adobe Ideas

Adobe Ideas este sketchbook-ul dvs. mobil digital, permițându-vă să captați și să explorați ideile oriunde ați merge. Această aplicație mobilă vă permite să schițați ușor folosind vectori, să re-utilizați anumite culori utilizând instrumentul Eyedropper, să salvați și să utilizați mai multe teme color. Reglați opacitatea stratului, mutați, rotiți și scalați fiecare strat independent. Aflați mai multe despre această aplicație mobilă de pe iTunes.

Procreați aplicația

Procreate este un sketchbook excelent și o aplicație de desen pentru iPad. Este rapid să lucrați pentru a vă putea schimba rapid ideile. Are o gamă largă de pensule pentru a alege, instrumente de grad studio și se simte intuitiv pentru a atrage. Aflați mai multe despre această aplicație la iTunes.

SketchBook Pro pentru iPad

Autodesk SketchBook Pro pentru iPad este o vopsea profesionala si o aplicatie de desen. Folosind același motor de vopsea ca și omologul său de birou, SketchBook Pro oferă un set complet de instrumente de schiță și vopsire. Această aplicație populară de schițare are o mulțime de fani. Este o alegere excelentă pentru desenarea pe iPad. Aflați mai multe despre această aplicație la iTunes.

FontBook App

Dacă dețineți un iPad și sunteți un designer grafic, atunci vă veți bucura de această aplicație de referință frumoasă. FontBook este cea mai cuprinzătoare referință din lume privind tipografia digitală. Documentează activitatea a 118 renumite turnătorii de tip internațional, reprezentând aproape 1650 de designeri de tip, care constituie 35.000 de fonturi din 8050 de familii de fonturi. Aplicația FontBook prezintă această selecție prin intermediul a 700 000 de mostre tip text care pot fi răspândite intuitiv, căutate, stratificate, mutate, derulate și combinate ca o colecție de hărți - cu adevărat minunat. Aflați mai multe despre această aplicație la iTunes.

Photoshop Touch

Transformați imaginile cu funcții de bază Adobe Photoshop în această aplicație concepută pentru tablete. Puteți combina imaginile, aplica efecte profesionale și puteți împărtăși rezultatele din confortul iPad-ului. Utilizați caracteristicile populare Photoshop create pentru tabletă, cum ar fi straturi, instrumente de selecție, ajustări și filtre pentru a crea imagini profesionale. Aflați mai multe despre această aplicație la iTunes.

iA Writer

iA Writer este o aplicație scrisă în jos, care vă ține pasul numai pe gândurile voastre. Este creat de eroul de tipografie Oliver Reichenstein. Această aplicație a vândut peste 400.000 de copii și a ajutat studenții, jurnaliștii și autorii celor mai vândute să găsească mai multă plăcere în lucrul cu textul. E grozav de minunat. Aflați mai multe despre această aplicație la iTunes.

Dieta Coda

Dieta Coda este o versiune de iPad funky a editorului de cod popular. Există unele limitări cu aplicația, dar funcționează bine pentru implementarea rapidă a modificărilor codului live pe site-urile dvs. în timp ce sunteți în mișcare. Există câteva caracteristici frumoase, cum ar fi AirPreview, care vă permit să utilizați iPad-ul pentru a previzualiza munca dvs. Coda de pe laptop. Aflați mai multe despre această aplicație la iTunes.

OmniGraffle

Regele firframing pe iPad. Folosind simple gesturi multitouch, desenați forme, trageți în obiecte și stilizați totul până când este exact. Această aplicație este încărcată cu funcționalitate pentru a planifica prezentarea informațiilor în mod clar și frumos. Aflați mai multe despre această aplicație la iTunes.

Bucurie

Gusto este un editor de cod și un client FTP pentru iPad. Gusto vă permite să deschideți mai multe documente în file pentru o navigare mai rapidă. După editare, previzualizați documentul local pentru a vedea rapid actualizările și apoi publicați-le în direct. Aflați mai multe despre această aplicație la iTunes.

Textastic Code Editor

Textastic se mândrește cu un editor rapid și versatil de cod care susține sintaxa evidențiind peste 80 de limbi de programare și de marcare. Se poate conecta prin FTP, FTPS (FTP over SSL), SFTP (conexiune SSH), WebDAV si Dropbox. Oferă finalizarea codului, găsirea și înlocuirea, precum și multe alte caracteristici. Aflați mai multe despre această aplicație la iTunes.

Editorul codului Koder

Koder este un editor de cod pentru iPad cu o interfață simplă și eficientă. Acesta are multe caracteristici sportive, inclusiv evidențierea sintaxelor, managerul de fragmente, editarea filelor, găsirea și înlocuirea codului, tema editorului, conexiunile de fișiere la distanță și locale și multe altele. Aflați mai multe despre această aplicație la iTunes.

Adobe Proto

Adobe Proto este o aplicație iPad pentru proiectarea de fire de rețea interactive, prototipuri pentru site-uri web și aplicații mobile. Introduceți componentele interactive din cadrul componentei componente, inclusiv meniurile, filele, acordurile și multe altele. Această aplicație vă permite să captați rapid ideea dvs. de design și să testați utilitatea de bază a designului. Aflați mai multe despre această aplicație la iTunes.

Iotă! Whiteboard

Iotă! este o aplicație simplă, care vă permite să vă desenați ideile, să luați note rapide și să creați planuri brute de tip wireframe pe iPad. Puteți colabora în timp real, puteți împărtăși idei prin e-mail sau le puteți salva ca fotografii pentru referințe ulterioare. Aflați mai multe despre această aplicație la iTunes.

Penultima

Penultimă dă simțirea și aspectul scrisului pe hârtie cu un stilou de gel îndrăzneț în timp ce capturați următoarea idee vizuală. Este rapid, tactil și oferă un număr infinit de pagini. Puteți să stocați pagini în notebook-uri, să le distribuiți ca fișiere PDF exportate și să le returnați prin Dropbox sau Evernote. Aflați mai multe despre această aplicație la iTunes.

SketchyPad

SketchyPad este o aplicație de tip wireframing care vă va ajuta cu schițarea site-ului și crearea interfeței cu aplicațiile. Acesta vine cu șabloane de înmânare pentru a vă construi rapid scheletul și caracteristicile de interfață. Puteți face legătura între machete și exportul în format Balsamiq. Aflați mai multe despre această aplicație la iTunes.

Mocking Pad

Mocking Pad este o caracteristică împachetată pentru scanarea aplicației wireframe pentru iPad. Este făcută pentru colaborare, permițând partajarea fișierelor prin e-mail, Dropbox sau partajate printr-o conexiune WiFi. Acesta include o mare selecție de șabloane pre-construite pentru web, desktop și mobil. Aflați mai multe despre această aplicație la iTunes.

Live Wires - Prototyping App

Live Wires este o modalitate simplă și rapidă de a trăi și a crea prototipuri pentru conceptele aplicațiilor iPhone și iPad. Creați experiențe utile pentru utilizatorii dvs. Obțineți o senzație reală dacă conceptul dvs. funcționează înainte de începerea dezvoltării. Creați interfețe interactive atât pentru iPad cât și pentru iPhone, utilizați o bibliotecă uriașă de glifuri, utilizați controale de vizualizare scrollabile și multe altele. Aflați mai multe despre această aplicație la iTunes.