• Special Downloads
    • Free Icons
    • Freebies
    • jQuery Scripts
  • Licences
    • Apache License
    • MIT License
    • CC License
    • GPL License
    • LGPL License
    • GNU License
    • Other Licenses
    • No License
  • Scripts & Apps
  • XHTML & CSS
  • Contact Greepit



5 Web Design Trends to Watch & Follow in 2011


 22 Apr 2011


Recently, we have seen the entire landscape of web design transforming from traditional design and layouts to creative experiments in all directions. Most recent tends included rich imagery, table less layouts, interactive interfaces and extensive use of jQuery, CSS 3 and HTML 5 to minimize Photoshop and Flash.

For the rest of 2011, we can expect a number of new trends as basic requirements of good web designs.

Here is how Greep It! foresees the future of web design for the rest of 2011.

Touchable Designs

With rapid proliferation of iPad, tablet computers and touch screen phones, web designs are transforming rapidly to catch up with the new generation of mobile users. Web pages and applications, now, have to be ‘touch-enabled’.

You should design interfaces that render flawlessly on traditional PCs as well as on touch screens of multiple sizes and resolutions. On the same note, your applications and pages should load fast on mobile devices with lower bandwidth. Hence, web pages and applications have to be simple, fluid and lightweight.

Splash Pages

The trend of photographic splash pages would continue to grow for the rest of 2011. You can see a large number of one-page designs on WordPress and all other platforms on the web especially since the launch of services like about.me. You can expect more and more creative experiments with splash pages/one-page designs with a lot of imagery, portrait pictures and animated background.

Splash Pages

Maps

Maps can be used in many different ways on a website. There are a plenty of examples around. Check out Ed Hamilton’s online resume built on Google Maps, navigate twitter trends by location maps on TrendsMap, track and find rental apartments using Google Maps on housingmaps, and experience sharing geo-tagged images with Google Maps on Snaper. There are many more examples and the trend would continue in 2011.

Trends Map

More Typography

Now that a number of font APIs allow you to display your favorite fonts on the Web and almost all major browsers are capable of rendering fonts seamlessly, you can expect more typography in web designs. Adding fonts to your design is now quite easy with simple API calls. You do not have to juggle much with scripts and CSS. Start with Google Web Fonts and see how easy it is to spice up your design with typography experiments.

Typography

Facebook Applications

Facebook is now more than a social networking website. It is hosting many smart applications. Checkout Branchout and see how job search and professional networking can be integrated within your facebook profile. The trend is catching pace and you would see many serious web applications developed exclusively for facebook. See Picnik photo editing tool for facebook and expect much more to come within your facebook account.

Facebook Applications

Food for thought: Also consider using QR codes. There are a plenty of ways people are using them in their designs. QR codes are being adapted rapidly. Many early birds are using these nifty codes to engage their online visitors. Microsoft is also pushing this trend harder with its own version of QR codes.

Stay updated by subscribing to our Full RSS Feed, following us on Twitter and Facebook.





    Share This


Related Posts


Best WordPress and jQuery Sharing Plugins To Get More Social Media Networks Traffic
June 3, 2013

Free jQuery and WordPress Plugins – Free Facebook FanPage and Website Templates
May 1, 2013

Free Multipurpose Facebook Fanpage Template For Businesses and Portfolios: Facebuk
January 15, 2013



5 Comments

mikeross
said 2 years ago

(Reply)



nice post. thanks.

mikerosss
said 2 years ago

(Reply)



Great site. A lot of useful information here. I’m sending it to some friends!

Jenifer Smith
said 2 years ago

(Reply)



Great post!! Information is really helpful!! I got very clear view. Past few days I was searching for some information like it. I just love it!! Thanks for sharing!!

Ronnie
said 2 years ago

(Reply)



Great help here will follow with interest

Easily Add Maps to Your Website: MapQuery | PHP Ocean
said 2 years ago

(Reply)



[...] 30 Hope you did not miss our recent post about the use of maps as emerging trend in web design. If you have not followed the suit yet, now is the time. Because it is now quite easy to add maps [...]



Leave a Reply Cancel reply


  • Recent Posts

    • Lightweight jQuery plugin to Set Type/Text on a Circle – Circletype.js
    • A Video player without Video Files – Frame Player
    • A Touch Friendly, Responsive jQuery Plugin for Selections
    • JavaScript Tracing Made Simple – Spy JS
    • Free Coming Soon [Pre-Launch] WordPress Plugin / Under Construction Theme
  • Search Resources

  • Categories

    • Actionscript
    • Ajax
    • Apache License
    • Articles & Books
    • Brushes
    • BSD License
    • Business Cards
    • CC License
    • Charts & Maps
    • Chat
    • CMS
    • Colors
    • Components
    • Design
    • Effects
    • Extras
    • Featured
    • File Managers
    • Flash
    • Fonts
    • Frameworks
    • Free Icons
    • Free License
    • Freebies
    • Freebies
    • Fun
    • Gallery
    • GNU License
    • GPL License
    • Icons
    • Images
    • Information
    • Interviews
    • Invoicing
    • Javascript
    • jQuery Scripts
    • LGPL License
    • Licences
    • Media
    • Menu and Navigation
    • MIT License
    • Mobile
    • Mobile Development
    • No License
    • Open Source
    • Open Source
    • Other Licenses
    • Pattern
    • PHP
    • Plugins
    • Popups & Notifications
    • PSD
    • Reviews
    • Scripts & Apps
    • SEO
    • Site of the week
    • Software
    • Software & Tools
    • Statistics
    • Templates
    • Texture
    • Tips and Tutorials
    • Tools
    • Useful Snippets
    • User Interface
    • Validations
    • Vectors
    • Web Application
    • Web Application
    • WP Theme
    • WYSIWYG HTML Editor
    • XHTML & CSS
  • Tags

    Actionscript AI Ajax Android Animation Canvas CMS CSS CSS3 Firefox Flash Framework Freebies Gallery Google Grid Html HTML5 Icon Icons Images iOS Javascript jQuery Library Mootools MYSQL Navigation Open Source Photoshop PHP Plugin PNG PSD Responsive Script Software Theme Tool Tools Twitter Vector Web Application Web Design Wordpress



    Copyright 2013 Greepit.com