Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.
20080629-ed3dp5c5hjcwb77ss8pxj4q34w.jpg


So yeah I thought I'd take a stab at it. I went for neutral colours and light fonts.
 
Dang I was just thinking about this during some down time at work and now I'm moving so I'm too busy to work on it. I will submit something this week.

Specifically, clean up the color scheme, simplify the nav, and maybe even work on the logo. It could be so much better with a more simplified look.

With the site, keep this in mind guys: everything doesn't have to be in a box or outlined. Adwquate pacing and a well defined grid should take care of layout. Look at digg as an example. They have no outlines and boxes for the stories yet they are each well defined in their own space and easily scannable.
 
I only kept the strokes and lines on mine because it seems like Arn likes the design quite a bit, I just built mine over top of it but made it the way I'd prefer.

20080629-ed3dp5c5hjcwb77ss8pxj4q34w.jpg
 
Smoooth.. More contrast than the current one to me. Seems easier to navigate with my eye. Good job
 
Finally, here's about 2 hours of work. All comments appreciated and take note, I didn't touch the outer columns yet. I just wanted to get this in front of people.

The whole look brings macrumors into 2008 and puts it in line with a true news source.

I got the comments icon directly from digg just for speed ( they use an open source set i believe anyway) and the outer columns are lighter so they're not distracting while I work on it.
 

Attachments

  • redesign.jpg
    redesign.jpg
    226 KB · Views: 430
Finally, here's about 2 hours of work. All comments appreciated and take note, I didn't touch the outer columns yet. I just wanted to get this in front of people.

The whole look brings macrumors into 2008 and puts it in line with a true news source.

I got the comments icon directly from digg just for speed ( they use an open source set i believe anyway) and the outer columns are lighter so they're not distracting while I work on it.

That looks really good! nice work
 
That looks really good! nice work

Thank you very much. Also, I've designed it at 960px wide which is generally accepted as a minimum width for a 1024x768 screen. So some spacing could shift with a liquid layout.

I know 1024 seems archaic to some people but I browse at home on a 12" PB so I always keep myself in mind :)
 
Finally, here's about 2 hours of work. All comments appreciated and take note, I didn't touch the outer columns yet. I just wanted to get this in front of people.

The whole look brings macrumors into 2008 and puts it in line with a true news source.

I got the comments icon directly from digg just for speed ( they use an open source set i believe anyway) and the outer columns are lighter so they're not distracting while I work on it.

That looks so good! Very modern and nice colors.
 
I think making it fit the smaller resolution screens is fab, because many Mac users don't browse at full screen, eh? Nice work. :)
 
I've also shaved a few pixels off the height to make more content fit above the fold while (hopefully) increasing readability
 
Awesome work there. Also makes the page load faster, since there's less graphics (the top bar is simply CSS, right? If not, then it can easily be done with just CSS).

My only thought is that you should make the search field rounded (like how Apple does it on their site).
 
Awesome work there. Also makes the page load faster, since there's less graphics (the top bar is simply CSS, right? If not, then it can easily be done with just CSS).

My only thought is that you should make the search field rounded (like how Apple does it on their site).

safari has a (X)HTML tag
<input type="submit" />

however this is a non-standard tag, and isnt recognized by any other browser, so Apple goes through this convoluted set of javascripts to make it display that way for everything...
 
I thought about it and to me it doesn't make a difference since I don't have the technical know-how to execute it.

That is, if it's easy enough to do and people want it, a developer can do it and I wouldn't mind.

It would look more apple like but I also wanted MR to keep its own feel so that it doesn't just come off as some fanboy site obsessed with Aqua/Mac OS X
 
I like hobbbz's design!

---

With the current site, I would put SEARCH in a more prominent place.

Currently it's on the same level as Ads and Logos and it's easy to ignore it.

Here is a quick idea.
 

Attachments

  • MR-BetterSearchPlacement.gif
    MR-BetterSearchPlacement.gif
    81.6 KB · Views: 142
Here's a quick update with some left side-bar action.

It may be a bit plain yet. I haven't decided.
 

Attachments

  • redesign.jpg
    redesign.jpg
    217 KB · Views: 213
It looks very "bloggy"...

I think one of the nice things about MacRumors is that it doesnt look like a Blog, I htink this kind of gives it the blog look... :eek:
 
It looks very "bloggy"...

I think one of the nice things about MacRumors is that it doesnt look like a Blog, I htink this kind of gives it the blog look... :eek:

With a nice photo in the story, for a new product release say, the posts will look dramatically different.

Now, what defines a 'bloggy' look and why is it a bad thing?

My major complaint with the current MR look is that there are too many extraneous design elements. Such as: too many colors in the left side-bar, cheesy bevel in the nav, too many boxes and outlines dividing elements of the page.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.