Graphic Designers!

General Discussion

Everybody can Add Topics, Everybody can Reply to this Topic.

Add New Topic Category Index Forum Index
1 2
  Wednesday, January 27th, 2010 at 3:43:48 AM #28223
Toasty
Toasty
SysOp
Level 40
Posts: 7,388
Submissions: 227
Toasty is Offline

I've taken notice that several members here are far superior at imagery and design than I am. It's probably no surprise that I prefer doing the server-side code (features, forum, and so on). While the site runs great, there are a few areas that can use improvement.

One of those happens to be the user profiles. I'm looking for people who want to volunteer ideas for a new profile layout. You don't have to worry about knowing XHTML, CSS, or how PHP, SQL, and Javascript tie into this -- I'll take care of all of that when the final one is chosen.

Please keep this topic to entries and complements/comments/suggestions/criticisms on entries only. There will be a separate topic made for polling the final choice.

To integrate your design into YN successfully, you must account for the following requirements and restrictions:


- The current width of the white part of the site "clouds" is 800 pixels, however most of the site's layout is constrained to 95% of this (760 pixels). So you should plan a width not to exceed this, accounting for avatar fluctuations.
- The username must appear as a "H1" element, centered at the top, with "H2" text below it. Example:




User Profile





- User statistics must be listed, including rank (Mod, Member, etc), Level, Points, Submissions, Posts, Join date, Instant Messengers

- Various Submission types (Images, Videos (both preferrably thumbnail versions), articles, and urbex)

- An area to display the last 5 posts, and last 5 topics.

- Friends section

- About Me, Interests, Hobbies, Music all with the "H2" style as above.

- Starbar and current rating



Nice to have:
- Message link
- Add as friend
- Anything suggested in the Feature Request page.



A few design notes:
- "Cloud" background is #FFFFFF (white)
- Background color of the site is typically #123456, as are the H1 and H2 elements.
- Body text is #222222
- Font order (for degradation purposes) is Verdana, Tahoma, Arial, (WINDOWS) and sans-serif (UNIX/LINUX) and any fonts used should focus on these font properties.


If there are any questions pertaining to this, please feel free to post them.

Oh, and the winner will get 10,000 * Member Level and a notation in the documentation (help, etc) about their design being implemented.

Uses [view] tag.

Member Added Image
  Wednesday, January 27th, 2010 at 3:59:06 AM #28230
Coopz
Coopz
Member
'Penis Size: Massive'
Level 35
Posts: 2,398
Submissions: 113
Coopz is Offline

Sweet! Member Added Image That's awesome dude. Can I ask, is there a deadline or is polling time just whenever all of the entries are in?

I'm only asking because I doubt I'll manage to get started on this until next week as life is a bit hectic at the moment.

Post last edited by Coopz on Wednesday, January 27, 2010 at 4:01:13 AM

Member Added Image
Ein Schrei wird zum Himmel fahren, Schneidet sich durch Engelsscharen. "Mein herz brennt, gib mir kraft." Der kalte Mond in voller Pracht hört die Schreie in der Nacht... und kein Engel steigt herab.
  Wednesday, January 27th, 2010 at 4:14:13 AM #28243
ELECTRICJELLY
ELECTRICJELLY
Member
'Keep your cards close to you.'
Level 19
Posts: 1,262
Submissions: 45
ELECTRICJELLY is Offline

Ok, lucky I didn't get rid of that design of mine, since this is a proper deal I'll take my time to do this.

Hair doesn't grow on balls of steel
  Wednesday, January 27th, 2010 at 6:05:54 AM #28285
AE
AE
Member
'Albino Ethiopian'
Level 19
Posts: 1,013
Submissions: 18
AE is Offline

I'll mess with it, it's going to be more about layout than graphics though.

Member Added Image

is a homo.

Uses [view] tag.
  Wednesday, January 27th, 2010 at 7:33:00 AM #28287
ColinFiat
ColinFiat
Site Admin
'JavaScript'
Level 26
Posts: 1,359
Submissions: 89
ColinFiat is Offline

Web design is not my thing – truly good web designers are visually talented people who, in days before the internet, were graphic layout specialists for glossy magazines.

Here are three of my favorite links:

LINK

LINK

LINK

For individual graphic items, well, I’m pretty good… And willing to help out with images or icons if realism is required.

Member Added Image
clicky...

Object Gallery

Member Added Image
Member Added Image
  Wednesday, January 27th, 2010 at 7:36:42 AM #28288
DaddySpook
DaddySpook
Member
'We Are The People'
Level 26
Posts: 1,606
Submissions: 132
DaddySpook is Offline

Hmmm,this could be good,I will stick my thinking cap on.

Is there anything we should avoid doing?

Member Added Image
  Wednesday, January 27th, 2010 at 8:20:19 AM #28295
DaddySpook
DaddySpook
Member
'We Are The People'
Level 26
Posts: 1,606
Submissions: 132
DaddySpook is Offline

Quote:
accounting for avatar fluctuations

Is there a max size the avatars can be?like how much space they can take up?

Member Added Image
  Wednesday, January 27th, 2010 at 8:48:36 AM #28304
teh1337
teh1337
Member
Level 10
Posts: 2,358
teh1337 is Offline

Awesome, great topic.

I look forward to seeing your guy's entry

I love men.
  Wednesday, January 27th, 2010 at 8:55:09 AM #28306
DaddySpook
DaddySpook
Member
'We Are The People'
Level 26
Posts: 1,606
Submissions: 132
DaddySpook is Offline

Quote:
- Friends section


Could you not make that on a different page?
Or how many friends should be shown on the profile page?

Member Added Image
  Wednesday, January 27th, 2010 at 9:08:35 AM #28311
MR2Junkie
MR2Junkie
Member
'Cunning Linguist'
Level 21
Posts: 1,709
Submissions: 74
MR2Junkie is Offline

I can try to work on this. I can't promise anything because I'm tied up with removing an engine from my Saturn, and helping my buddy Carl with replacing injectors on a 6.6 Liter Turbo Diesel motor (translation: complete fucking pain in the buttocks), but if I find myself with some free time to tinker with this, I most certainly will.

"Ah that's one thing about our Harry, doesn't play any favorites! Harry hates everybody: Limeys, Micks, Hebes, Fat Dagos, Niggers, Honkies, Chinks, you name it."

  Wednesday, January 27th, 2010 at 10:02:26 AM #28320
teh1337
teh1337
Member
Level 10
Posts: 2,358
teh1337 is Offline

Im actually trying to put together a solid web concept, so i wont have time. I'm not good on design anway.

I love men.
  Wednesday, January 27th, 2010 at 11:33:40 PM #28511
Toasty
Toasty
SysOp
Level 40
Posts: 7,388
Submissions: 227
Toasty is Offline

Quote:
Is there a max size the avatars can be?like how much space they can take up?


640x640 pixels. Some older avatars may exceed this, but I'll get those resized.

Member Added Image
  Thursday, January 28th, 2010 at 1:07:20 AM #28521
Dodge
Dodge
Site Admin
'Open foot, insert mouth'
Level 19
Posts: 1,989
Submissions: 53
Dodge is Offline

I think it should be set up similar to the home page. I like the way it looks.

I made this, but I need to work on it more. I forgot to add the friends list and 5 latest posts. Basically, they would follow the theme of the main page. Friends would be like the 'online now' section. 5 latest posts would be in a scroll box twice as wide as the others, spanning the width of the 'cloud area'.

Member Added Image

Oowwww.
( ̲̅:̲̅:̲̅:̲̅[̲̅ ̲̅]̲̅:̲̅:̲̅:̲̅ ̲̅)Member Added Image
Uses [view] tag.
  Thursday, January 28th, 2010 at 2:21:44 AM #28537
Toasty
Toasty
SysOp
Level 40
Posts: 7,388
Submissions: 227
Toasty is Offline

^AHHH! SOMEBODY SWAPPED THE BUTTONS!!!

:)

That idea for the profiles looks really good, it's a bit long, but it's still really good (and easy for me to implement).

I'm betting this will be interesting!

Member Added Image
  Thursday, January 28th, 2010 at 2:30:51 AM #28538
DaddySpook
DaddySpook
Member
'We Are The People'
Level 26
Posts: 1,606
Submissions: 132
DaddySpook is Offline

I think Opus has the best so far.

Nah really,it goes with the site perfectly.I was messing about with a few ideas but having to keep with design on the site kinda make my brain go ""Durrrrr"

Member Added Image
  Thursday, January 28th, 2010 at 3:50:25 AM #28555
Toasty
Toasty
SysOp
Level 40
Posts: 7,388
Submissions: 227
Toasty is Offline

Quote:
I think Opus has the best so far.


That, and the only one so farMember Added Image

But I really like his idea, I was looking for something a little more compact however, but I don't usually sweat the small things.

Member Added Image
  Thursday, January 28th, 2010 at 4:08:24 AM #28563
DaddySpook
DaddySpook
Member
'We Are The People'
Level 26
Posts: 1,606
Submissions: 132
DaddySpook is Offline

I have had a go...

My design would mean the avatar size would have to be limited and the "About me" fields etc would need to have a character limit.

Also,in my head I was imagining that the user could change the color of the dark blue bits to whatever color they want.
Member Added Image

Ah shit just looking over it there and noticed I never put the last 5 posts/topics.Hmmm,I would probs stick it along the bottom of the bottom dark blue rectangle.

Member Added Image
  Thursday, January 28th, 2010 at 4:11:08 AM #28564
Toasty
Toasty
SysOp
Level 40
Posts: 7,388
Submissions: 227
Toasty is Offline

^You really should consider getting into web design. If you ever need a hand with it, consider messaging me.

I might have a job doing a site soon, I might have to subcontract you to come up with a layout for it, assuming you have paypal.

Member Added Image
  Thursday, January 28th, 2010 at 4:15:14 AM #28566
DaddySpook
DaddySpook
Member
'We Are The People'
Level 26
Posts: 1,606
Submissions: 132
DaddySpook is Offline

Aw shucks *blushes*.

I have tried many times to get my head round "the world of coding" but it just makes my brain hurt.I feel pretty good that I learned BB code lol

Thanks though.

Member Added Image
  Thursday, January 28th, 2010 at 4:16:33 AM #28567
Coopz
Coopz
Member
'Penis Size: Massive'
Level 35
Posts: 2,398
Submissions: 113
Coopz is Offline

Quote DaddySpook:
I think Opus has the best so far.

lol

I totally agree though, that is pretty damn perfect!

1 thing I'd change, if it was mine: I'd change the "Contact" field area to be a user defined field (as I've mentioned before). I'd keep the contact info where it is, but tidy it up a bit by just displaying little hyperlinked icons for each messenger that the user has submitted info for, instead of a text link. I'd have this centered.

That's just me though, I like to give helpful suggestions or constructive criticism but it's obviously up to you (or Toasty, lol).

Member Added Image
Ein Schrei wird zum Himmel fahren, Schneidet sich durch Engelsscharen. "Mein herz brennt, gib mir kraft." Der kalte Mond in voller Pracht hört die Schreie in der Nacht... und kein Engel steigt herab.
1 2