Tutorial de Web Design - Site de prezentare | Web Design 101

Incepem o noua serie in care fac tutoriale de web design. In aceasta serie va arat pur si simplu cum fac web design pentru proiectele mele.
✅ Vrei sa inveti Web Design? bit.ly/devin_membru
❤️ Aboneaza-te: bit.ly/Sub_DCR
Web Design-ul este un job foarte solicitat in momentul de fata pentru ca din ce in ce mai multa lume foloseste tehnologia pentru a accesa rapid informatia. E drept ca tehnologia ne ofera si anumite avantaje si asta este un motiv pentru care Web Design-ul va fi mereu solicitat.
De-a lungul timpului s-au create anumite diferentiere in jobul de Web Design, mai exact User Interface Designer (UI Designer), Front End Developer, Web Developer si UX Designer. Fiecare job are de obicei atributii diferite dar de multe ori acestea se intalnesc.
In acest episod va arat cum realizez un website simplu de prezentare pentru o agentie de Web Design.
CUM SA FACI UN SITE IN WORDPRESS
→ • Cum Să Faci un Site in...
BANI PE NET CA FREELANCER - CAT CASTIGI?
→ • BANI PE NET CA FREELAN...
Cum am invatat WEB DESIGN?!
→ • Cum am invatat WEB DES...
#invatawebdesign #danielcristea #uidesigner

[@danielcristeapro]

Hei salut, ce ziceti de aceasta noua serie? Sunt curios cat de utila vi se pare :)

[@danielcristeapro]

Multumesc, mai facem atunci 😁

[@deriusbtw8501]

@@danielcristeapro Si practic cu ce te ajuta la ce ai facut tu ? Este un banner sau este o pagina de site ?

[@danielcristeapro]

@@deriusbtw8501 Este o pagina de site.

[@deriusbtw8501]

@@danielcristeapro Si cum faci ca butoanele dintr-un design for site sa functioneze ?

[@danielcristeapro]

@@deriusbtw8501 Asta e treaba programatorului, de aici un developer preia design-ul si il scrie in HTML/CSS sa poata fi citit de browser si butoanele sa functioneze.

[@vladenache296]

Daniel, mai asteptam videoclipuri de genul !!

[@Dima-sy5sl]

Doamne mersi

[@lazarpaul733]

Foarte frumos ți a ieșit , e simplu și drăguț , as dorința vb cu tine in personal ceva cum pot sa dau de tine . Mulțumesc

[@milorad42]

Salut Daniel, iti dau o idee pentru următoarele tutoriale, ai putea sa faci o serie întreaga despre asta. Nimeni nu a facut un tutorial cap( legatura cu clienți) coada( livrarea produsului finit) oricâte tutoriale ai cauta. Pe internet este plin de fragmente din tot procesu asta, dar niciunul cap coada, incluzând totul. Fi primu. Multa bafta

[@milorad42]

Asta ar însemna sa includă, timpul care il acorzi pentru design-ul respectiv, proiectarea lui in funcție de tema si cerințelor clientului, crearea lui si toate fazele finale

[@danielcristeapro]

Milorad Hapău salut, da e buna ideea. Problema e ca iti ia f mult timp si e mai bine sa faci mai multe episoade pe acelasi subiect si sa le fragmentezi ca altfel nu se uita nime la un clip de 2 ore.

[@vladnistor6737]

De ceva timp e un gand de-al meu sa intru in aceasta zona de Web Design/ UI. Am experienta in Photoshop de cativa ani, iar intrebarea mea ar fi: care e mai util intre Sketch si PS? (nu am avut un MAC pana acum sa incerc Sketch-ul). PS: Misto seria si multa bafta!

[@danielcristeapro]

Depinde de ceea ce faci si de obisnuinta. Sketch este un soft exclusiv pentru MAC si asta provoaca o oarecare problema cu developerii. Eu unul dupa ce am trecut pe Sketch nu prea am mai vrut sa am prea mult de aface cu Photoshop. Multam!

[@trandamihai]

Salut Vlad! Testeaza Figma sau Adobe XD (sunt si pentru windows.). Succes!

[@RebNegru]

Ce părere ai despre Adobe Xd? Având în vedere că mulți utilizatori nu au Mac și nu pot folosi Sketch.

[@danielcristeapro]

E foarte bun.

[@mihaibrrrr]

Salut, se folosesc mai mult astfel de programe sau inca se mai scrie doar cod de html, css pt site-uri? Mersi 👍

[@danielcristeapro]

Poti folosi si unele programe, cum ar fi webflow dar un front end dev va scrie codul de la 0.

[@cristianmariantatulescu4304]

Poti sa faci un video in care explici cum faci design-ul site-ului pe care il creezi si functional?

[@danielcristeapro]

Da, o sa incerc insa eu nu prea fac cod. Fac doar partea vizuala si codul e facut de un Front End Developer.

[@cristianmariantatulescu4304]

@@danielcristeapro nu neaparat sa ne arati cat sa ne explici cum s-ar conecta acele elemente cred ca ar ajuta foarte multa multe sa inteleaga mai bine

[@mobileclinic4768]

Salut Daniel, îmi/ne poți spune ce tip de mac ai și ce configurație ai pe el? Și anul?

[@danielcristeapro]

Incerc sa fac un update despre asta.

[@mobileclinic4768]

Dar spune in cuvinte dacă nu ca abia aștept răspunsul. Sunt așa curios ca nu cred ca pot dormi la noapte :)))

[@danielcristeapro]

@@mobileclinic4768 Haha, pai am un iMac 5K statie principala de lucru si un MacBook Pro Late 2013 15" pentru portabilitate sau daca trebuie sa lucrez din alta parte.

[@larirobisicainii]

Bună Daniel te rog frumos sa îmi recomanzi unde sa învăț web design de la 0?!

[@danielcristeapro]

Buna Larisa, nu aș putea sa iti recomand o sursa.

[@triangvle]

mergea sa incerci un flip la prima imagine :D

[@danielcristeapro]

Incerc la urmatorul 💪

[@roberttanasa2775]

Salut! De ce nu mai faci video uri cu design web? Te pricepi la ceea ce faci!

[@danielcristeapro]

Salut, mai fac. Urmeaza :)

[@andrei-fo3nu]

Salut, am o nelamurire, Pana sa vad acest video confundam Web design-ul cu Front-end dev., nu intelegeam cand auzeam ca unii folosesc photoshop pentru site-uri..nici acum nu inteleg, Eu sunt la inceput de drum ca front-end dev. si tot nu inteleg nici acum la ce am nevoie de photoshop si ceea ce ai facut tu, daca eu le creez din css, html si javascript, php...s.a. ? Site-ul propriu zis se creaza din CSS si HTML.Dar partea asta este mult mai usora, Daca faci un design in photoshop, fara prea mult cod ai avea un avantaj. Dar se poate asa ceva ? Sa iti creezi o poza efectiv si undeva in spatele ei sa pui cod, iar site-ul e gata..

[@danielcristeapro]

Salut, nu prea merge asa decat cu tool-uri ca WebFlow sau Figma dar si alea au nevoie de cunostinte de cod. Ca Web Designer treaba ta e sa realizezi partea vizuala care ulterior e programata de un Front End Developer cu ajutorul HTML, CSS si Javascript. Dar si ca Front End Dev ai nevoie sa stii PhotoShop pentru ca trebuie sa dai export la poze si asset-uri din Photoshop. Sunt designer care iti dau toate icoanele, fonturile si detalii, dar in general iti dau PSD-ul si sanatate. Sper ca te am lamurit cat de cat :)

[@andrei-fo3nu]

@@danielcristeapro Merci de raspuns :)

[@danir-sushi25]

Cat costa software-ul?

[@monicatoderean9414]

Este necesar să stiu engleza perfect

[@danielcristeapro]

De preferat, nu perfect dar conversational.

[@aoepsdaaksl7256]

Salut Daniel, am si eu o intrebare, o sa merg la un interviu pt un post de junior UI/UX Designer (internship platit), stau si ma gandesc in caz ca ma intreaba la ce salariu sa ma astept si sincer nu am habar o suma, ma poti ajuta cu un raspuns?

[@danielcristeapro]

Banuiesc ca ai si tu niste cheltuieli, stii ce ai nevoie sa ti le acoperi. Pleaca de acolo :)

[@universall586]

cum ai invatat engleza si cum?

[@danielcristeapro]

xgamer am facut la scoala si am studiat pentru certificatul Cambridge.

[@universall586]

@@danielcristeapro pot sa fac freelamce dacă nu știu engleza

[@danielcristeapro]

xgamer nu prea

[@universall586]

@@danielcristeapro... Nu am vrut sa aud asta :((

[@slyraccoon4555]

Cu ce aplicație faci ?

[@danielcristeapro]

Sketch, e special pentru mac.

[@slyraccoon4555]

Da Adobe Xd stii sa lucrezi in el ? Dacă stii contactează-ma pe email [e-mail]

[@RebNegru]

De ce ai șters acel video?

[@danielcristeapro]

Nu avea vizibilitatea si n-avea rost.

[@GroomingPetSpa]

Trist este ca ați uitat să vorbiți și să scrieți românește!!😅😅😅

[@danielcristeapro]

hobby zoo nu este trist, este vorba de obisnuinta. Atata timp cat toate softurile sunt in engleza si clientii sunt din alta tara sa vorbesc in romana absolut toate cuvintele nu este prioritatea mea :) in plus de asta site-ul este facut pentru clienti, nu pentru mine ✌️

[@MIKATA001]

Trist că în 2020 mai sunt degradați ca tine. Faceți carte oameni simpli și naivi. Mai citiți și mai deschideți-vă ochișorii adormiți cum evoluează lumea. Sunteți de rîs cînd dau de comentarii de genu. 🤦‍♀️