Make the Photoshop Layout Layout to fit the tableįor the sample layout, I created an RGB Photoshop document 600px wide, planning a 6-column table of 100px per column. Create a folder for your project within your local website folder. Either way, to test the eBlast, it will need to be uploaded to a web server. For the sample project, I hosted the images on my web server. If the images will be saved to client’s server and served to the email client from there, get necessary logins. Decide where the images and the online version will be hosted So converting the HTML to a responsive layout was a “we’ll do it if we have time” task. We felt most people will be reading this eBlast at work on their computers, the layout would be pretty simple and bold with little text, and it would feature strong images that will be distinguishable on a small cell phone screen. In the sample project we saved responsive conversion for last. What features are not absolutely necessary and could be scrapped if time runs out? Once the layout is approved, any text changes are unlikely to affect the overall appearance and function of the HTML markup. Also done concurrently: online testing and proofreading. I didn’t have time to do this for each design iteration, so I asked the client to trust, based on past projects, that I would silo the art properly. In the sample project, the artwork features detailed cut-paper illustrations that require meticulous silhouetting. There are probably a few labor-intensive elements in your project. The HTML can be opened in an editor for final markup. Photoshop outputs HTML tables and images slices, using the “Save for Web and Devices” command, so it is a good layout tool for this eBlast project. Old-school HTML layouts in tables are rendered pretty consistently in email clients. That leaves creating an HTML eBlast with inline CSS styles. All my templates had CSS in the header, again, not allowed. Easy solution number two, using an existing template, didn’t pan out either. The easiest solution would be making a single JPG image for the eBlast, but the publication didn’t allow this. images must be hosted on the advertiser’s server.using a single JPG for the eBlast is not allowed.But on quick jobs, there’s no time to redo anything.įor the sample project the publication specified, among other things: When you’re working with a tight schedule it’s tempting to dive in and start working. First up, Planning Read the publication’s specs carefully You have access to a web server and can upload files and images 1.You know basic HTML and CSS and have an HTML editor, such as Coda, Dreamweaver, TextWrangler or BBEdit for markup.You’re pretty comfortable in Adobe Photoshop, you know how to use layers and guides, the Eyedropper Tool, Save for Web and Devices.This article outlines the process I used for the eBlast, and it assumes: So I needed to design, markup, and test the eBlast as quickly as possible. Recently, a client’s book was getting great reviews and they wanted send out an eBlast promotion through a third party. Like many designers, I work on a wide variety of projects, from websites and brochures, to ads and emails.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |