Design and Layout Mock-ups...
- Phantasmagoriat
- Joined: Mon Feb 06, 2006 11:26 pm
- Status: ☁SteamPunked≈☂
- Contact:
Re: Design and Layout Mock-ups...
I think I get the gist of what you are saying, and if you want to take a different approach, I fully support you. My approach has been to take what the org currently tries to do, and organize it accordingly. I guess that's why I'm so focused on Structure, because it's one thing for a single component of the site to work well; but to work well Overall is really tricky. Basically, I'm concerned that by focusing too much on one component, other important aspects of the site will be overshadowed. Then again, what's 'important' is somewhat subjective, so you can design your mock-up however you like. Feel free to steal ideas from the mock-ups in my sig though-- I'll be certain to steal yours for a Browse page.
PLAY FREEDOOM!! | Phan Picks! | THE424SHOW | YouTube | "Painkiller" | Vanilla MIDI's
"Effort to Understand; Effort to be Understood; to See through Different Eyes."
"Effort to Understand; Effort to be Understood; to See through Different Eyes."
-
- is
- Joined: Tue Jul 23, 2002 5:54 am
- Status: N͋̀͒̆ͣ͋ͤ̍ͮ͌ͭ̔̊͒ͧ̿
- Location: N????????????????
Re: Design and Layout Mock-ups...
The HTML/CSS for this hasn't been uploaded yet, because it (and its images) need some tweaks, but here's an update:
-
- is
- Joined: Tue Jul 23, 2002 5:54 am
- Status: N͋̀͒̆ͣ͋ͤ̍ͮ͌ͭ̔̊͒ͧ̿
- Location: N????????????????
Re: Design and Layout Mock-ups...
Now actually in HTML and CSS:
http://depot.ninjawedding.org/amvorgv2/
More usable SCSS here:
http://gitorious.org/a-m-v-org-v2/mockups
Next step: remove the login-related stuff and actually implement the search things.
http://depot.ninjawedding.org/amvorgv2/
More usable SCSS here:
http://gitorious.org/a-m-v-org-v2/mockups
Next step: remove the login-related stuff and actually implement the search things.
-
- is
- Joined: Tue Jul 23, 2002 5:54 am
- Status: N͋̀͒̆ͣ͋ͤ̍ͮ͌ͭ̔̊͒ͧ̿
- Location: N????????????????
Re: Design and Layout Mock-ups...
Well, technically, I haven't defined a "show a member page" feature, so the below mock-up has limited worth. I think, however, that it will eventually prove useful.
If nothing else, it'll get all those people worried about me not remembering that there are members on this site off my back. (Hint: want something done? File a story.)
http://depot.ninjawedding.org/amvorgv2/members.html
As usual, the underlying HAML and SCSS is available on Gitorious:
http://gitorious.org/a-m-v-org-v2/mocku ... throwaways
If nothing else, it'll get all those people worried about me not remembering that there are members on this site off my back. (Hint: want something done? File a story.)
http://depot.ninjawedding.org/amvorgv2/members.html
As usual, the underlying HAML and SCSS is available on Gitorious:
http://gitorious.org/a-m-v-org-v2/mocku ... throwaways
- Kaream
- Joined: Wed Mar 18, 2009 9:20 pm
- Location: California
- Contact:
Re: Design and Layout Mock-ups...
trythil wrote:The HTML/CSS for this hasn't been uploaded yet, because it (and its images) need some tweaks, but here's an update:
Quoted Image converted to link:
http://depot.ninjawedding.org/safari502-extended.png
Could use a lot of detailing so it doesn't feel empty handed.
But I'm really digging the design, if you could add the features we have on this interface, would be really awesome to see.
-
- is
- Joined: Tue Jul 23, 2002 5:54 am
- Status: N͋̀͒̆ͣ͋ͤ̍ͮ͌ͭ̔̊͒ͧ̿
- Location: N????????????????
Re: Design and Layout Mock-ups...
A lot of people like empty calories, but that doesn't mean it's good for them.Kaream wrote: Could use a lot of detailing so it doesn't feel empty handed.
- irriadin
- BUBBLES!
- Joined: Tue Jun 07, 2005 11:59 pm
- Status: I fight for my friends
- Location: Los Angeles, California
Re: Design and Layout Mock-ups...
I thought I'd try my hand at this... had a few hours of nothing to do today, so here's a header / topnav design. Should I continue?
http://www.irriadin.org/mockups/org_mockup_sample.png
http://www.irriadin.org/mockups/org_mockup_sample.png
- CodeZTM
- Spin Me Round
- Joined: Fri Mar 03, 2006 6:13 pm
- Status: Flapping Lips
- Location: Arkansas
- Contact:
Re: Design and Layout Mock-ups...
I think it's really cute. Plus, we could change the top and banner colors with each new logo to match it better (I'm assuming that wouldn't be difficult). I also really like how you've got the stuff grouped together like that. But that's just me.irriadin wrote:I thought I'd try my hand at this... had a few hours of nothing to do today, so here's a header / topnav design. Should I continue?
http://www.irriadin.org/mockups/org_mockup_sample.png
- irriadin
- BUBBLES!
- Joined: Tue Jun 07, 2005 11:59 pm
- Status: I fight for my friends
- Location: Los Angeles, California
Re: Design and Layout Mock-ups...
Thanks! I don't think I've ever been told that a mockup for a website was "cute" before, haha. I'm going to keep working on this bit by bit.CodeZTM wrote:I think it's really cute. Plus, we could change the top and banner colors with each new logo to match it better (I'm assuming that wouldn't be difficult). I also really like how you've got the stuff grouped together like that. But that's just me.irriadin wrote:I thought I'd try my hand at this... had a few hours of nothing to do today, so here's a header / topnav design. Should I continue?
http://www.irriadin.org/mockups/org_mockup_sample.png
- Nya-chan Production
- The :< point of view
- Joined: Wed Nov 15, 2006 11:21 am
- Status: White bracelet
- Location: Ward 7F
- Contact:
Re: Design and Layout Mock-ups...
I think the colors could be lighter, that's my only issue with the look. After a while this would be pretty heavy on the eyes ^^