From graphic design, photoshop, editing, photo, web design, over to styling and branding.

JAN
29

Web Design Trends to Try in 2018

webdesigntrends2018

Another year brings another set of design trends to the web. It seems like these trends are constantly advancing and while prior trends are still here, many new ones are ripe for the taking.

For this post, I’ve organized my picks for the best trends to look out for in 2018. Some of these are just emerging while others have been around (and growing) for a few years now.

But I’m confident we’ll be seeing more of all these trends in the near future. And if you’re looking to stay on top of hot new design styles this list is a great place to start.

Microinteractions on the Web

Basic animation is pretty easy to add onto websites nowadays. But there’s a movement towards more user-focused animations called microinteractions that originate from mobile apps and have been moving their way onto the web.

These work like animated responses to user behaviors. So if someone clicks a button or hovers to animate a dropdown, the microinteraction would respond accordingly in a realistic way.

Continue reading
Rate this blog entry:

Copyright

© Flipboard and it's respective authors

454 Hits
JAN
22

Using page speed in mobile search ranking

google-pagespeed-insights

People want to be able to find answers to their questions as fast as possible — studies show that people really care about the speed of a page. Although speed has been used in ranking for some time, that signal was focused on desktop searches. Today we’re announcing that starting in July 2018, page speed will be a ranking factor for mobile searches.

The “Speed Update,” as we’re calling it, will only affect pages that deliver the slowest experience to users and will only affect a small percentage of queries. It applies the same standard to all pages, regardless of the technology used to build the page. The intent of the search query is still a very strong signal, so a slow page may still rank highly if it has great, relevant content.

We encourage developers to think broadly about how performance affects a user’s experience of their page and to consider a variety of user experience metrics. Although there is no tool that directly indicates whether a page is affected by this new ranking factor, here are some resources that can be used to evaluate a page’s performance.

Chrome User Experience Report, a public dataset of key user experience metrics for popular destinations on the web, as experienced by Chrome users under real-world conditions Lighthouse, an automated tool and a part of Chrome Developer Tools for auditing the quality (performance, accessibility, and more) of web pages PageSpeed Insights, a tool that indicates how well a page performs on the Chrome UX Report and suggests performance optimizations

As always, if you have any questions or feedback, please visit our webmaster forums.

Posted by Zhiheng Wang and Doantam PhanOriginal linkOriginal author: by
Rate this blog entry:

Copyright

© Flipboard and it's respective authors

335 Hits
JAN
17

Top 5 Web Design Trends for 2018

With a new year, many companies look at their websites and think: “Maybe we should do a little renovating. But, where to start?” The problem can be even worse for those just starting out with no idea what makes for an engaging website.

Presenting a visually compelling site leads to greater visitor interest. That, in turn, leads to more time on your pages, higher search rankings, more conversions, and higher revenues. But, what design trends do you need to know about to keep your site looking fresh? Glad you asked. We have compiled this list of the top 5 web design trends to look out for in 2018.

1. Animations

For the last several years, different types of animations have seen greater and greater popularity in modern design. A few recent innovations make them easier for web sites in 2018. They require less bandwidth, less processing power, and load much faster.

One such effect, “particle backgrounds” consist of java script in an HTML5 environment. Unlike fully animated backgrounds of the past, these lightweight effects can add beauty, movement, and interest to your page without taking forever to load. These backgrounds immediately attract attention, causing visitors to linger longer. Well executed, these animations can build credibility in your brand and bring visitors back for repeat performances.

More traditional animations also have a place in the web design playbook for 2018, though. As browsers become more advanced, the ability to implement interesting animations becomes more viable. Smaller animations in areas of interest will draw a lot of attention and can explain something much faster than a paragraph of text or a full-blown video. For example, an animation could show product assembly, show something humorous while the page loads, or integrate in unique ways with navigation and page scrolling.

Continue reading
Rate this blog entry:

Copyright

© Flipboard and it's respective authors

315 Hits
DEC
21

10 best new web design tools for December

azT2u9yXZHrUyNUGByTz3g-970-80

Many of this month's tools focus on the little things: finding shortcuts, dealing with special characters, digitising your sketches, and improving collaboration between designers and developers. 

On top of that, there's a free video series on learning React, a hub for startup knowledge from Google, and a few other things that will generally make your life easier when building websites. Let's get started!

01. React starter kit from Glitch

Learn React with this fantastic video series

Free

Continue reading
Rate this blog entry:

Copyright

© Flipboard and it's respective authors

315 Hits
DEC
12

Optimize Images to Reduce Page Weight: File Formats, Tools and RWD

optimize-images

This article was originally seen on Dareboost's blog.

"Reduce the page weight": here is one of the most usual tips in Dareboost reports. According to HTTP Archive trends, images represent 53% of the average pages weight, whether viewed on desktop or mobile devices. When you want to reduce the weight of your web pages, optimizing images should be at the top of your priorities.

For each image its format

It is not always easy to find the most suitable image format. Take our logo, for example. We could save it in PNG, JPEG, WebP or SVG.The weight of the images would be very different. An empirical test allows us to visualize it:

In this case, the most suitable format seems to be SVG, followed closely by PNG. It is indeed an image whose colors are plain, non-animated, representing geometric shapes. All these factors tend to favor these two formats.

Let's take a second example, this time with the photograph of a rocket taking off. SVG is just unable to represent this image correctly (we will explain why a little further). Here's what we get, with equivalent visual perception, for JPEG, PNG and WebP formats:

Continue reading
Rate this blog entry:

Copyright

© Flipboard and it's respective authors

661 Hits
NOV
03

Create Awesome Photo Effects With These 20 Amazing Photoshop Tutorials

maxresdefault

In this tutorials collection, you’ll find 20 absolutely amazing Photoshop tutorials which will teach you how to create stunning photo manipulations and effects! These tutorials will teach you new techniques and skills, essential for creating amazing photo manipulations. You can even create Photoshop Actions from these tutorials and edit your work a lot faster.

Learn from the experts how to create these awesome effects. Which one of these amazing Photoshop tutorials will you try first?

Create a Wallpaper for Blog Action Day

This tutorial will demonstrate how to create an amazing wallpaper for Blog Action Day. If you don’t know,  Blog Action Day is a day when bloggers all over the world unite to discuss a particular topic.

How to Apply Textures to Uneven Surfaces

Realistically applying a texture to an uneven surface is a bit difficult, but this tutorial will teach you how in a very easy to understand manner.

Create a Devastating Twister With Photo Manipulation Techniques

This tutorial shows you how to combine a few photos and create a devastating tornado manipulation.

Continue reading
Rate this blog entry:

Copyright

© Flipboard and it's respective authors

1485 Hits
AUG
26

10 free Instagram tools for PR pros and marketers

Instagram_Free_Tools
Instagram has become a must-have channel for PR and marketing pros’ social media strategies.

It is one of the world’s top networking sites, with more than 700 million monthly active users; more than 400 million are active daily. In addition, more than 250 million stories are shared each day.

Recent updates include Instagram ads, Instagram Stories and Instagram Business Tools.

Whether you want to find the most relevant hashtags, design stories, schedule posts or analyze metrics, these tools can help improve your Instagram influence and boost your follower base.

Here are some free tools to increase your Instagram following:

1. Canva

Continue reading
Rate this blog entry:

Copyright

© FLIPBOARD - ORIGINAL AUTHORS

667 Hits
AUG
23

10 new web design tools for August 2017

LXHGtsctrbj9zQkvhxVMZR-970-80

It may be the end of the summer, but there are plenty of hot new web design tools to get stuck into. One of the standout tools this month has to be Video Indexer from Microsoft, which can do some very clever things with video. There is also a handy static website builder, and a tool that will help you out when working with SVGs generated in Illustrator.

Original linkOriginal author: Tanya

Rate this blog entry:

Copyright

© FLIPBOARD - ORIGINAL AUTHORS

730 Hits
Advertisement