All Discussions Tagged 'website' - PORTFOLIOS*NET
2024-03-28T13:16:47Z
http://www.portfolios.net/group/webdesigners/forum/topic/listForTag?tag=website&feed=yes&xn_auth=no
About me
tag:www.portfolios.net,2013-05-13:2988839:Topic:2848180
2013-05-13T12:05:28.264Z
Design Themes
http://www.portfolios.net/profile/DesignThemes
<p>Hai web designers,</p>
<p>We are small team with Awesome, Trendy Ideas about Designs, We are Passionate about creating Good Quality WordPress Themes, Web templates, Shopify Designs,.etc. Check out my Portfolio are given below:</p>
<p>Portfolio- Themeforest- <a href="http://themeforest.net/user/designthemes">http://themeforest.net/user/designthemes</a></p>
<p>Follow us</p>
<p>Behance - <a href="http://www.behance.net/IamD">http://www.behance.net/IamD</a></p>
<p>Facebook -…</p>
<p>Hai web designers,</p>
<p>We are small team with Awesome, Trendy Ideas about Designs, We are Passionate about creating Good Quality WordPress Themes, Web templates, Shopify Designs,.etc. Check out my Portfolio are given below:</p>
<p>Portfolio- Themeforest- <a href="http://themeforest.net/user/designthemes">http://themeforest.net/user/designthemes</a></p>
<p>Follow us</p>
<p>Behance - <a href="http://www.behance.net/IamD">http://www.behance.net/IamD</a></p>
<p>Facebook - <a href="http://www.facebook.com/DesigningThemes">http://www.facebook.com/DesigningThemes</a></p>
<p>Twitter - <a href="https://twitter.com/IamdesigningWeb">https://twitter.com/IamdesigningWeb</a></p>
Web Design Trends for 2010 [FYI]
tag:www.portfolios.net,2010-05-11:2988839:Topic:606892
2010-05-11T07:23:57.363Z
markiez
http://www.portfolios.net/profile/markiez
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">1. Oversized Logos/ Headers…</span></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">1. Oversized Logos/ Headers</span></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">Splash pages are so yesterday. To make an unforgettable impression on the visitor, the trend for 2010 will be oversized logos on an equally oversized header. These types of headers can take up the entire screen, but with one important note. Visitors will not need to click anything, just scroll down. Visitors often having a clicking phobia (due to years of poor navigation), so big headers do the job of a splash page without forcing your visitors to click anything.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><strong>Main Idea:</strong> Huge headers that make your visitors remember you.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><a href="http://ma.tt/" target="_blank" style="text-decoration: none; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/1.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/></a></span></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">2. Sketch/ Hand-drawn Design</span></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">Hand-drawn design is not exactly new on the horizon, but we all know that it is still on the fringes of web design. Many designers admire the style but are afraid to create their own sketches because of the “I can’t really draw” attitude. If you look at the most popular hand-drawn websites (and relative to other types of trends, there are only a few), you will notice that most of your fellow designers can’t draw. These designs are not exactly headed to an art museum, but they do convey a sense of whimsy, and blur the line between cold web and personal interaction– the ultimate goal of the internet. If you can doodle, you can sketch for web design.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">Sketch in 2010 will become more elemental, and not as much the main focus of a web design. It will be used to personalize standard web copy in new and exciting ways.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><strong>Main Idea:</strong> Sketch becomes an elemental part of corporate design.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><a href="http://www.biola.edu/undergrad/" target="_blank" style="text-decoration: none; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/2.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/></a></span></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">3. Slab Typefaces</span></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">Slab typefaces are relatively new, although they’ve been around for over 200 years in traditional media. To get a good visual definition of slab typefaces, think of the old Wild West “Wanted” posters. Those bold letters are slab typefaces. Slab typeface is commonly all capital letters and are bold and imposing. Many designers have shied away from slab typefaces in the past because logos and headers were smaller and more understated. However, combined with the trend toward larger headers, slab typefaces demand the reader to take notice.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><strong>Main Idea:</strong> Slab typefaces is used to bravely express who you are.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><a href="http://www.edgepointchurch.com/" target="_blank" style="text-decoration: none; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/3.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/></a></span></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">4. Typography</span></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">Typography is one of the most difficult trends to tackle which is why it will remain fresh in 2010. With all the cries for usability, web designers are afraid of using new and different fonts. The idea of mixing varying font sizes together is completely unthinkable. Fonts are meant to be explored, twisted, and molded to fit your purposes. With the correct placement, a website that utilizes Typography as its main design element will be more interesting to a reader than overloading the same site with tons of photos.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><strong>Main Idea:</strong> Typography is young, but will continue to be a part of web design.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><a href="http://www.elysiumburns.com/" target="_blank" style="text-decoration: none; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/4.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/></a></span></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">5. One Page Layouts</span></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">One pay layouts challenge you to edit away what’s unnecessary. In 2010, this trend will move away from the quirky navigation and become more minimal in its approach. Think of these websites as business cards. These websites will be more of a one-stop-shop for how to locate you and your work on various other sites– your blog and your social media hangouts.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><strong>Main Idea:</strong> One page layouts will be more about personal profiles and less corporate.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><a href="http://www.zachklein.com/" target="_blank" style="text-decoration: none; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/5.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/></a></span></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">6. Huge Images</span></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">A close relative to the oversized logo/ header, the huge image does much the same thing. It creates an visual impact that the visitor won’t soon forget. Unlike the oversized header from above, huge images are not part of the site’s branding. Instead, these images draw the visitor into your site, if not for their content then for their humongous size. In 2010, web designers will find themselves more comfortable using these big statements in their design to convey the site’s tone.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><strong>Main Idea:</strong> Huge images will be used to invite visitors in.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><a href="http://digitalmash.com/" target="_blank" style="text-decoration: none; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/6.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/></a></span></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">7. Change of Perspective</span></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">As we’ve discussed before, the desktop perspective has been done to death. 2010 will see a definite change in perspective to a more realistic view. There may also be a move toward side-shot aerial.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><strong>Main Idea:</strong> 2010 will play around with different perspectives.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><a href="http://downsign.deviantart.com/art/Book-Store-136542851" target="_blank" style="text-decoration: none; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/7.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/> </a><br/><a href="http://kpucu.deviantart.com/art/Pastorant-Restaurant-71565329" target="_blank" style="text-decoration: none; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/7-2.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/></a></span></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">8. Interactive/ Intuitive Design</span></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">Flash has seen better days. There was a time when you couldn’t visit a website without running into an annoying Flash interface. These days Flash is a lot more relaxed and much more professional. Although some designers prefer jQuery for forms and popups, Flash still has its place in design, especially when done subtly. Flash still has no equal to its interactivity. In 2010, web designers will move toward the more redeeming elements of Flash. Because the average visitor is more web savvy these days, designers will also create sites that are slightly more intuitive than in the past.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><strong>Main Idea:</strong> Interactive design will make a come-back.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><a href="http://www.crowleywebb.com/" target="_blank" style="text-decoration: none; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/8.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/></a></span></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">9. Modal Boxes</span></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">Modal boxes are a trend that’s picking up steam and will be virtually everywhere in 2010. A modal box is like the popup’s more sophisticated older brother– it’s smooth, good looking and popular. Modal boxes are so easy to design and easy to use, making them the perfect solution for any designer concerned with usability.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><strong>Main Idea:</strong> Modal boxes will continue to pop up in 2010 designs.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><a href="http://digg.com/" target="_blank" style="text-decoration: none; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/9.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/></a></span></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">10. Minimalism</span></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">Forget the old school minimal websites. Websites of 2010 will continue to feature lots of white space but with bold typology and surprising color schemes. Not all minimal websites will agree with the notion of black and white simplicity. Although minimalism is by nature muted, it will also showcase fresh colors. Minimalism isn’t cold, it’s warm and too the point.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><strong>Main Idea:</strong> Minimalism will venture into typology.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><a href="http://www.kylestanding.com/" target="_blank" style="text-decoration: none; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/10.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/></a></span></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">11. Oversized Footer</span></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">Oversized footers may be everywhere already, but 2010 will find them even more exaggerated. The footers of tomorrow will be less of an after-thought and more of an integral part of the design. Look for footers that feature contain random information, such as feed updates from various social media, daily polls, and Flickr feeds.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><strong>Main Idea:</strong> Oversized Footers will feature less important, but more personal information.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><a href="http://www.duirwaigh.com/" target="_blank" style="text-decoration: none; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/11.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/> </a><br/><a href="http://oldloft.com/" target="_blank" style="text-decoration: none; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/11-2.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/></a></span></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">12. Retro</span></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">Retro designs are here to stay. Although a lot of the design community admires retro web design, it can be difficult to fully embrace this style without coming across “undone.” The key to retro designs is to be inspired by its tone and underlying playfulness. In 2010, retro design will be expanded as designers find new ways to honor vintage art.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><strong>Main Idea:</strong> Retro is new.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><a href="http://www.level2d.com/" target="_blank" style="text-decoration: none; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/12.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/></a></span></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">13. Intro Boxes</span></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">“Hi, my name is…” will find an even bigger stage in 2010 as designers recognize the beautiful simplicity of introducing yourself to your visitor. If you’re struggling with making a creative “About” page, the intro box will be your best bet. It forces you to condense who you are into a relatively small about of space. In 2010, intro boxes will push its own boundaries. Instead of the boring hello, designers will find new pick-up lines. And, instead of the left-flanked intro block, 2010 will see boxes in unusual placement, perhaps even in the middle of a page.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><strong>Main Idea:</strong> New ways to say “hello.”</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><a href="http://www.alessandro-cavallo.de/" target="_blank" style="text-decoration: none; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/13.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/></a></span></p>
<h3 style="margin-top: 35px; margin-right: 30px; margin-bottom: 15px; margin-left: 0px; font-family: Georgia, 'Nimbus Roman No9 L', serif; font-style: normal; font-weight: normal; line-height: 1.1em; font-size: 30px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">14. Magazine Layouts</span></h3>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;">As more and more people migrate from the comforts of traditional press to online infotainment, designers are challenged to welcome them in with an easy transition. There is a move toward the magazine layout, where information is carefully organized on a single home page, giving the visitor an opportunity to explore as interested. The familiar layout will appeal to appeal to anyone who’s ever read a magazine or newspaper, but it will also be easier to use– no flipping pages! In 2010, magazine layout will become very huge for blogs in particular.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><strong>Main Idea:</strong> Magazine layouts will be used for infotainment sites.</span></p>
<p style="line-height: 1.6em; margin-top: 0px; margin-right: 10px; margin-bottom: 20px; margin-left: 0px; font-size: 14px;"><span class="Apple-style-span" style="color: rgb(76, 76, 76); font-family: Arial, sans-serif;"><a href="http://www.bmivoyager.com/" target="_blank" style="text-decoration: underline; color: rgb(43, 141, 192);"><img src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/14.jpg" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(227, 227, 227); border-right-color: rgb(227, 227, 227); border-bottom-color: rgb(227, 227, 227); border-left-color: rgb(227, 227, 227); width: 429px; height: auto;"/></a></span></p>