Web Design for Print Designers
- Started
- Last post
- 41 Responses
- monospaced1
I'm one of those print guys that doesn't know how to design for web ... I'm your target audience.
For me it's about software more than the principles. I have no idea what tools to design in, so a focus on that would be the most helpful to me.
- Chimp0
1. How to write for digital platforms
2. An overview of UX
3. How to use a template and for get being creative like in 2002?
- CyBrainX0
Don't dumb down mobile versions of things. More people are looking at your mobile content. Don't make it worse just because everyone else does.
- vaxorcist0
I for one love the links above... thanks....
This is probably an old experience... but .... I worked years ago with a print designer who said his mind was blown with the idea of semantic (meaning or function organisation) rather than visual - (purely for looks organisation principle) ...
...yes, he had used stylesheets in Quark and Indesign, but he was previously all about make 'this part bigger' rather than 'set all headlines to the following font metrics' ...
He was actually quite helpful in preventing a design by committee, especially once he was on the techie's side, and one client person kept saying 'he wanted it to look the same on all devices' and it seemed to take a former print designer to have a conversation with this person ...
- Salarrue0
I don't know what age range you are talking about, but to anyone in his mid 40's who used to used QuarkXPress, sent/received files in zip drives and worked only in print I would suggest the following:
Learn to share knowledge and collaborate, I used to work with very secretive designers at printshops, only they knew how to prepare the file to be printed and they never share any template making the process longer, they used to see everyone as rivals.
Also not to be afraid to try and error. In print production mistakes sometimes are followed by colossal financial losses. Webdesign allows you to work in a sandbox, but even if a server goes down for a live site, or any error in code will have a solution, as an old friend used to say: type the error in Google because somewhere in the world, someone had the same problem before.
- bigbaby530
I could use a course like this.
- sausages0
https://www.freecodecamp.org/lea…
The Responsive Web Design cert here is an OK (and free) run-through of the basics for non-digital types.
- section_0140
Javascript basics. In particular, using document.getElementbyId and document.getElementsbyClassName to add/remove CSS styles.
Learning how to listen to resize events would probably help too, since that's when you'd most likely be class swapping.
- webazoot0
Good luck with this. I used to work for a print company and a print based ad agency doing the web site of things so his came up a lot and peoples expectations on the similarities of the two things aren't anywhere near realistic.
- nb0
The box model
- nb0
Might as well start with Figma. Particular attention to Components, Libraries, Prototype mode.
- nb0
A brief introduction to front end frameworks, what they are and why they are so popular. Don’t need to know everything about them, but you are going to run into this in the real world.
- shapesalad0
The nuances of getting things to look right across all browsers on all devices.
- oey_oey0
sounds interesting from the start plus all great suggestions so far.
- spot130
Sometimes the basics have been hard to get across, stuff like RGB vs CMYK & Pantone and DPI, PPI and just basics around screen resolution has been a struggle for me to communicate to print folks.
- Daithi0
One thing that I'd recommend teaching (or asking them to consider) is how people consume information on screen - not broken up in pages like print or instances like advertisements, but in a much more fluid flow. Understanding their own work as a reaction to this more loose structure is an important distinction for me.
Print and other real-world formats have more implicit function tied to and dictated by how and where they are seen: books are for reading; posters are for announcements etc. The web typically requires more explicit signposting for intended use, and for all uses there are established paradigms that can be used or subverted. Once they get their head around that distinction, I've seen these ideas fall into place for colleagues who are attempting to cross over, as yours are.
- SlashPeckham0
Get them out of their Adobe software if you want to work in a totally a new way. I’ve recently walked some print designers through these videos and it seemed to work:
https://www.switchtosketchapp.co…
- riskunlogic-2
Also, it helps to explain the basic concepts of how the internet works: Server-Client, TCP/IP, Router-Network, etc.
This helps students understand why image optimization, folder structure, or loading times are important at all.