OESF Portables Forum
General Forums => General Discussion => Topic started by: dz on October 02, 2004, 10:16:16 am
-
Hey Guys
For those that aren't aware, I'm creating a brand new Zaurus Software Index for the community. If you haven't already, the link to the board where it's been talked and discussed is here: https://www.oesf.org/forums/inde...p?showforum=114 (https://www.oesf.org/forums/index.php?showforum=114)
Anyways, the reason I am posting is that I am requesting you graphic designers and artists out there to come up with a layout
Here is the current one I'm using: http://www.dangerz.net/dz/zsi2/ (http://www.dangerz.net/dz/zsi2/)
It's one that I just put together quick and it works for now. Anyways, I know there are some talended people out there, so I'm requesting that some of you try and come up with some concept layouts for the ZSI2.
Here are the requirements:
- Must be able to fit in 640x480 for those of us using clamshell and also be able to stretch as far out as needed.
- Must come up with a variant that is made for 320x240/240x320, for the non-clamshell Zaurus owners. Try to keep it the same style/colors.
- Must have enough space for a banner on the top so org has the option to try and recoup some costs from this. I believe the min size is 468x60, but I'm not positive.
- In the layout that I created, if you look at 'my.jpg' you will see little 'Z2' icons on the side of 'Personal Information' and 'My Projects'. I need you to create a button like that will a rollover state.
You will get full credit for the layout design, but by submitting a layout, you must agree to let us fully use and modify your layout to how we need.
You dont have to create any of the HTML or anything. Just fire up Photoshop or whatever you guys use and create me a neat looking site. I'll take care of turning it into a webpage.
I'd like to have the page up and ready for testing within the next 2 weeks, so the more you submit the better. When it comes close to going live for beta, I will hold a vote to see which layout the community likes most. As well, you have full permission to use the layout in any kind of portfolio that you may have of graphic work.
Any questions, feel free to message me on here or just ask in this post.
Thanks Guys ~
Roy
Resources:
http://www.dangerz.net/dz/zsi2/zlogo/ (http://www.dangerz.net/dz/zsi2/zlogo/)
The jpg is the Zaurus word on a white background.
The png is the Zaurus word transparent.
-
So, I figured I'd start this off with some layouts I've thrown together of my own:
http://www.dangerz.net/dz/zsi2/contest/layout1.jpg (http://www.dangerz.net/dz/zsi2/contest/layout1.jpg)
http://www.dangerz.net/dz/zsi2/contest/layout2.jpg (http://www.dangerz.net/dz/zsi2/contest/layout2.jpg)
http://www.dangerz.net/dz/zsi2/contest/layout3.jpg (http://www.dangerz.net/dz/zsi2/contest/layout3.jpg)
http://www.dangerz.net/dz/zsi2/contest/layout4.jpg (http://www.dangerz.net/dz/zsi2/contest/layout4.jpg)
I'm going to try and make as many as possible, but obviously I can't win this contest so you guys gotta outdo me
-
I like the 4th hard to say thought.
And im not good for graphics
-
I thought I'd try my hand at some more..
http://www.dangerz.net/dz/zsi2/contest/layout5.jpg (http://www.dangerz.net/dz/zsi2/contest/layout5.jpg)
http://www.dangerz.net/dz/zsi2/contest/layout6.jpg (http://www.dangerz.net/dz/zsi2/contest/layout6.jpg)
-
Can you post the Zaurus logo without anything in the background?
edit: found it
-
Can you post the Zaurus logo without anything in the background?
Indeed.
http://www.dangerz.net/dz/zsi2/zlogo/ (http://www.dangerz.net/dz/zsi2/zlogo/)
The jpg is the word Zaurus on a plain white background. The png is the word Zaurus transparent.
-
Ok I just made a simple design, very streamlined/small. Please comment.
[img]http://homepage.hispeed.ch/gtgt/Untitled-1.jpg\" border=\"0\" class=\"linked-image\" /]
-
Ok I just made a simple design, very streamlined/small. Please comment.
I like it! It's very clean and simple.
-
Ok I just made a simple design, very streamlined/small. Please comment.
I like that as well. Keep going with it. Maybe try some color variations so we have different styles.
-
Ok I just made a simple design, very streamlined/small. Please comment.
[img]http://homepage.hispeed.ch/gtgt/Untitled-1.jpg\" border=\"0\" class=\"linked-image\" /]
Very cool -- crisp, clean and very readable.
-
A *very* simple design I created... (Hey, I'm better at coding and compiling than art...)
630 across the larger one (so it's sure to fit on the C-series screens with ease), and 230 across the small one (again, to fit on the 5500/5600 with ease).
I definitely do not expect to win. But hey, might as well give it a go, huh? Might add another one or two sometime later.
Can be found here: http://zaurus.duelmonsters.ca/zsi2-contest/ (http://zaurus.duelmonsters.ca/zsi2-contest/)
-
Ok I just made a simple design, very streamlined/small. Please comment.
[img]http://homepage.hispeed.ch/gtgt/Untitled-1.jpg\" border=\"0\" class=\"linked-image\" /]
one more vote for this.
-
Dammm.... I wish i had the time to compete :-(
-
Ok I just made a simple design, very streamlined/small. Please comment.
Very nice, however, on the final version I would suggest that you chop up the image.
The middle part of the image is essentially the same thing so could be chopped up a small tile which could be repeated on the page, this may bring the image size down from the current ~50K to probably around 10K (or even smaller). Much faster loading for the guys browsing on GPRS.
HTML would then have multiple references to the single tile image to construct the wide banner.
Does this make sense ?
- Andy
-
Does this make sense ?
- Andy
Don't worry, I'll take care of all the coding
-
Ok I just made a simple design, very streamlined/small. Please comment.
one more vote for this.
keep in mind that we're not actually voting for design now... comments are cool!
-
network.guy:
Try doing different colors for the Zaurus name on the top. I'm not sure how I feel about the green :-/
-
[img]http://homepage.hispeed.ch/gtgt/simple.jpg\" border=\"0\" class=\"linked-image\" /]
[img]http://homepage.hispeed.ch/gtgt/classic.jpg\" border=\"0\" class=\"linked-image\" /]
Changed green to orange. I'm experimenting with a new design now...
-
Ahh, I like the orange/white combo
Very nice
-
For the 320x240 version, I've decided that you only need to compensate for a 'Browse Software' link at the top and a 'Full Menu' link. That way the user isn't listed with a huge list of menus, but if they want it all they have to do is click 'Full Menu' and it's shown.
Just thought I'd let you know
-
All I want to say is the simpler the better
-
any suggestions / comments are welcome.
-BY626
-
this is one comp tell me some changes in mind and I'll do them
-
Ahh, I love the last 2 designs.
Very nice guys ~
-
A small modification to the one posted by comp:
[img]http://www.dangerz.net/dz/zsi2/compRe.jpg\" border=\"0\" class=\"linked-image\" /]
As well, I made an overstate for the contact.
-
Uhh, all these designs look really nice, but I'm not sure making the ZSI2 that image intensive is such a good idea. A simple text page, with maybe one or two images at the top is all I'd need for visual excitement.
It just makes it faster to load, and fast loading is a major bonus on any Zaurus...
-
I know it might look fancy, but there is very little to my design. I chopped it up real quick just to see and the total bytes come to just 9.49KB that will take around 5 seconds to download using a 28.8kbps connection. And just now I realized I forgot to optimize the images first. I'm sure I could reduce that total to about 7KB. Also i could create a flat design, which can be toggled on or off, so on your desktop it can look pretty and on ur Zaurus it can be lightning quick.
Here are the quick chopped files:
[img]http://hexinteractive.net/zsi/parts/bar.gif\" border=\"0\" class=\"linked-image\" /] [img]http://hexinteractive.net/zsi/parts/drop.gif\" border=\"0\" class=\"linked-image\" /] [img]http://hexinteractive.net/zsi/parts/fox.gif\" border=\"0\" class=\"linked-image\" /] [img]http://hexinteractive.net/zsi/parts/gem.gif\" border=\"0\" class=\"linked-image\" /] [img]http://hexinteractive.net/zsi/parts/grad2.gif\" border=\"0\" class=\"linked-image\" /] [img]http://hexinteractive.net/zsi/parts/logo.gif\" border=\"0\" class=\"linked-image\" /] [img]http://hexinteractive.net/zsi/parts/peng.gif\" border=\"0\" class=\"linked-image\" /] [img]http://hexinteractive.net/zsi/parts/tab.gif\" border=\"0\" class=\"linked-image\" /] [img]http://hexinteractive.net/zsi/parts/tab_l.gif\" border=\"0\" class=\"linked-image\" /] [img]http://hexinteractive.net/zsi/parts/title_bar.gif\" border=\"0\" class=\"linked-image\" /]
Is that small enough for ya?
keep the comments coming
-
What do you think of this? I created a logo for ZSI2 as well.
The text in the bars are supposed to be just plain old css'ed fonts, the gradients can be chopped up into tiny file sizes, and the button bars are also fairly easily chopped up.
Yz
[img]http://www.vex.net/~aceze/z2_int.jpg\" border=\"0\" class=\"linked-image\" /]
-
yzord - very nice! I like the logo too
-
Hi all,
I'm curious why are you useing only grey and blue colors. Can't we get something red or yellow. Something more warmer. Just suggestion.
New logo is very cute. I like it.
-
offroadgeek & yasen: thanks!
yasen: There's no real "reason" I used the blue gradient... I was just going for a very simple design with as few colours as possible (to keep it clean). The colour gradients can be modified to pretty much any colours quite easily. In fact, the page could have many colour schemes. I'll generate a few colour alternates for the logo tonight as an example.
Yz
-
For example (and they're just examples!!):
[img]http://www.vex.net/~aceze/z2logostrip.jpg\" border=\"0\" class=\"linked-image\" /]
Yz
-
yzord
They all look very nice... I like the logo
Greg
-
Thanks Greg2. Here's another logo I've knocked up. I'll create an interface for it soon. Hmm, I guess I must like blue and gray after all!
Yz
[img]http://www.vex.net/~aceze/z2_b_logo.jpg\" border=\"0\" class=\"linked-image\" /]
-
I really like the first logo. I don't know about the tie-dye colors though
Keep working, I love the concepts
-
yzord I like blue too but resently found out that darker colors based on red and yellow are very relaxing for the eyes when.
The second logo is cool too. A litel bit abstract but cool. Nice work
-
one vote for this one:
http://www.dangerz.net/dz/zsi2/contest/layout1.jpg (http://www.dangerz.net/dz/zsi2/contest/layout1.jpg)
-
http://www.dangerz.net/dz/zsi2/piii/ (http://www.dangerz.net/dz/zsi2/piii/)
A new layout I'm testing. As well, there are some screenshots there of parts of the ZSI2. One is the 'enter comment/vote' form. One is the 'edit license' form. One is the 'manage categories' part in the admin section. The final is just a project page.
I was just playing and I wanted a change from programming, so I decided to throw a quick layout together.
-
Not altogether finished with this one (especially with your new layouts dz!!!), but I thought I'd throw it up for comments. This is fairly easy to convert to (mostly) css.
Yz
[img]http://www.vex.net/~aceze/z2b_int.jpg\" border=\"0\" class=\"linked-image\" /]
-
yzord: I really like your first logo. You should try some more layouts with that. The second logo I think is too confusing.
I like the way your layouts are heading though
-
Okay, here's an attempt with the my first logo. It's kind of an "ice" theme...
For those that worry, the whole page as one big picture is only ~28kb. Once cut down to chunks, and stuff changed to css etc, it'll be tiny.
I wanted to address some of the new layouts etc, however, you're site seems to be down dz...
Thoughts?
Yz
[img]http://www.vex.net/~aceze/z2_c.gif\" border=\"0\" class=\"linked-image\" /]
-
Very cool yz! I like how it all works up top now; it's not just wasted space.
A little heavy on the graphics, but it's all good. Good job
-
I'm admiring!
-
dz & amrein: Thanks for the nice words! I wouldn't worry about graphic sizes, as the palette's easily fit into 7bit colour gifs/pngs (and can be quite small).
Here's a version I made (in about 20 seconds!) with a different colour scheme (for those that don't care for the blues). It's a "gold" theme:
Thoughts? BTW, any suggestions would be great. I do think that my designs are somewhat "standard", but that's only because I didn't want to go too nuts (miniaturizing elaborate designs can be difficult).
Yz
[img]http://www.vex.net/~aceze/z2_c2.gif\" border=\"0\" class=\"linked-image\" /]
-
Hi everybody. I'm brand-new to these forums. In fact, I don't even have a Zaurus yet. I've got one coming from Amazon in about a week. I would love to work up a design for the ZSI2 if I have some time. When does this contest end?
-
Hi everybody. I'm brand-new to these forums. In fact, I don't even have a Zaurus yet. I've got one coming from Amazon in about a week. I would love to work up a design for the ZSI2 if I have some time. When does this contest end?
it doesn't have a defined end date yet... but it won't be carried on for many more weeks. basically, once I finalize getting the server environment setup for dz to put up the site, we'll do some testing, get feedback, etc.
so, submit your design soon!
-
Ok, let me know what you think of these layouts (http://beazco.brinkster.net/zsi2). The first two should fit well on an 800x600 screen but it's flexible enough to shrink to 640 or stretch to whatever. The last one should fit on a 240x320 screen. If these go over well, I can create some specifically for other dimensions. Also, let me know if you'd like to see these in other color schemes.
-
skoopie- I like the orange one a lot... great job!
-
Ya, its original
-
Here's my contribution...
I went with my favorite Tuxlon Raider theme...
You could even have the glowing/moving eye, and cylon warrior sound...
"Bzzzzz, Bzzzzz, Bzzzzz, By your command..."
[img]http://home.indy.rr.com/mcbrown/zsi2-layout.png\" border=\"0\" class=\"linked-image\" /]
-
Very creative Doc
-
There so many nice layout, thats would be nice to have a drop down box on the main page and to be able to swtich layout =P
Very nice indeed hehe
-
Hey all,
I've been meaning to post up the 320x240 version of one of my designs... so here it is!
Note, in the picture, the Drop Down list is transparent and truncated - this is just for legibility's sake (so you can see the table beneath. In usage, this would be where all the categories and options could go (depending on login, etc).
If you have any questions, holler!
Yz
[img]http://www.vex.net/~aceze/z2c_small.gif\" border=\"0\" class=\"linked-image\" /]
-
Just wanted to let you guys know that the contest will end Saturday, November 20th. That gives about a week to finish up whatever layouts you have.
Afterwards, we will vote until December 18th. On December 18th, whomever has the most votes shall be declared winner. In the event of a tie, a fight to the death will occur between each contestant. Winner of that gets the 5500 (+ life).
-
Someone indicated to me that my original design at 320x240 was "too busy". Here's an alternate.
Notes:
1) The inner scroll bar is just an idea. If people would rather scroll with the browser scroll window, that's fine too.
2) I made the drop down list opaque and minimized now as it's been demo'ed in my original 320x240 design.
3) I intend the user login/pass option to be a separate page that's accessible from the User options page (along with all the other stuff like categories, etc).
Thoughts?
Yz
[img]http://www.vex.net/~aceze/z2c_small_2.gif\" border=\"0\" class=\"linked-image\" /]
-
Just letting you know that tomorrow will be the last day you can submit layouts for the contest. On Sunday or Monday, I will post the thread where people can vote on their favorite layout and we'll get our winner.
-
yzord - that's an awesome design!
-
[img]http://www.hexinteractive.net/zsi/penguinLayout.jpg\" border=\"0\" class=\"linked-image\" /]
[img]http://www.hexinteractive.net/zsi/penguinLogos.jpg\" border=\"0\" class=\"linked-image\" /]
[img]http://www.hexinteractive.net/zsi/penguinCats.jpg\" border=\"0\" class=\"linked-image\" /]
[img]http://www.hexinteractive.net/zsi/penguinPDA.jpg\" border=\"0\" class=\"linked-image\" /]
Here is my second layout this one i based off the markings of a king penguin. I also have a few logo options, personally i like the logo without any text, I think logos shouldn’t have text unless absolutely necessary. The next image is another option for displaying the categories, it would appear at the top of the page as if it were the first project displayed. The last image is of the PDA version of the site.
Let me know what you guys think.
-BY626
-
Contest submission period is over.
Go vote: https://www.oesf.org/forums/inde...?showtopic=8647 (https://www.oesf.org/forums/index.php?showtopic=8647)