How-to's on current (design) trends in Web Design?
-
My web design skills have gotten a bit rusty over the past few years (too much coding, not enough Photoshopping!) and I'm in a hurry to get back up to speed for a huge job I'm starting on next week. Normally I would figure this all out on my own but there's no enough time for that so... I need recommendations for good resources (blogs, books, magazines) on current trends in web design and on how to implement/execute elements of these trends in software like Photoshop. This http://uxdesign.smashingmagazine.com/2012/03/15/symptoms-of-epidemic-web-design-trends/ on the Smashing Magazine site is a good example of the sort of thing I'm looking for, except it doesn't include any how-to's. Pointers to useful templates / frameworks / web design kits are most welcome as well.
-
Answer:
To your question, though, http://speckyboy.com/ is one of the sites I keep an eye on for resources and tools and freebies (including psd stuff), and http://stylesinspiration.com/ is one I have a look at once in a while to see what's current in design trends and stuff.
dinkyday at Ask.Metafilter.Com Visit the source
Other answers
You must check out http://twitter.github.com/bootstrap/. It works out-of-the-box on desktop and mobile so you cover the biggest "trend" of all, which is, http://mashable.com/2012/12/11/responsive-web-design/. Another important "trend" is http://coding.smashingmagazine.com/2012/08/20/towards-retina-web/.
rada
Check out http://www.abookapart.com/products/responsive-web-design. Their http://www.abookapart.com/products/html5-css3-bundle are also good. Some of the Photoshop effects in the article you linked are tutorialized http://www.webdesignermag.co.uk/tutorials/create-stitched-effects-using-photoshop/ and links to http://www.handmadeology.com/your-cheat-sheet-for-re-creating-the-hottest-graphic-design-trends/.
dayintoday
I get that you want tutorials on what will have been the design and layout cliches of 2013, but maybe look at HTML5/JS-based Flash replacements like CreateJS and Adobe's Edge Tools (coincidentally including Edge Reflow, a tool for responsive design that they have in preview apparently). I can't say I'm thrilled about it, but animations will probably come around again as performance and platform issues disappear.
Monsieur Caution
http://foundation.zurb.com/ is a good front end framework to work with.
juiceCake
Honestly, I would pursue some of the things you can do these days with CSS3, things that previously were only available with images. It really is pretty amazing the sorts of things you can do now, that work very well indeed anywhere other than older IE versions (as usual). I think you'll find that a lot of what is current in terms of design trends eschews the kind of image-heavy photoshop-sliced stuff of the past and goes more for simplicity and elegantly-degrading designs using CSS3, judicious scripting, and (increasingly) HTML5. Here's http://coding.smashingmagazine.com/2012/06/21/powerful-new-cssjavascript-techniques/ SmashingMag article from a year ago that talks about some of that.
stavrosthewonderchicken
http://tympanus.net/codrops/ is also a good resource to follow - a mix of tutorials and inspiration. Their weekly "http://tympanus.net/codrops/collective/" has the right blend for me.
motdiem2
http://www.agiledesigners.com/ -- great compendium of web development resources. http://webplatformtools.org/ is a similar thing... http://hub.tutsplus.com/ is the granddaddy of web design tutorial sites. The quality isn't always awesome, but there are some great tutorials if you sift through it. Also, they do keep on top of design trends. http://webplatformdaily.org/ is a new one, and does a great job of compiling all of the day's best web development news and resources into a single page. (Like a daily -- but broader -- version of JavaScript weekly or http://html5weekly.com/, which you should also be reading) http://hackdesign.org/ has some design lessons geared toward developers.
schmod
http://www.webresourcesdepot.com/ has a lot of pdf freebies, too, if that's the way you want to go. http://www.webappers.com/ usually has good stuff as well.
stavrosthewonderchicken
Related Q & A:
- How can I get a web design job in Toronto?Best solution by Yahoo! Answers
- On what websites can I learn web design?Best solution by Yahoo! Answers
- How to learn web design online?Best solution by Stack Overflow
- How to become a web design freelancer?Best solution by howdesign.com
- Where to learn web design?Best solution by Yahoo! Answers
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.