In this video I discuss my Top 5 Favorite Web UI Design Trends for 2013 that you should be thinking about incorporating into our design work (if you’re not already). These trends I discuss didn’t just become popular in 2013 (they’ve been around prior), but they are trends that remain hot today and seen throughout the design community.
Link and refrences:
– Websites with Large Background Images
– One-Page Designs
– Websites with Textures and Patterns
– Responsive Web Design Examples
– Flat UI Design Inspiration
What are you favorite trends?
Thanks for your thoughts Mike,
I abosolutely agree with you. And I also think the most important trend is the Responsive Design.
The funny thing about it is, that the most comes back, we all used texture backgrounds, large images already in the 90’s ;)
Summarized I like all these trends because I am a fan of simplicity and that fits well.
@Oliver – Yes, these trends keeps coming back to us. I think its just an evolution of trying to make things more simple and clean. Everything’s a cycle. ;)
Thanks for the tips, Mike! I have tried #1 several times, but I can never pull it off, so that it looks nice. :) I find it depends a lot on the photo you use and even though some photos can be beautiful by themselves, they may not work for a website as a background.
I will keep trying though and maybe sometime I will make a kickass website. :D
Thanks for putting together all this trends Mike. I also find the links very useful and inspirational.
@Dana – It can be done. It does take some time finding that nice quality large photo. Sometimes it takes purchasing a nice quality stock photo from http://www.istockphoto.com to accomplish the right look. Once you find that right photo, you can overlay a black layer on top (10% opacity) and it will do the trick. But the photo has to be high quality because that makes the entire design. Keep working at it, you’ll get it.
@Bogdan – Thanks, glad you like the video and reference links.
Another superb video! Yay, I am using the first two in the portfolio I am building :D
Thanks,
Vishnu
Nice video and really nice and interesting tips!! One thing I’d menntion is about the textures, noise and patterns. In order to create these you’d have to slice an image from a mockup or can made by css too??
@Vishnu – Thanks bud.
@Lykourgos – When it comes to textures and patterns, yes, these sections needs to be sliced out as individual jpegs, then implemented with CSS. For patterns, you can slice out small squares and repeat. For horizontal containers, you can crop out small sections and repeat horizontally with CSS.
@Lykourgos – this online tool might help in generating easy noise sections.
http://www.noisetexturegenerator.com/
@Vishnu – That’s a cool little tool. Thanks for sharing.
Thank you very much, learned a lot
like your post
I’m in love with the flat ui design when it’s done right and boy is it a bigger challenge than it seems. Trying to implement it in my portfolio redesign and it isn’t necessarily easy. But fun. Oh and the full screen images is just about tops right now. Very impressive designs out there.
Thanks Mike.
@Kris – Yes, the flat ui is big challenge to pull of effectively without appearing too flat and uninspired.
I really appreciate your posts, good advices, and some useful tricks thanks a lot man ;)
Hi Mike,
Great updates to the site recently, loving all the new content. I am really looking forward to the next course you do.
As for these website with large background images I assume the only way is really to get a photographer? I have tried searching for large stock images but could not really find anything relevant?
I actually was basically searching for points for my own blog site and stumbled upon ur post,
“My Top 5 Favorite Web UI Design Trends
for 2013”, will you care in cases where I personally implement a few of your own
tips? Thank you -Agueda
Where can I find the website you show during #3 Textures, Patterns and Noise. Thanks -Marc
@Marc – Those examples where taken from Dribbble.com. I can’t find where I pulled them from exactly but I know I pulled them from Dribble.com. Just do a search for “UI Design” and you’ll find a ton of great examples.
May I simply say what a comfort to uncover someone that truly understands what they’re discussing on
the internet. You actually understand how to bring an issue
to light and make it important. A lot more people must look at
this and understand this side of your story. I was surprised that
you aren’t more popular given that you surely possess the gift.
Awesome! Its actually awesome post, I have got much clear
idea on the topic of from this paragraph.