| View previous topic :: View next topic |
| Author |
Message |
amnesius
Joined: 27 Sep 2003
Posts: 147
Location: ./earth/europe/*
|
 Posted: Thu Oct 02, 2003 4:34 am Post subject: Lets make it work.. |
 |
|
Hi everyone..
I planed to sketch some frontend ideas this weekend.
-Is there anyone working on a frontend already?
-Any ideas?
-Any suggestions?
-Does anyone want to object?
-Anyone want to join?
Cheers
-Stefan
_________________
~Amnesius |
|
| Back to top |
|
 |
hmarq
Site Admin
Joined: 15 Sep 2003
Posts: 351
|
| Posted: Thu Oct 02, 2003 6:41 am Post subject: |
|
|
Pick a pallate
Pick your fonts (I prefer sans fonts, but that's just me)
Keep graphics to a minimum
Keep layout simple; header over 2 col; footer or header, body, footer
Make it a fixed size, not completely fluid
Don't get too attached to it as it'll probably get hacked on  |
|
| Back to top |
|
|
amnesius
Joined: 27 Sep 2003
Posts: 147
Location: ./earth/europe/*
|
| Posted: Thu Oct 02, 2003 7:02 am Post subject: |
|
|
Yep 100% agreed.. look at www.stefan-recklingloh.de ( ok maybe to puristic. Watch it with Mozilla if you have) but i prefer it plain and simple.
I mostly dont use graphics. CSS will do it too.
Font: Sans Serife for Headlines, Serife for bodytext.
Ok no frames, no JavaScript, no Flash... what else?
_________________
~Amnesius |
|
| Back to top |
|
|
nici-
Joined: 25 Sep 2003
Posts: 199
Location: Hürth near Cologne, Germany
|
| Posted: Thu Oct 02, 2003 3:21 pm Post subject: |
|
|
| amnesius wrote: | I mostly dont use graphics. CSS will do it too.
Font: Sans Serife for Headlines, Serife for bodytext.
Ok no frames, no JavaScript, no Flash... what else? |
JS: mouseover are ok for me.
NO mystery navigation (like appearing 2. Navigation-Buttons, that disappear, when you click one, that layer-stuff...)
a fixed cockpit section (search, login, contact, ...)
place for banners (we'll need sponsors!)
no frames please
logical symbols like (link outside, link inside, link down/up to top)
breadcrump navigation
black on white bodytext
...
I'll try to complete my list in the german board for you, amnesius, and the others. If someone interested, who cannot understand german, ask me, I'll translate then.
nici-
_________________
Geocaching.de |
|
| Back to top |
|
|
amnesius
Joined: 27 Sep 2003
Posts: 147
Location: ./earth/europe/*
|
| Posted: Thu Oct 02, 2003 4:47 pm Post subject: |
|
|
Hi folks,
dull and myself will discuss a draft of a design guideline on the phone this weekend and present the results here as soon as we have something which can prove a discussion in here.
basic ideas:
lightweight design, avoiding graphics if possible.
no javascript will be needed for navigation/display
breadcrump navigation ( to show where you are and where you came from )
light background color, but not white
serife fonts for body text to make it more readable
sans serife text for headlines ( looks better then serife )
3 colum oriented page ( we have to check if its not too confusing )
space for ads on the right side
(...)
More to come/ suggestions welcome..
Cheers
-Stefan
_________________
~Amnesius |
|
| Back to top |
|
|
amnesius
Joined: 27 Sep 2003
Posts: 147
Location: ./earth/europe/*
|
| Posted: Thu Oct 02, 2003 5:58 pm Post subject: |
|
|
Played a bit with colors tonight.
Goal is to find 2 ~ 3 basic colors to use on OpenCaching.com
You may find the result here:
www.stefan-recklingloh.de/opencaching.html
Comments welcome
Cheers
-Stefan
_________________
~Amnesius |
|
| Back to top |
|
|
hmarq
Site Admin
Joined: 15 Sep 2003
Posts: 351
|
| Posted: Thu Oct 02, 2003 7:36 pm Post subject: |
|
|
Comments.
I like sans throughout (but that's just me).
I like contrast and 'negative' effects for some things ... like white/yellow/light anything against maroon, deep blue, forest green, etc. it can be a nice effect for headings and other items that break the page.
Please only 2 cols  .... even though the format can vary for a pda or small screen the content still has to be there ... 2 cols makes you be more thoughtful and organized to what is on the page in what order ... which will be important on the smaller formats.
Think separation form and content ... again, if you haven't yet, take a peak at css zen garden ... everything you see there is *1* common xhtml page, with just a style sheet varying .... granted there is a fair bit of graphic magic that we'd need to avoid, but still, consider the possibilities. |
|
| Back to top |
|
|
amnesius
Joined: 27 Sep 2003
Posts: 147
Location: ./earth/europe/*
|
| Posted: Fri Oct 03, 2003 2:54 am Post subject: |
|
|
| hmarq wrote: |
I like sans throughout (but that's just me).
|
Well in fact i do so too.. But serife fonts are more easy to read at long texts. I think we can finaly decide about this when the pagedesign is finished.
| Quote: |
I like contrast and 'negative' effects for some things ... like white/yellow/light anything against maroon, deep blue, forest green, etc. it can be a nice effect for headings and other items that break the page.
|
I dont think its a good idea to use contrast and negative color effects for this site. Just to make it easier to read for handicaped ppl ( colorblinds, etc.. )
And on the other hand we should try to make the page accessable from browsers running b/w screens. You mentioned PDA's. Btw my Palm is one of those Greyscale devices.
| Quote: |
Please only 2 cols .... even though the format can vary for a pda or small screen the content still has to be there ... 2 cols makes you be more thoughtful and organized to what is on the page in what order ... which will be important on the smaller formats.
|
Yes, i agree 100%
| Quote: |
Think separation form and content ... again, if you haven't yet, take a peak at css zen garden ... everything you see there is *1* common xhtml page, with just a style sheet varying .... granted there is a fair bit of graphic magic that we'd need to avoid, but still, consider the possibilities. |
Yes i had a look at it several times already. It looks really nice but if you have a look at the source you will notice they make use of absolute positionings ( for eg. ) and i think we shouldnt blow up the css too much and take care that you can access the site without having a css enabled browser ( PDA ).
My comment to your comment 
Cheers
-Stefan
_________________
~Amnesius |
|
| Back to top |
|
|
nici-
Joined: 25 Sep 2003
Posts: 199
Location: Hürth near Cologne, Germany
|
| Posted: Fri Oct 03, 2003 6:04 am Post subject: |
|
|
| hmarq wrote: | | I like sans throughout (but that's just me). |
Yes, but we'll have long texts, that aren't easily read on screen and we'd help with reading as much as we can.
| hmarq wrote: | | I like contrast and 'negative' effects for some things ... like white/yellow/light anything against maroon, deep blue, forest green, etc. it can be a nice effect for headings and other items that break the page. |
Hmm. I guess we'll have A LOT of Information. It might get too turbulent with massive headlines like that.
| hmarq wrote: | | Please only 2 cols .... even though the format can vary for a pda or small screen the |
Or one?
| hmarq wrote: | | Think separation form and content ... again, if you haven't yet, take a peak at css zen garden |
We'll have many authors. We'll need even more separation of design and content than: a CMS.
nici-
PS: Please sneak into the german speaking board for OC.de http://www.opencaching.com/phpBB2/viewtopic.php?t=78. We'll try to bring our Ideas here as well, but we might do it with delay, beeing so *busy*, *busy*
_________________
Geocaching.de |
|
| Back to top |
|
|
hmarq
Site Admin
Joined: 15 Sep 2003
Posts: 351
|
| Posted: Fri Oct 03, 2003 6:21 am Post subject: |
|
|
Re: non-css capable devices
That's why they get a different stylesheet, or none at all ... if you do the page markup in straight xhtml and the client can't support styles it renders basically in linear order with default browser behaviour a <h1> tag has some default behaviour in a browswer ... and a <ul>, <li> set does too. So if the structure of the page is something like header, nav, body footer and there is no stylesheet, or a reduced capability ... they get a text rendition of the site. This also has the advantage that screen readers have much less difficulty with the page ... which actually *helps* accessibility and lets you be a liitle more 'daring' with the color scheme for browsers with higher capabilities. |
|
| Back to top |
|
|
amnesius
Joined: 27 Sep 2003
Posts: 147
Location: ./earth/europe/*
|
| Posted: Fri Oct 03, 2003 6:26 am Post subject: |
|
|
Agreed..
_________________
~Amnesius |
|
| Back to top |
|
|
amnesius
Joined: 27 Sep 2003
Posts: 147
Location: ./earth/europe/*
|
|
| Back to top |
|
|
CoyoteRed
Joined: 18 Sep 2003
Posts: 220
|
| Posted: Fri Oct 03, 2003 11:16 am Post subject: |
|
|
The serifed body text isn't working for me. I'd much prefer sans-serif.
Also, can we use the "fall back" groups of fonts?
Arial, Helvetica, sans-serif
Georgia, "Times New Roman", Times, serif
"Courier New", Courier, mono
etc.
CR
_________________
"...been know to miss the finer points." |
|
| Back to top |
|
|
hmarq
Site Admin
Joined: 15 Sep 2003
Posts: 351
|
| Posted: Fri Oct 03, 2003 11:21 am Post subject: |
|
|
That's a nice start ... I'm with CR though I still like sans for everything ... use line spacing to make it readable if you're concerned that the serif space gave you a buffer ...
Also, make we should ultimately make the nav stuff a <ul> group and style it so that it does something sane on a different formate ... and gets rid of the | ... look at the home page and style sheet to see what I mean. |
|
| Back to top |
|
|
amnesius
Joined: 27 Sep 2003
Posts: 147
Location: ./earth/europe/*
|
| Posted: Fri Oct 03, 2003 11:39 am Post subject: |
|
|
Ok, one last change and when im fnished i go off, i spend too much time in front of my screen already..
_________________
~Amnesius |
|
| Back to top |
|
|
|
FAQ
Search 
Memberlist
Usergroups
Register
Profile 
Log in to check your private messages 
Log in 
