Web Trends to Watch in 2014 from David King

Category 1 – Mobile:

1. Mobile-first design. Start designing on the small screen, then widen out to tablets and desktops. If you can’t do it on a mobile device, you probably don’t need it on your “big” website, either.

2. Responsive. Use a responsive or adaptive design, so your website works great on all screen sizes.

Category 2 – Designy Things:

3.Simplicity. Many web designs are going for a more minimalistic, simplified look. Make sure the design doesn’t get in the way of, or overpower, your great content.

4. White Space. Goes along with simplicity. White space can help emphasize content. Use it just like they do it magazines.

5. No Flash. Websites are still working on moving away from Flash and towards more modern design languages like HTML5 and CSS3.

Category 3 – Visual:

6. Parallax. Parallax design is a way to provide design depth and almost a 3D look to your website. IT reminds me of layers in Photoshop … just done on websites.

7. Flat Design. Sorta funny. Flat design and parallax design are almost opposites (but not quite). Flat design focuses on clean design and good use of color and whitespace. Think the new iOS design, and you’ll get the idea.

8. Blocking. Blocks of content – think Pinterest. I think it works great on sites like Pinterest or Flickr, where there’s a ton of content and the content is all on equal footing. On library websites like New York Public Library’s main page? Not so much. I’d guess their content is NOT equal in terms of importance, and the bottom of the page looks like an afterthought, like they forgot to “finish” the website.

9. Big Images. Use of large images on websites is a trend at the moment – even having a large image in the background of a website.

10. Colors. Using colors is big, apparently. Depending on what “hot web trends for 2014” you read, you’ll get a variety of answers as to what colors are trending – subtle and calm colors, retro colors, even neon colors! But know that web design is “colorful” these days. So think about using a tool like Adobe Kuler to help choose popular colors for a website. Or just go to Home Depot and get some matching paint swatches, and use those as a color base for your website.

Category 4 – Typography:

11. Web Fonts. We’re no longer limited to a couple of web-safe fonts. Think about using new web fonts like Google Fonts or Typekit.

Category 5 – Content:

12. Video. Video is still growing in importance.  A recent Pew report on online video says that 78% of online adults now watch or download video content. It’s an easy way to provide viewable content on your website.

13. Social Media. Social media integration is important for all types of websites and organizations. It’s a great way to share content out to customers in all the online “places” they hang out at.

Category 6 – Navigation:

14. Large Buttons. Websites are starting to use large, easily seen buttons. Make them big and bold!

15. Vertical Scrolling. Think about using “sticky” navigation that glues itself to the top of the page, or social media sharing plugins that glue themselves to the side of a page.

There you go! 15 web design trends for 2014. Are you redesigning your website? We are! Please share your new design ideas!

 



Sursa
2013-11-01 07:42:14



Comenteaza





Ultimele 25 posturi adăugate

04:44:57PENTRU... COMPARATIȘTI —» Leo Butnaru
19:15:17FINAL —» Andrei LANGA. Blogul personal
15:33:28Şi consultanţii în slujba cui? —» APort | "Pentru un român care știe citi, cel mai greu lucru e să nu scrie." I.L. Carag
17:18:49GALETĂ VEGANĂ CU PRUNE —» blog cu sare si piper
11:00:00Poliția sfidează normele și legile naturii —» Curaj.TV | Media alternativă
08:04:12CĂLĂTOR —» Andrei LANGA. Blogul personal
16:37:23Ce cărţi (bune) am mai citit (19) —» APort | "Pentru un român care știe citi, cel mai greu lucru e să nu scrie." I.L. Carag
07:22:11De ce Maia Sandu nu coboară să-și ia mandatul de (pe) jos?! Sau de ce referendumul acesta nu ar fi trebuit să se întâmple?!  —» Sergiu Mocanu
10:48:11I won’t be back! —» APort | "Pentru un român care știe citi, cel mai greu lucru e să nu scrie." I.L. Carag
07:12:25PRINCIPIILE ORGANIZĂRII FUNCŢIEI DE CONFORMITATE ÎN INSTITUŢIILE FINANCIARE BANCARE* —» Drept MD
05:05:23JURNALUL CA MEMORIE / 1994 —» Leo Butnaru
22:50:10ASCUNZIȘ —» Andrei LANGA. Blogul personal
21:37:27POTECĂ —» Andrei LANGA. Blogul personal
21:01:44LUMINI —» Andrei LANGA. Blogul personal
14:06:55Ce rămâne din noi —» Andrei LANGA. Blogul personal
13:59:55Ce rămâne din noi —» Andrei LANGA. Blogul personal
12:33:18CĂLĂTOR —» Andrei LANGA. Blogul personal
12:21:21Platformele de finanțare participativă (crowdfunding, crowdlending, crowdinvesting) – cum funcționează și cum ne pot fi de ajutor —» Drept MD
08:19:32POTECĂ —» Andrei LANGA. Blogul personal
04:18:29JURNALUL CA MEMORIE —» Leo Butnaru
14:17:07Tender pentru achiziția lucrărilor de construție a unui foișor —» Asociaţia Obştească "Demos"
08:51:47Șansele Republicii Moldova de a deveni membră a Uniunii Europene pină în 2030 —» Roman Mihăeş
08:42:21Identitatea culturala dubla si basarabenii din Romania —» Roman Mihăeş
08:10:46Pactul pentru Europa si interesele de partid —» Roman Mihăeş
07:28:47Pseudo-Biker – Ciocana Chișinăului, Restaurant —» Curaj.TV | Media alternativă