Welcome to this lecture where I want to answer an important question why other website designs done
in Photoshop needed to better understand this issue.
Let me give you a bit of context.
I designed the following web site in Photoshop as you can see there's quite a few pages here that covered
the entire project.
The Web site was developed by skilled coders.
And here's the working version.
So it has been implemented.
Now I won't tell you too many things about the handover process because it's a bit too early in the
course.
But here's the key thing.
Do you know how many graphics they exported.
None.
That was a popular thumb in the early 2000s called slicing.
That's when various pieces of the design like buttons icons images and so long were exporting from Photoshop
in order to be used in the working version of the web.
Again nothing like this happened here.
The coders did not export visual assets from the PCs.
And this is not an isolated case or an exception.
This is the rule developers rarely use design elements from Photoshop.
Actually some coders don't even have Photoshop installed and most of them don't even know how to use
the program at the decent level.
I'm talking proficiency with Will about to learn.
This is what got people wondering if coders don't export any graphics.
Why is the design need that anyway.
If all these buttons and effects are done to CSX and all these images of all coming from a server then
why go to all this trouble.
The answer is simple the design acts like a guide in the way you're like an architect you're designing
a building in my new detail you create randoms so visual representations.
So everybody is on board the client the city in regards to the permits but also the builders should
they know they have to pour concrete and install the plumbing but they have to know exactly where they
need to know everything in incredible detail.
I'm talking Mm.
This is why this design is needed.
The client can check the design and see if it meets his standards and if this is a good representation
of his brand.
The code does verify if they can correctly implement it.
This is a much needed blueprint that has to be thoroughly viewed and discussed before breaking ground.
No piece of dirt is going to be touched unless absolutely everybody knows what to do based on this detailed
plan.
The fourth man can tell his people what to do in what order and for what purpose without the design
is like calling that they love and asking him for a suit.
Okay.
Assuming this is a fantastic day.
Can he get started.
No of course not.
He lacks information.
What about if you say you want a casual suit with a black casual suit.
You know what let's ramp it up a black casual suit with a slim fit build and maybe you mention you had
the fight then.
Could that they love do a great job.
No not really.
That's because he doesn't have enough information to go on.
You need to meet with him.
He needs to take the size measurements of your body.
Show you fabrics.
Show you various options and choices and so on.
It's an entire process back to the web design world without the pieces.
Imagine calling a coding company.
You say you want the site that sells things you want the nice large headline six products on the home
page and some tabs.
Would this be enough.
How about if you sketch something on a piece of paper.
Is this gonna give you the result.
Do you want.
No.
Obviously of course not.
Look they can create the suit that will somewhat fit you.
It won't look great on you but it will be a suit.
The same can be said about this project I just describe.
Sure most companies might take on this project and they might create something.
Will it be great.
Will it fit your needs and expectations.
Probably not.
Thus nobody wants surprises.
Nobody wants a car or a suit.
Or the Web site with six products on the home page.
No.
When you're making a purchase an investment when you're building a business you want details.
This is what the design brings you.
This is why I said it really doesn't matter if you use photoshop.
Whether they'll be x d scheduled whatever.
It's because coders will probably not touch the source file but it's still needed.
Just two examples.
A large headline right.
That's why I said I wanted.
Well what does large mean is this large.
Well is this large how about this value when you compare it to this other bit of fix.
This is indeed larger.
Technically this is correct.
Second example six products right.
But do you want the images to be rounded or do you want them squared.
Like you see it here you see the devil is in the details.
A great website design covers absolutely everything that the code that needs the font size weight color
code line height.
The hub of the fact different states have buttons and menu items the checkout process pop up windows
and so on.
Without these things the coders will eyeball everything and in most cases that will give you a mediocre
design at best.
In some situations you'll get a horrible Web site that's nothing like he imagined it.
The truth is coders take all this information from the design during the handover process which we'll
discuss later.
So this isn't a large headline.
This is not unique to black 40 pixels shown in the color code 2 1 2 f 4 9.
That's positioned in the horizontal center of the project 40 pixels from the head.
This is what the code is going to take from your design.
Every single item here has loads of properties and the coding process relies on recreating these values
in working code.
So overall I hope I shed some light on why website designs are essential to any website project whether
they're done in Photoshop or some other program.
Now I'm sure you have loads of questions but please continue to watch the course and I'll answer them
in due time.
Thank you.