Go Back   vb.org Archive > Community Central > Community Lounge
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #1  
Old 12-14-2009, 06:48 PM
Gio~Logist's Avatar
Gio~Logist Gio~Logist is offline
 
Join Date: Jun 2004
Location: San Francisco
Posts: 2,575
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Unconventional vBulletin Inspiration

I've been lurking around recently and I've noticed more and more people are working particularly hard on going for the whole Web 2.0 look, or trying to make their website look like a magazine. I also see more people going for the clean/simple look but missing several elements on their mission. Hopefully we can all gather and exchange ideas here and spread the motivation.

First off, I am a strong believer in less designing and more tweaking. Unless you own some kind of candy lollipop forum or a graphics website or even a gaming website, I see no need to spend your time on intense, high-quality, large graphics. After the new millennium, i believe it's out with graphics and in with icons and royalty free images!

My favorite icon / royalty free image website:
www.istockphoto.com

Contrasting colors
Many people are extremely mislead when it comes to contrasting colors. Just because colors look good together doesn't mean they deserve to go against one-another. What do I mean? If you have a website with nothing more than every kind of brown known to mankind (light brown, dark brown, tan, wood, oakwood, morning-wood), yes - they will look decent, it's only logical. But is it the right move? Does it really contrast?

Contrast compare or appraise in respect to differences.

The keyword here is differences. Take vbulletin.org for example. Dark blue headings, light gray/white content backgrounds. It keeps things in perspective, makes you continue to read since the text contrasts perfectly (sticks out) against the backgrounds, and it keeps people browsing as oppose to simply glancing around.

Less designing, more tweaking
By tweaking, I don't mean changing your forumbit from 4 columns to 3. I mean truly taking the time to let your content design itself.

Letting your content design itself
www.fatboymag.com
http://www.sitepoint.com/forums/
http://www.mascotas.cl/
http://www.trade2win.com/

All of these websites operate off of vBulletin. All of these websites have little actual design work done. Yet, all of these websites are amazingly designed and unconventionally unique. And although operating on the 3.8 series, all of them look far better than 4.0

FatBoyMag - Ran by a member on here I believe. The webmaster is aware that their members are highly concerned with images and eye candy. The first thing you see on that website is eye candy, not made on photoshop - but provided within content. The cleanliness of this module (an image with a light border, description, title, etc. separated by a few light lines) allows the content to design itself. They also make sure to include a list of categories and recent topics to give a user an exact idea of what this website is about. If someone has to ask what your website is about, you've done something wrong!

SitePoint - Aside from their amazing actual frontpage (separate from forums) they also have a rather decent forum front page. The forum list itself shouldn't always have to take up all the space, sp figures "lets give them some content, let them know what's going on". But their front page isn't even their most unconventional section. This website is actually known for it's marketplace. Most websites have a section where members can buy/trade/sell. But a simple thread doesn't always cut it. Don't be afraid to go above and beyond, raise the bar! The same goes for your articles.

Mascotas - I'm sorry, had to include one of my personal favorite pieces of work. I've programmed a series of websites for a network in chile, and all of their websites have the same thing in common let the content design itself. With these websites we think about what we want to show, before how we want it to look. We observe a series of large news websites and such and see how they let their content play out. We recognize that large fronts and strong/contrasting text is important. We recognize that incorporating pictures where possible makes for a great understanding of the content and website itself. We recognize that the better the homepage represents the website, the better the website will manage itself. Members love seeing their names on your homepage

Trade2Win - Content, Resources, Cleanliness. Everything from the # of registered users to recent forum discussion is properly placed on this homepage. Most people simply have these elements placed in a box and then place their focus on how pretty their header is. This website has a simple header, and focuses on how their content is presented. Each front-page module is given contrasting colors, different layouts (title, usernames, a few images, etc.), and unique icons.

--------------- Added [DATE]1260823735[/DATE] at [TIME]1260823735[/TIME] ---------------

I originally made this for ProvB's article section but decided to share it here as well. I posted this in the lounge in hopes to get some more chat and other websites/ideas flowing. Sorry if ya feel it's misplaced ;p
Reply With Quote
  #2  
Old 12-14-2009, 07:30 PM
JacquiiDesigns's Avatar
JacquiiDesigns JacquiiDesigns is offline
 
Join Date: Dec 2008
Location: Tennessee
Posts: 687
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Awesome tips Gio - One point of contention though....
I do not believe FatBoyMag is running vBulletin any longer.
Anyway - thanks for sharing this innovative write

Jacquii.
Reply With Quote
  #3  
Old 12-14-2009, 07:35 PM
GSeybold GSeybold is offline
 
Join Date: Dec 2007
Posts: 473
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

great thread geo. on the contrast issue however.. several of the most active vbulletin forums use the same shades of one colour.
Reply With Quote
  #4  
Old 12-14-2009, 07:46 PM
Gio~Logist's Avatar
Gio~Logist Gio~Logist is offline
 
Join Date: Jun 2004
Location: San Francisco
Posts: 2,575
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by JacquiiCooke View Post
Awesome tips Gio - One point of contention though....
I do not believe FatBoyMag is running vBulletin any longer.
Anyway - thanks for sharing this innovative write

Jacquii.
Ah, great catch. I could have sworn they are. Nonetheless, I'll leave it there simply because we're thinking outside the box and believe it or not, that frontpage is 100% possible with vBulletin, and would take no more than a few days to code

Thanks for the feed Jacquii, always appreciate your input!

Quote:
Originally Posted by GSeybold View Post
great thread geo. on the contrast issue however.. several of the most active vbulletin forums use the same shades of one colour.
Thanks : ) And you're right! But the question is, do they contrast well enough to be able to distinguish text and links or do the links and text just fade in the midst? That's the only time I think there should be a concern.
Reply With Quote
  #5  
Old 12-14-2009, 07:49 PM
Adrian Schneider's Avatar
Adrian Schneider Adrian Schneider is offline
 
Join Date: Jul 2004
Posts: 2,528
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I don't think SitePoint deserves it... they are running WordPress / custom code. Their actual vBulletin stuff looks mostly stock to me.
Reply With Quote
  #6  
Old 12-14-2009, 07:57 PM
Gio~Logist's Avatar
Gio~Logist Gio~Logist is offline
 
Join Date: Jun 2004
Location: San Francisco
Posts: 2,575
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by SirAdrian View Post
I don't think SitePoint deserves it... they are running WordPress / custom code. Their actual vBulletin stuff looks mostly stock to me.
Yea, agreed. Hence why I really only placed emphasis on articles and marketplace. The ability to take the usual forum system and transform it into something that much more dedicated and catered to specific needs.

Any other websites you think should be included? You know what website (non-vb) I think is really well-designed even in terms of graphics (for those who like those kind of designs)?

www.rockettheme.com

Insane :up:
Reply With Quote
  #7  
Old 12-15-2009, 05:06 PM
kevcj's Avatar
kevcj kevcj is offline
 
Join Date: Mar 2007
Location: East Texas
Posts: 334
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by SirAdrian View Post
I don't think SitePoint deserves it... .
I have to agree with that point. There are a lot better examples out there then sitepoint.
Reply With Quote
  #8  
Old 12-15-2009, 06:50 PM
Gio~Logist's Avatar
Gio~Logist Gio~Logist is offline
 
Join Date: Jun 2004
Location: San Francisco
Posts: 2,575
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I agreed as well. How about you guys share some input? I just gave a few off the top of my head.
Reply With Quote
  #9  
Old 12-15-2009, 07:00 PM
Caddyman Caddyman is offline
 
Join Date: Mar 2006
Posts: 166
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

im inspired, thank you Gio
Reply With Quote
  #10  
Old 12-15-2009, 09:31 PM
Gio~Logist's Avatar
Gio~Logist Gio~Logist is offline
 
Join Date: Jun 2004
Location: San Francisco
Posts: 2,575
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Caddyman View Post
im inspired, thank you Gio
My pleasure Caddy As always, I'm sure you'll take this article into perspective and surprise us all soon enough
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 08:41 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04426 seconds
  • Memory Usage 2,261KB
  • Queries Executed 11 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (5)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (10)post_thanks_box
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (10)post_thanks_postbit_info
  • (10)postbit
  • (10)postbit_onlinestatus
  • (10)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete