FridgeTheme
|
Size: 6037
Comment: Solo fridge, add title sketches
|
Size: 6350
Comment: Headlines instead of numbers
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 37: | Line 37: |
| Post your mockups here | === Mockups and Layouts === |
| Line 39: | Line 39: |
| 1. [[https://wiki.ubuntu.com/Website/FridgeTheme?action=AttachFile&do=view&target=smartboys-mockup.png|Smartboyathome's Entry]] | ==== Smartboyathome's White and Orange ==== [[https://wiki.ubuntu.com/Website/FridgeTheme?action=AttachFile&do=view&target=smartboys-mockup.png|Smartboyathome's Entry]] |
| Line 41: | Line 42: |
| 2. [[ http://sd.ubuntu-us.org ]] - I just want to throw out the theme the Ubuntu Drupal team has been creating. This theme has been written very well. Some stylesheets would need to be created for the Fridge and a different banner would need to be created. Perhaps others can build off this theme and create something specifically for the Fridge? | ==== Ubuntu Drupal Theme ==== [[ http://sd.ubuntu-us.org ]] - I just want to throw out the theme the Ubuntu Drupal team has been creating. This theme has been written very well. Some stylesheets would need to be created for the Fridge and a different banner would need to be created. Perhaps others can build off this theme and create something specifically for the Fridge? |
| Line 43: | Line 45: |
| 3. [[https://wiki.ubuntu.com/Website/FridgeTheme?action=AttachFile&do=view&target=strider-edited1.png|Strider's Remake]] '''Strider:''' I am surely for the Smartboyathome's theme. I have edited it - please see in the link. I intend to make a few changed to it later. The search box looks raw. | ==== Strider's Edit of Smartboyanthome's Mockup ==== [[https://wiki.ubuntu.com/Website/FridgeTheme?action=AttachFile&do=view&target=strider-edited1.png|Strider's Remake]]. I am surely for the Smartboyathome's theme. I have edited it - please see in the link. I intend to make a few changed to it later. The search box looks raw. -- Strider |
| Line 45: | Line 48: |
| 4. [[https://wiki.ubuntu.com/Website/FridgeTheme?action=AttachFile&do=view&target=speckmockup.png|Giant Speck's Entry]] '''Giant Speck:''' I'm not really good at graphic design, but I came up with something. It's probably too large of a change, but I thought I'd share it anyway. I'll be tweaking it a bit over the next day or so, and I might even try to come up with another one before the deadline, if that's okay. | ==== Giant Speck's Beige Mockup ==== [[https://wiki.ubuntu.com/Website/FridgeTheme?action=AttachFile&do=view&target=speckmockup.png|Giant Speck's Entry]] I'm not really good at graphic design, but I came up with something. It's probably too large of a change, but I thought I'd share it anyway. I'll be tweaking it a bit over the next day or so, and I might even try to come up with another one before the deadline, if that's okay. -- Giant Speck |
| Line 47: | Line 51: |
| 5. [[http://i204.photobucket.com/albums/bb24/johnc4510/Fridge_Logo.jpg|Fridge Icon]] is just a quickie I put together. JohnCrawford | ==== tripmxkay's Blue Ground Mockup ==== [[attachment:fridge_mockup.png|tripmckay's Fridge Mockup]] - played a little with all the ideas, mixed them up with mine and here you go. Blue fade background makes the page still feel like 'The Fridge'. As a bonus this differentiates it from the standard Ubuntu pages, too. Maybe the Ubuntu circle should be exchanged with a fridge-logo (possible conflict with the Ubuntu trademark). Tried to stay in sync with some basic Ubuntu pages layout/design (top menu, search bar position, rounded edges), for ease of use and users see, they're still on a Ubuntu page. --tripmckay |
| Line 49: | Line 54: |
| 6. [[attachment:fridge_mockup.png|tripmckay's Fridge Mockup]] - played a little with all the ideas, mixed them up with mine and here you go. Blue fade background makes the page still feel like 'The Fridge'. As a bonus this differentiates it from the standard Ubuntu pages, too. Maybe the Ubuntu circle should be exchanged with a fridge-logo (possible conflict with the Ubuntu trademark). Tried to stay in sync with some basic Ubuntu pages layout/design (top menu, search bar position, rounded edges), for ease of use and users see, they're still on a Ubuntu page. | ==== Sand & Mercury's Entry ==== [[attachment:mockup3.png|Sand & Mercury's Entry]] - I wanted to have a play around with and subtly push the colour palette that currently exists on the fridge site. It's inspired quite a bit by the work Canonical's art team have done with the Jaunty GDM and Usplash themes, where they haven't been afraid to slip in some deep red among the dry browns. Try to ignore the images used; they're just placeholders, I didn't have net access at the time of designing this to grab something more appropriate. :P - Ian McLean |
| Line 51: | Line 57: |
| 7. [[attachment:mockup3.png|Sand & Mercury's Entry]] - I wanted to have a play around with and subtly push the colour palette that currently exists on the fridge site. It's inspired quite a bit by the work Canonical's art team have done with the Jaunty GDM and Usplash themes, where they haven't been afraid to slip in some deep red among the dry browns. Try to ignore the images used; they're just placeholders, I didn't have net access at the time of designing this to grab something more appropriate. :P - Ian McLean | ==== Fridge in progress by MadsRH ==== [[attachment:work_in_progress1.jpg|Fridge in progress by MadsRH]] - I spent the evening creating this mockup based on [[http://www.ndeschildre.net/2009/01/10/ubuntu-news-website-mockups/|this ]]. At the moment I'm afraid that I won't find the time to finish it before the 2. April, but I'm uploading my work in progress anyway. -- MadsRH |
| Line 53: | Line 60: |
| 8. [[attachment:work_in_progress1.jpg|Fridge in progress by MadsRH]] - I spent the evening creating this mockup based on [[http://www.ndeschildre.net/2009/01/10/ubuntu-news-website-mockups/|this ]]. At the moment I'm afriad that I won't find the time to finish it before the 2. April, but I'm uploading my work in progress anyway. //MadsRH | === Graphics === |
| Line 55: | Line 62: |
| 9. [[attachment:tw_fridge.png|A Fridge]] [[https://wiki.ubuntu.com/ThorstenWilms|Thorsten Wilms]] | ==== A Fridge by John Crawford ==== [[http://i204.photobucket.com/albums/bb24/johnc4510/Fridge_Logo.jpg|Fridge Icon]] is just a quickie I put together. -- JohnCrawford |
| Line 57: | Line 65: |
| 10. [[attachment:tw_title_set.png|Sketches for a title]], resembling typefaces used by certain newspapers [[https://wiki.ubuntu.com/ThorstenWilms|Thorsten Wilms]] | ==== A Fridge by thorwil ==== [[attachment:tw_fridge.png|A Fridge]] -- [[https://wiki.ubuntu.com/ThorstenWilms|Thorsten Wilms]] |
| Line 59: | Line 68: |
| ## the numbering should be changed to proper headlines, but no time left this evening | ==== Title typefaces by thorwil ==== [[attachment:tw_title_set.png|Sketches for a title]], resembling typefaces used by certain newspapers. -- [[https://wiki.ubuntu.com/ThorstenWilms|Thorsten Wilms]] |
Table of Contents |
Fridge Needs a New Theme
The Ubuntu News site, aka "the fridge" needs a new look. The site has a lot of untapped potential and a fresh theme could help it achieve that goal. You can help!
Requirements:
Here are the requirements:
Design
- A new visual appearance, harmonious with the ubuntu website but not *just another ubuntu knock off*
- My suggestions would be to stick with the colours and fonts of the ubuntu site but not feel constrained to using the rounded borders with the top right drop down nav
- Attractive, people will feel the site is credible
- A layout that looks like a news website
- Possibly include a special layout for Ubuntu Weekly News, since it is a regular item and has a different format than the other news stories
Content Types
This is the types of content people will view on the site:
- News stories
- UWN
- Events
Blocks
These side-bar items will be shown on the site, this may change over time
- Popular content
- Syndication/rss
- Events
- Search
- Video podcast
Phase 1: Mockups
Mockups and Layouts
Smartboyathome's White and Orange
Ubuntu Drupal Theme
http://sd.ubuntu-us.org - I just want to throw out the theme the Ubuntu Drupal team has been creating. This theme has been written very well. Some stylesheets would need to be created for the Fridge and a different banner would need to be created. Perhaps others can build off this theme and create something specifically for the Fridge?
Strider's Edit of Smartboyanthome's Mockup
Strider's Remake. I am surely for the Smartboyathome's theme. I have edited it - please see in the link. I intend to make a few changed to it later. The search box looks raw. -- Strider
Giant Speck's Beige Mockup
Giant Speck's Entry I'm not really good at graphic design, but I came up with something. It's probably too large of a change, but I thought I'd share it anyway. I'll be tweaking it a bit over the next day or so, and I might even try to come up with another one before the deadline, if that's okay. -- Giant Speck
tripmxkay's Blue Ground Mockup
tripmckay's Fridge Mockup - played a little with all the ideas, mixed them up with mine and here you go. Blue fade background makes the page still feel like 'The Fridge'. As a bonus this differentiates it from the standard Ubuntu pages, too. Maybe the Ubuntu circle should be exchanged with a fridge-logo (possible conflict with the Ubuntu trademark). Tried to stay in sync with some basic Ubuntu pages layout/design (top menu, search bar position, rounded edges), for ease of use and users see, they're still on a Ubuntu page. --tripmckay
Sand & Mercury's Entry
Sand & Mercury's Entry - I wanted to have a play around with and subtly push the colour palette that currently exists on the fridge site. It's inspired quite a bit by the work Canonical's art team have done with the Jaunty GDM and Usplash themes, where they haven't been afraid to slip in some deep red among the dry browns. Try to ignore the images used; they're just placeholders, I didn't have net access at the time of designing this to grab something more appropriate. :P - Ian McLean
Fridge in progress by MadsRH
Fridge in progress by MadsRH - I spent the evening creating this mockup based on this. At the moment I'm afraid that I won't find the time to finish it before the 2. April, but I'm uploading my work in progress anyway. -- MadsRH
Graphics
A Fridge by John Crawford
Fridge Icon is just a quickie I put together. -- JohnCrawford
A Fridge by thorwil
Title typefaces by thorwil
Sketches for a title, resembling typefaces used by certain newspapers. -- Thorsten Wilms
Newz's Inspirational Attachments
Here is some inspiration:
Fox News has an interesting "latest news" "most read" etc format. This could be used nicely
The New York Times homepage has way more content this is applicable for the fridge but they have mini-homepages for newspaper sections. Here's the page for baseball which has a pleasing layout that shows one feature item prominently and links to more information on the right.
I like the way NBC's homepage features events on the left side. I also like the way they have a pretty background that isn't distracting but adds a touch of elegance to the site that is otherwise quite busy (it's got a lot of animation).
CNN shows a video block on the top right. Below that is an advert. Imagine instead of an advert the most recent podcast video featured there with other interesting videos listed above it.
Gizmodo's content probably more closely matches the fridge's than any of the other sites and their homepage style would be a nice match for the fridge.
This is a mockup of the layout it's not a design. It lacks the logo area, search box and links to related sites. Presumably these would be along the top. It is made from the pieces of the above sites.
Phase 2: Tweak design and implement as HTML/CSS
Wait until a theme has been chosen
Phase 3: Drupal theme
Wait until we have HTML/CSS
Website/FridgeTheme (last edited 2009-04-01 19:48:25 by p50897624)