Invata singur web design – ghid gratuit

By January 23, 2013 Design One Comment
design

Ce trebuie sa stie un web designer?

Important! Pentru cei care vor sa invete web design, am creat un grup pe facebook: http://www.facebook.com/groups/pixelcrowd. Aici gasesti alte persoane cu acelasi interes, articole interesante sau designeri cu experienta de la care poti afla ceea ce te intereseaza.

Desi sunt destule cursuri de web design, mai ieftine sau mai scumpe, de cele mai multe ori acestea nu te invata decat partea practica a web design-ului. Notiuni precum User Interaction, Human Centered Design sau Information Architecture nici macar nu sunt mentionate – si cu toate acestea toti promit ca vei invata web design, vei primi o diploma si te vei putea angaja ca web designer.

Insa, realitatea este diferita. Este foarte greu sa te angajeze cineva doar cu o asemenea diploma, fara o baza solida de cunostinte practice si teoretice si fara un portofoliu relevant.

Ca solutie la aceste probleme am creat acest ghid care te va ajuta sa inveti web design pentru a deveni un adevarat profesionist.

Aplicatii necesare:

– Adobe Photoshop CS3 sau o versiune mai noua, – download Photoshop gratuit
– un editor HTML. Iti recomand Sublime Text

Iata ce trebuie sa stie un web designer:

Partea 1. Design grafic

Citeste ce inseamna designul grafic (Wikipedia)

Ce se intampla in partea 1:

Tutorialele din sectiunea despre design grafic te ajuta sa te obisnuiesti cu Adobe Photoshop si sa inveti diferite efecte si metode de lucru.

Cartile recomandate la sectiunea de design grafic te ajuta sa iti formezi o baza solida de cunostinte si te pregatesc pentru ceea ce va urma in partea a doua : User Interface Design.

Tutoriale de Photoshop pentru incepatori:
50 de tutoriale de Photoshop pentru incepatori

Carti recomandate:
Universal Principles of Design
The Elements of Graphic Design
The Non-Designer’s Design Book
The Non-Designer’s Type Book
Logo Design Love: A Guide to Creating Iconic Brand Identities
How to be a Graphic Designer, Without Losing Your Soul
Just My Type: A Book About Fonts

Partea 2. User interface design

Citeste ce inseamna user interface design (Wikipedia)

Ce se intampla in partea 2:

Partea despre User Interface Design te pregateste pentru a concepe si realiza interfete grafice extraordinare pentru aplicatii, website-uri sau dispozitive mobile. Vei invata concepte de design care sunt adesea intelese gresit. Te vei familiariza cu notiuni de User Experience – User Centered Design, Interaction Design, Information Architecture, Visual Design, Usability si Prototyping.

Tutorialele te vor ajuta sa intelegi cum poti face elemente de user interface design sau un website cu Photoshop.

Tutoriale interface design:
25 de tutoriale excelente pentru grafic user interface design
Design a Modern Business Website
Create An Amazing Personal Website From Scratch Using Photoshop
Design an elegant website in Photoshop

Carti recomandate:
Designing Interfaces: Patterns for Effective Interaction Design
About Face 3: The Essentials of Interaction Design
Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Rules
100 Things Every Designer Needs to Know About People
Information Architecture for the World Wide Web: Designing Large-Scale Web Sites

Partea 3. Invata HTML, CSS si JavaScript

Ce se intampla in partea 3:

Ai un design de site sau al unei aplicatii realizat in Photoshop si acum trebuie sa transformi totul in HTML si CSS si sa creezi eventualele animatii in JavaScript – partea a doua te ajuta sa inveti tot ce-ti trebuie pentru a duce la capat aceste activitati.

Tutoriale:
Invata HTML si CSS in 30 de zile
Web development pentru incepatori
JavaScript tutorial (w3schools.com)
Responsive design – Tutoriale si ghiduri

Carti recomandate:
From Photoshop to HTML
JavaScript: The good parts
JavaScript & jQuery: The Missing Manual

Partea 4. Realizarea unui website – din Photoshop in HTML si CSS

Tutoriale HTML & CSS:
Building a Set of Website Designs Step by Step
Convert a Warm, Cheerful Web Design to HTML and CSS
Build a Sleek Portfolio Site from Scratch
PSD to HTML Tutorial: Code a Photoshop File to a Working Website
How to Code a Stylish Portfolio Design in HTML/CSS
Convert a Portfolio Layout From PSD to HTML

Crezi ca ar mai trebui adaugat ceva? Lasa un comentariu mai jos cu propunerile sau observatiile tale.

One Comment

Leave a Reply