CSS3 vs Photoshop (remastered)
-
Upload
francis-chouquet -
Category
Technology
-
view
1.123 -
download
1
description
Transcript of CSS3 vs Photoshop (remastered)
CSS3 vs Photoshop
Smashing Magazine Meetup Basel, January 2012
Francis Chouquet@Fran6
h!p://peaxl.comh!p://francischouquet.com
mercredi, 1 février 12
How I learnt Web Design...
mercredi, 1 février 12
Difficult to predictthe future if we don’t
agree on the definition of web design
mercredi, 1 février 12
The webdesigner lovesPhotoshop !!
mercredi, 1 février 12
... and CSS3 arrived...
mercredi, 1 février 12
CSS3, the designer’s playground
mercredi, 1 février 12
CSS3 offers a large rangeof visual effects
that were previously done with images
mercredi, 1 février 12
...and who says images,says Photoshop...
mercredi, 1 février 12
Example...
mercredi, 1 février 12
Things we le on the move - h!p://css3exp.com/moon
mercredi, 1 février 12
with that idea in mind,some started to design
in the browser
mercredi, 1 février 12
mercredi, 1 février 12
mercredi, 1 février 12
Benefits
Fast conception when you know HTML/CSS
Modifications are easy to implement
Immediacy - You know right away what you can and cannot do
Dynamic prototype to show to clients
Website implementation faster
mercredi, 1 février 12
Disadvantages
Quite simple designs. You still need Photoshopfor more sophisticated effects
YOU NEED TO KNOW CSS/HTML !!
mercredi, 1 février 12
Goodbye PhotoshopHello ____________ * ???
* put the name of the browser you use...Internet Explorer is not a correct answer
mercredi, 1 février 12
Should the designer know how to code?
mercredi, 1 février 12
I asked the experts ! :)
mercredi, 1 février 12
« To me a good web designer is a someone that is multidisciplinary
as it doesn't stop with the visual aspect. He or she also take care of the conversion
into actual webpages with a good knowledge of html/css
so they can predict the outcome.
Knowing Javascript is a bonus. »
Veerle Pieters
mercredi, 1 février 12
"Although it's possible to be a web designer, or an art director for the web,
my opinion is that a deeper appreciation of the medium can only be achieved by having an understanding of code,
even it's relatively basic. It's not just about knowing what you can create
and what you can't: front-end code is playing an increasingly important role as a design tool, be it for
designing 'in the browser' or adapting designs to suit multiple browser widths."
Elliot Jay Stocks
mercredi, 1 février 12
“ A "web designer" is one that can design a site and get it on the web in the HTML / CSS fashion,
however no ma!er what the medium a good designer can designer for.
As a designer, we should be familiar with design rules and principles no ma!er the medium,
but that doesn't mean we need to learn how to code or code well. ”
Brian Hoff
mercredi, 1 février 12
Different views but one common point:
understanding HTML/CSSis a strict minimum
mercredi, 1 février 12
Examples in Car industryArchitecture
mercredi, 1 février 12
web design evolves everyday
We are talking about CSS3 but what about Responsive Web Design ?
mercredi, 1 février 12
my answer
1. If not done yet, learn how to use HTML/CSS
2. You cannot stop the web. It evolves everyday. We learn everyday. Try to adapt.
3. Use Photoshop for visual elements, quick wireframes. Then move to the browser.
The more you will practice, the more you will start to use the browser earlier
mercredi, 1 février 12
thank you !
@Fran6h!p://peaxl.com
h!p://francischouquet.com
mercredi, 1 février 12