/-/S'pht-Translator-Active/-/


Re: Draft 1 Wireframe
Posted By: RyokoTKDate: 2/27/12 2:29 p.m.

In Response To: Re: Draft 1 Wireframe (Forrest of B.org)

: Threw together a first draft of this so you can see what I mean:
: http://geekofalltrades.org/_misc/marathon.bungie.org/draft-02.html

This looks like a game website from the early 2000s, back when loads of colors and images were seen as necessary attention-grabbers. Fortunately, graphic design has progressed/regressed back to some basic, simple rules:

1. White space = good. There's no need to address the entire width of the page, especially as more and more people have wider resolutions. When I am reading something on my computer, I don't want the text to actually span across 18 or so inches of monitor width. So rather than having the text boxes automatically stretch to fill the variable width of the page, allow for a simple artistic design (like the one on this very site) or a simple color (like white or very light gray) to column-box the page.

2. Limited, consistent color choices are also good. I find myself more and more in favor of pages that use a very limited palette. For instance, Youtube has white and gray for backgrounds and borders, and then blue for links and black or gray for text. It's incredibly mild, which works great. And there's no gradients. Gradients, like frames, are a good ten years out of fashion by now. Use a very select handful of colors that work with each other, and make sure that stand-out colors are very carefully chosen to call attention only to the most important things. That's why black backgrounds are also a bit out of date -- it makes ALL THE TEXT stand out. Dark gray or black on white is much gentler on the eyes, but also black on white doesn't stand out the way white on black does.

3. Don't even think about visually theming the website on the actual game's graphics. I think this one's been covered already, but Marathon terminals look pretty nasty. At least you went with a sans serif font.

I have to agree with Johannes: Simplici7y might be a pretty soulless site, but it's fairly efficient at conveying information without assaulting the viewer with visual chaff. And, as far as I understand the purpose of this new site, it's going to mostly be for conveying information, rather than being a new message board or something like that.

Anyway, bear in mind that news in the Marathon community is, uh, pretty sparse. It's not incredibly necessary to have the splash page show the last ten or whatever updates considering there's probably four "news"-worthy events per year, at most. I think showing two updates and then a link to older news will be quite enough.

[ Post a Reply | Message Index | Read Prev Msg | Read Next Msg ]
Pre-2004 Posts

Replies:

marathon.bungie.orgGodot 2/18/12 3:29 a.m.
     Re: marathon.bungie.orgBob-B-Q 2/18/12 7:20 a.m.
           Re: marathon.bungie.orgMrM12LRV 2/18/12 7:30 a.m.
           Re: marathon.bungie.orgGodot 2/18/12 8:54 a.m.
     Re: marathon.bungie.orgTycho 2/18/12 10:12 a.m.
           Re: marathon.bungie.orgGodot 2/18/12 10:17 a.m.
                 Re: marathon.bungie.org *LINK*Tycho 2/18/12 10:32 a.m.
                       Re: marathon.bungie.orgJohannes Gunnar 2/20/12 12:00 a.m.
     Big ideas for marathon.bungie.orgForrest of B.org 2/22/12 8:18 p.m.
           Re: Big ideas for marathon.bungie.orgGodot 2/23/12 12:02 a.m.
           Re: Big ideas for marathon.bungie.orgJohannes Gunnar 2/23/12 4:04 a.m.
                 Re: Big ideas for marathon.bungie.orgForrest of B.org 2/23/12 6:29 p.m.
           Re: Big ideas for marathon.bungie.orgtreellama 2/23/12 4:21 a.m.
                 Big ideas for mar.b.org breakdownForrest of B.org 2/23/12 6:37 p.m.
                       Idea 1: OrganizationForrest of B.org 2/23/12 6:50 p.m.
                             Re: Idea 1: OrganizationJohannes Gunnar 2/23/12 11:00 p.m.
                                   Re: Idea 1: OrganizationForrest of B.org 2/23/12 11:22 p.m.
                                   Re: Idea 1: Organizationtreellama 2/24/12 3:53 a.m.
                             Draft 1 WireframeForrest of B.org 2/25/12 10:52 p.m.
                                   Re: Draft 1 WireframeJohannes Gunnar 2/26/12 5:46 a.m.
                                         Re: Draft 1 WireframeForrest of B.org 2/26/12 11:58 a.m.
                                               Re: Draft 1 WireframeForrest of B.org 2/26/12 5:46 p.m.
                                                     Re: Draft 1 WireframeDiogenes 2/26/12 6:39 p.m.
                                                           Re: Draft 1 WireframeForrest of B.org 2/26/12 8:04 p.m.
                                                                 Re: Draft 1 WireframeGodot 2/26/12 11:26 p.m.
                                                                       Re: Draft 1 WireframeJohannes Gunnar 2/27/12 11:05 a.m.
                                                                             Re: Draft 1 Wireframepoena.dare 2/27/12 12:02 p.m.
                                                                                   Re: Draft 1 Wireframetreellama 2/27/12 4:39 p.m.
                                                                                         Re: Draft 1 WireframeRyokoTK 2/27/12 5:58 p.m.
                                                                                         Re: Draft 1 Wireframe *LINK*W'rkncacnter 2/27/12 7:45 p.m.
                                                                                   Re: Draft 1 WireframeForrest of B.org 2/27/12 8:41 p.m.
                                                                                         Re: Draft 1 Wireframepoena.dare 2/28/12 2:27 a.m.
                                                                                               Re: Draft 1 WireframeForrest of B.org 2/28/12 11:55 p.m.
                                                                                                     Re: Draft 1 Wireframepoena.dare 2/29/12 3:35 a.m.
                                                                                                           Re: Draft 1 Wireframepoena.dare 2/29/12 8:01 a.m.
                                                                             Re: Draft 1 WireframeForrest of B.org 2/27/12 8:39 p.m.
                                                     Re: Draft 1 Wireframetreellama 2/27/12 4:24 a.m.
                                                           Re: Draft 1 WireframeForrest of B.org 2/27/12 9:42 a.m.
                                                                 Re: Draft 1 WireframeJohannes Gunnar 2/27/12 11:16 a.m.
                                                                       Re: Draft 1 Wireframebrilliant 2/29/12 11:38 p.m.
                                                     Re: Draft 1 WireframeRyokoTK 2/27/12 2:29 p.m.
                                                           Re: Draft 1 WireframeForrest of B.org 2/27/12 8:48 p.m.
                                                                 Re: Draft 1 Wireframetreellama 2/28/12 4:31 a.m.
                                                                       Re: Draft 1 WireframeJohannes Gunnar 2/28/12 6:44 a.m.
                                                                       Re: Draft 1 WireframeForrest of B.org 2/28/12 9:22 a.m.
                                                                             Re: Draft 1 Wireframetreellama 2/28/12 9:40 a.m.
                                                                                   Re: Draft 1 WireframeForrest of B.org 2/28/12 10:54 a.m.
                                                                                         Re: Draft 1 WireframeW'rkncacnter 2/28/12 11:20 a.m.
                                                                                               Re: Draft 1 WireframeDiogenes 2/28/12 12:06 p.m.
                                                                                               Re: Draft 1 Wireframepoena.dare 2/28/12 12:19 p.m.
                                                                                               Balance of issuesForrest of B.org 2/28/12 11:56 p.m.
                                                                                         Re: Draft 1 WireframeRyokoTK 2/28/12 2:13 p.m.
                                                                                               Re: Draft 1 Wireframepoena.dare 2/28/12 6:38 p.m.
                                                                                               On ProcessForrest of B.org 2/28/12 11:56 p.m.
                                                                                                     Re: On Processtreellama 2/29/12 4:22 a.m.
                                                                 Re: Draft 1 WireframeRyokoTK 2/28/12 4:50 a.m.
                                                                 Re: Draft 1 Wireframe *LINK*Diogenes 2/28/12 5:31 a.m.
                                                                 Re: Draft 1 Wireframepoena.dare 2/28/12 6:57 a.m.
                                                     Re: Draft 1 WireframeForrest of B.org 2/27/12 9:40 p.m.
                                                           Re: Draft 1 WireframeForrest of B.org 2/27/12 9:41 p.m.
                                                                 Re: Draft 1 WireframeGodot 2/28/12 1:25 a.m.
                                                                       Re: Draft 1 Wireframepoena.dare 2/28/12 2:33 a.m.
                                                                       Re: Draft 1 WireframeJohannes Gunnar 2/28/12 7:03 a.m.
                                                                             Re: Draft 1 WireframeGodot 2/28/12 9:03 a.m.
                                                                                   Re: Draft 1 WireframeTycho 2/28/12 3:53 p.m.
                                                                                         Re: Draft 1 WireframeJohannes Gunnar 2/28/12 10:44 p.m.
                                                                                         Re: Draft 1 WireframeGodot 2/28/12 11:28 p.m.
                                                                       Re: Draft 1 WireframeForrest of B.org 2/28/12 9:57 a.m.
                                                                             Re: Draft 1 WireframeJohannes Gunnar 2/28/12 1:27 p.m.
                                                                                   Re: Draft 1 WireframeForrest of B.org 2/28/12 11:55 p.m.
                                                                 Re: Draft 1 WireframeW'rkncacnter 2/28/12 9:46 a.m.
                                                                 Draft 4 - better variable columnsForrest of B.org 2/29/12 12:40 a.m.
                                                                       Re: Draft 4 - better variable columnsRyokoTK 2/29/12 4:41 a.m.
                                                                             Re: Draft 4 - better variable columnsRyokoTK 2/29/12 7:28 a.m.
                                                                                   Re: Draft 4 - better variable columnsW'rkncacnter 2/29/12 8:02 a.m.
                                                                                   Re: Draft 4 - better variable columnsForrest of B.org 2/29/12 8:57 p.m.
                                                                                         check out mediaqueries if you haven't yet.Johannes Gunnar 2/29/12 10:14 p.m.
                                                                                               Re: check out mediaqueries if you haven't yet.Forrest of B.org 2/29/12 11:45 p.m.
                                                                                                     Re: check out mediaqueries if you haven't yet.Johannes Gunnar 3/1/12 2:08 a.m.
                                                                                                           ...alsoJohannes Gunnar 3/1/12 2:15 a.m.
                                                                                                                 Re: ...alsoForrest of B.org 3/1/12 10:25 p.m.
                                                                                                                       Re: ...alsopoena.dare 3/2/12 3:39 a.m.
                                                                                         Re: Draft 4 - better variable columnsRyokoTK 3/1/12 6:03 a.m.
                                                                                               Re: Draft 4 - better variable columns *NM* *LINK*Johannes Gunnar 3/1/12 9:30 a.m.
                                                                                                     Re: Draft 4 - better variable columnsRyokoTK 3/1/12 10:44 a.m.
                                                                                               Re: Draft 4 - better variable columnsForrest of B.org 3/1/12 10:02 p.m.
                                                                                                     Re: Draft 4 - better variable columnsRyokoTK 3/2/12 5:27 a.m.
                                                                                                           Draft 5Forrest of B.org 3/3/12 11:53 p.m.
                                                                                                                 Re: Draft 5ukimalefu 3/4/12 3:01 a.m.
                                                                       Re: Draft 4 - better variable columnsDiogenes 2/29/12 5:08 a.m.
                                                                             Re: Draft 4 - better variable columnsForrest of B.org 2/29/12 11:29 a.m.
                                                                                   Re: Draft 4 - better variable columnsDiogenes 2/29/12 11:38 a.m.
                                                           Re: Draft 1 WireframeBob-B-Q 2/28/12 10:18 a.m.
                                                                 Re: Draft 1 Wireframepoena.dare 2/28/12 11:12 a.m.
                                                                       And they never paid me for it, either! *NM*Bob-B-Q 2/28/12 12:10 p.m.
                                   Re: Draft 1 Wireframetreellama 2/26/12 4:04 p.m.
                                         Re: Draft 1 WireframeForrest of B.org 2/26/12 5:49 p.m.
                                               Re: Draft 1 Wireframetreellama 2/27/12 5:30 a.m.
                                                     Re: Draft 1 WireframeForrest of B.org 2/27/12 9:13 a.m.
                       Idea 2: IntegrationForrest of B.org 2/23/12 7:12 p.m.
                             Re: Idea 2: Integrationtreellama 2/24/12 4:03 a.m.
                             Re: Idea 2: IntegrationW'rkncacnter 3/31/12 4:15 p.m.
                                   Re: Idea 2: IntegrationGodot 3/31/12 10:35 p.m.
                       Idea 3: UnificationForrest of B.org 2/23/12 7:27 p.m.
                             Re: Idea 3: UnificationW'rkncacnter 2/23/12 8:37 p.m.
                                   Re: Idea 3: UnificationForrest of B.org 2/23/12 11:37 p.m.
                                   Re: Idea 3: Unificationtreellama 2/24/12 4:13 a.m.
                                         Re: Idea 3: UnificationTycho 2/25/12 6:10 a.m.
                                               Re: Idea 3: UnificationForrest of B.org 2/25/12 11:01 a.m.
                             Re: Idea 3: Unificationtreellama 2/24/12 4:07 a.m.
                                   Re: Idea 3: UnificationForrest of B.org 2/24/12 10:29 a.m.
                                         Re: Idea 3: Unificationtreellama 2/24/12 10:43 a.m.
           traxus overhaulChristTrekker 2/23/12 6:28 a.m.
                 Re: traxus overhaulForrest of B.org 2/23/12 6:31 p.m.
           Re: Big ideas for marathon.bungie.orgBob-B-Q 2/23/12 6:37 a.m.
                 Re: Big ideas for marathon.bungie.orgmchief111 2/23/12 7:01 a.m.
                       Re: Big ideas for marathon.bungie.orgukimalefu 2/23/12 8:36 a.m.
                             Re: Big ideas for marathon.bungie.orgpoena.dare 2/23/12 8:57 a.m.
           Re: Big ideas for marathon.bungie.orgpoena.dare 2/23/12 6:41 a.m.
                 Re: Big ideas for marathon.bungie.orgChristTrekker 2/23/12 7:50 a.m.
     Re: marathon.bungie.orgtreellama 3/3/12 6:56 p.m.
           Re: marathon.bungie.orgRyokoTK 3/3/12 7:23 p.m.
           Re: marathon.bungie.orgForrest of B.org 3/3/12 8:47 p.m.
                 Re: marathon.bungie.org *LINK*W'rkncacnter 3/3/12 9:44 p.m.
                       Re: marathon.bungie.orgukimalefu 3/4/12 3:05 a.m.
                 Re: marathon.bungie.orgGodot 3/3/12 11:19 p.m.
                       Re: marathon.bungie.orgJohannes Gunnar 3/3/12 11:47 p.m.
           Re: marathon.bungie.orgGodot 3/3/12 11:18 p.m.
                 Re: marathon.bungie.orgW'rkncacnter 3/3/12 11:25 p.m.
                       Re: marathon.bungie.orgGodot 3/3/12 11:58 p.m.
                             Re: marathon.bungie.orgtreellama 3/4/12 7:54 a.m.
                                   Re: marathon.bungie.orgGodot 3/4/12 8:25 a.m.
                                         Re: marathon.bungie.orgtreellama 3/4/12 8:45 a.m.
                                         Re: marathon.bungie.orgGodot 3/4/12 8:46 a.m.
                                               Re: marathon.bungie.orgGodot 3/4/12 9:17 a.m.
                                                     Re: marathon.bungie.orgtreellama 3/4/12 9:27 a.m.
                                                           Re: marathon.bungie.orgRyokoTK 3/4/12 10:16 a.m.
                                                                 Re: marathon.bungie.orgW'rkncacnter 3/4/12 10:48 a.m.
                                                           Re: marathon.bungie.orgtreellama 3/4/12 6:20 p.m.
                 Re: marathon.bungie.orgtreellama 3/4/12 4:33 a.m.
           Re: marathon.bungie.orgForrest of B.org 3/4/12 12:26 a.m.
                 Re: marathon.bungie.orgRyokoTK 3/4/12 4:30 a.m.
                 Re: marathon.bungie.orgJohannes Gunnar 3/4/12 4:51 a.m.
                 Re: marathon.bungie.orgtreellama 3/4/12 8:31 a.m.
                       Re: marathon.bungie.orgtreellama 3/5/12 5:47 p.m.
                             Re: marathon.bungie.orgW'rkncacnter 3/5/12 5:58 p.m.
                             Re: marathon.bungie.orgForrest of B.org 3/5/12 8:28 p.m.
                                   Re: marathon.bungie.orgForrest of B.org 3/5/12 10:20 p.m.
                             Re: marathon.bungie.orgGodot 3/5/12 11:20 p.m.
                             Re: marathon.bungie.orgukimalefu 3/6/12 12:55 a.m.
                 Re: marathon.bungie.orgForrest of B.org 3/4/12 11:57 p.m.
                       Re: marathon.bungie.orgukimalefu 3/5/12 2:12 a.m.
                       Re: marathon.bungie.orgRyokoTK 3/5/12 6:09 p.m.
           Re: marathon.bungie.orgukimalefu 3/4/12 2:56 a.m.
                 Re: marathon.bungie.orgBob-B-Q 3/4/12 6:38 a.m.
           Re: marathon.bungie.orgTycho 3/4/12 7:06 a.m.
                 Re: marathon.bungie.orgRyokoTK 3/4/12 7:35 a.m.
                       Re: marathon.bungie.orgHopper 3/4/12 10:09 a.m.
                       Re: marathon.bungie.orgForrest of B.org 3/4/12 11:34 a.m.
     This might be a little redundant...Diogenes 3/5/12 12:04 p.m.
           Re: This might be a little redundant...poena.dare 3/5/12 2:35 p.m.
                 Re: This might be a little redundant...Diogenes 3/5/12 2:40 p.m.
                       Re: This might be a little redundant...poena.dare 3/5/12 5:31 p.m.
           Re: This might be a little redundant...Forrest of B.org 3/5/12 8:14 p.m.
                 Re: This might be a little redundant...Forrest of B.org 3/5/12 8:30 p.m.
                       Re: This might be a little redundant...RyokoTK 3/5/12 9:21 p.m.
                 Re: This might be a little redundant...RyokoTK 3/5/12 9:17 p.m.
                       Re: This might be a little redundant...Forrest of B.org 3/5/12 9:45 p.m.
                             Re: This might be a little redundant...Diogenes 3/6/12 5:04 a.m.
           Re: This might be a little redundant...Diogenes 3/6/12 5:17 a.m.

[ Post a Reply | Message Index | Read Prev Msg | Read Next Msg ]
Pre-2004 Posts

 

 

Your Name:
Your E-Mail Address:
Subject:
Message:

If you'd like to include a link to another page with your message,
please provide both the URL address and the title of the page:

Optional Link URL:
Optional Link Title:

If necessary, enter your password below:

Password:

 

 

Problems? Suggestions? Comments? Email maintainer@bungie.org

Marathon's Story Forum is maintained with WebBBS 5.12.