CodeKindness

Mobilizing Technology Volunteers for Social Good



6 Google Friend Connect Design Themes & Suggestions

Greetings graphically-inclined Friend Connectors,

Now that the Friend Connect phase has hit and the early adopters are in, let’s move into some customization. The standard theme is pretty boring:

So here are six theme shots with complimentary colors and color information that you can use to customize in a new direction:

1. Woodland

2. Volcano

3. Parade

4. Seashore

5. Brick

6. Serenity

 

Notes on Use:

These themes will get you started in matching the Google Friend Connect color scheme to your site or blog… but are really a start. I’m thankful to Google for designing a relatively simple way to include this functionality into a site (for instance, in comparison to Facebook’s similar application, which is complex). On the other hand, its block-look seems somewhat dated in the world of rounded edges and brushed metal. It would be GREAT if:

 

  1. Users were able to select the style (rounded or not) for the edges
  2. Font and image size were selectable and editable (as well as font weight) 
  3. The Google Friend Connect logo appeared below the bottom color block, rather than above, which is rather abrupt
All in all, however, these design ideas should get y’all rolling in a more pleasing aesthetic direction. I’m looking forward to readers posting their favorite Friend Connect designs in the comments below - perhaps we can build a small showcase?
Cheers, 
–Dave / CK
Onward, upward, outward, beyond:
  • Digg
  • del.icio.us
  • Technorati
  • Facebook
  • Google
  • Slashdot

Tags: , , , , , , , , , , ,

Leave a Reply