Image by Hello Mizu

Every month this series is tracking the latest design trends and collecting the best examples of modern web designs. Here is the list for May 2010 with almost 1700 links from 46 aggregator posts:

• 35 Professionally Made Flash Websites for Your Inspiration from 1stwebdesigner
• 40 Beautiful Examples of Minimal Design for Inspiration from 1stwebdesigner
• 70 Unique Examples Of 404 Error Pages For Your Inspiration from 1stwebdesigner
• Medical Websites in the Realm of Modern Design Trends from 1stwebdesigner
• 25+ Websites With Professional and Creative Typography from Design Reviver
• 7 Types of “Coming Soon” Page Design (With Examples) from hongkiat.com
• Showcase of 30 Well-Designed E-commerce Sites from DesignM.ag
• 10 Excellent About Pages from Designer Portfolios from DesignM.ag
• Beautiful and Useful 404 Error Pages for Inspiration from Six Revisions
• Beautiful Web Designs That Use Nature Themes from Six Revisions
• Beautiful Footers in Modern Web Design for Inspiration from Six Revisions
• Excellent Examples of Using Photos in Web Design from Six Revisions
• A Collection of Fresh Blog Designs from PSDFan
• Showcase of 25 brilliant portfolio websites from Design daily news
• The Way Ahead for Web Design in 2010 from Design daily news
• The Use of Grids in Website Design from Design daily news
• 30+ Examples of Login Form Designs from You the Designer
• 35 Examples of Using Typography in Web Design from You the Designer
• 30 Vibrant and Colorful Website Designs from Vandelay Website Design
• 25 Beautiful Church Websites – Part IV from Vandelay Website Design
• 27 of the Best Real Estate Websites from Vandelay Website Design
• Creative Footer Design: 60+ Excellent Examples from instantShift
• 77 Latest Examples Of Creative Single Page Website Designs from instantShift
• Fantastic Footers: 25 Examples And Best Practices from Spyre Studios
• Website Archives Design: Good Practices and Examples from Smashing Magazine
• Web Design Trends 2010: Real-Life Metaphors and CSS3 Adaptation from Smashing Magazine
• Principles Of Minimalist Web Design, With Examples from Smashing Magazine
• The Current State of Web Design: Trends 2010 from Smashing Magazine
• 35+ Creative 404 Error Page Designs from DJDESIGNERLAB
• 30+ Beautiful DIV/CSS Web Designs from DJDESIGNERLAB
• 50+ Beautiful Single Page Website Designs For Your Inspiration from DJDESIGNERLAB
• 404 Error: 60+ Creative And Well Designed Pages from designrfix.com
• E-Commerce Website Design: 50 Well Designed Apparel Sites from designrfix.com
• 40 Beautiful E-Commerce Websites 2010 from SPLASHnology
  
• A Showcase of Effective Headers in Web Design from Naldz Graphics
• 60 Excellent Examples of Illustration in Web Design from Web Design Ledger
• 50 Red Web Designs to Inspire You from Web Design Ledger
• 60 Minimal and Super Clean Web Designs to Inspire You from Web Design Ledger
• 55 Inspiring Examples of Slideshows in Web Design from Web Design Ledger
• 50 Green Web Designs to Inspire You
• Perfectly painted watercolor web design from Orphicpixel
• Web Design Trends for 2010 from WebDesigner Depot
• Showcase of Blogs with Unique Post Designs from WebDesigner Depot
• Beautiful Contact Forms for your Inspiration from WebDesigner Depot
• 43 Creative Tables: Combining Aesthetic Beauty with Functionality from onextrapixel
• Anatomy of Colors in Web Design: Black – A Representation of Style & Mystery from onextrapixel

Today’s post highlights the design of GarethDickey.com. The background is an elaborate recreation of an industrial looking metal wall, and the saturated yellow fill is lightened by the brush stroke texture, two vertical columns imitating metal fasteners, and a clever header illustration of a man and a bird sitting atop the wall. The open space to the right of the main content is filled with a large letter “H” made to look as the beginning of a larger text that spans beyond the browser window. A simple two column navigation places main emphasis on highlighting the portfolio, with each project using a slideshow with simple cross fade and transition effects. Texts in header and footer are kept to the minimum to keep as much content as possible above the fold and not to distract too much attention away from the portfolio.

Today’s post highlights the design of relogik.com by Damjan Stanković. With an exclusive focus on highlighting the industrial concept designs, the background and text are set in lighter shades of gray (and letterpress effect on the main logo). The header section loops through four projects, with cross fading animations on each transition. The graphics for the currently shown project blends seamlessly with the background through a clever use of fades, back lighting and drop shadows. The full portfolio is laid in a strong and balanced grid, with captions playing secondary role to beautifully inset thumbnails accentuated by faint drop shadows. The contact information is neatly tucked in the top right corner of the page, with themed social icons that show full color on mouse rollover.

Today’s post highlights the design of ArtOfDaveMyers.com. Set in rich autumn colors of mahogany, olive and faded yellow, the design uses a lot of white space around prominent elements. Big and beautifully set typographical header, stylized self-portrait, thick horizontal separators, large section headers and big action buttons all contribute to the feeling of warmth and openness. The background noise texture breathes life into the white space around the elements. To prevent overloading the already rich color palette of the site, the design uses a lighter shade of mahogany for links, image borders and action button borders.