Difference between revisions of "Home Page Carousel Slides"
(Adding some generic slide backgrounds for review.) |
m (Re-ordering the page to put recent additions at the top.) |
||
Line 1: | Line 1: | ||
− | This is a series of high-fidelity slide mockups, with markup preserved offline. Most slide text is styled HTML over static PNG backgrounds. Apologies for the large images, but it's important to see the designs in their final context, with surrounding shapes and colors. | + | This is a series of high-fidelity slide mockups, with markup preserved offline. Most slide text is styled HTML over static PNG backgrounds. Apologies for the large images, but it's important to see the designs in their final context, with surrounding shapes and colors. --[[User:Jim|Jim Allman]] ([[User talk:Jim|talk]]) 21:52, 14 September 2013 (EDT) |
---- | ---- | ||
− | + | Generic backgrounds for Featured Data slides, showing a range of styles, levels of detail, and overall value (brightness). I've added the filename of each background below the corresponding slide, eg, "fire opal" has filename "fire-opal.png". | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | Generic backgrounds for Featured Data slides, showing a range of styles, levels of detail, and overall value (brightness). I've added the filename of each background below the corresponding slide, eg, "fire opal" has filename "fire-opal.png". | ||
− | This format should lend itself to automation, assigning a random/rotating background or allowing an editor to choose. See below for the same approach with a journal cover included, and more customized backgrounds based on the package's data. | + | This format should lend itself to automation, assigning a random/rotating background or allowing an editor to choose. See below for the same approach with a journal cover included, and more customized backgrounds based on the package's data. |
[[File:slide-background-previews.png]] | [[File:slide-background-previews.png]] | ||
Line 45: | Line 39: | ||
[[File:metamorphosis-generic-bg-no-cover.png]] | [[File:metamorphosis-generic-bg-no-cover.png]] | ||
+ | |||
+ | ---- | ||
+ | Here are the initial and approved versions of a custom (one-time use) slide announcing the rollout of the Data Publishing Charge. | ||
+ | |||
+ | [[File:slide-preview-watering-can.png]] | ||
+ | [[File:DPC-announcement-revised.png]] | ||
[[Category:Mockups]] | [[Category:Mockups]] |
Revision as of 17:52, 14 September 2013
This is a series of high-fidelity slide mockups, with markup preserved offline. Most slide text is styled HTML over static PNG backgrounds. Apologies for the large images, but it's important to see the designs in their final context, with surrounding shapes and colors. --Jim Allman (talk) 21:52, 14 September 2013 (EDT)
Generic backgrounds for Featured Data slides, showing a range of styles, levels of detail, and overall value (brightness). I've added the filename of each background below the corresponding slide, eg, "fire opal" has filename "fire-opal.png".
This format should lend itself to automation, assigning a random/rotating background or allowing an editor to choose. See below for the same approach with a journal cover included, and more customized backgrounds based on the package's data.
Some early options for the Featured Data slide. This format could lend itself to automation, but early versions still included a lot of manual curation and grooming of images.
Here we explore different ways to give Featured Data slides a distinctive signature.
The corner badge was an early favorite, so I explored different color combinations.
In the interest of further automation, we've also looked at using generic background images. These would dress up the slides with varying colors and textures, without implying much (if anything) about the real data in these packages.
Since adding the journal covers requires research and (sometimes) permission, it would be great if we can omit the cover like so.
Here are the initial and approved versions of a custom (one-time use) slide announcing the rollout of the Data Publishing Charge.