24 Color Based Designs: Yellow

Post pobrano z: 24 Color Based Designs: Yellow

I personally associate the color yellow with taxis, lemons, and the sun; but yellow can trigger and evoke different emotions and feelings that can benefit your project. Here’s a short excerpt from 99designs.com:

Yellow is perhaps the most energetic of the warm colors. It is associated with laughter, hope and sunshine. Accents of yellow help give your design energy and will make the viewer feel optimistic and cheerful. However, yellow tends to reflect more light and can irritate a person’s eyes. Too much yellow can be overwhelming and should be used sparingly. In design, it is often used to grab attention in an energetic and comforting way.

To prove this point, here are 24 yellow designs for your inspiration. Enjoy!

Credit to respective arists.


credit: Scott Kirkman & Amanda Kirkman

credit: seoa jeong

credit: Javier Ormaechea

credit: Victoria Malko

credit: Constantin Bolimond & Dmitry Patsukevich

credit: Kirill Kodochigov

credit: Snask & Jens Nilsson

credit: Manu Berlanga

credit: Anna Kuts & Yaroslav Kononov

credit: ????? ?????????

credit: Feel Factory | Design studio & Danil Kartashev & Pasha Marin & Ilya Levit & Alina Stebletsova

credit: Plau Design & Lucas Campoi & Rodrigo Saiani & Kako & macula

credit: Igor Mitin

credit: Parámetro Studio

credit: Piëtke Visser & Kuudes Kerros

credit: Marco Vincit

credit: Sophia Georgopoulou

credit: Gerg? Gilicze

credit: Alex Voropaev

credit: Futura .

credit: nuket güner çorlan

credit: Rodrigo Bernardes

credit: Eduardo Roz

credit: Forma & Co


Conclusion

If you’re looking to evoke the feeling of laughter, hope, energy, and optimism, yellow is definitely the color to focus on. But be careful, yellow can attract too much attention and can irritate the eyes.

I hope that you’ve enjoyed this design roundup! Thanks for stopping by!


Designing for SEO: How to Get Started

Post pobrano z: Designing for SEO: How to Get Started

With the majority of today’s internet traffic coming from search engines, SEO is still considered the number one internet marketing instrument to use. For a website to appear in search results and attract the maximum amount of traffic, every element of the site needs to be optimized for SEO.

Many site owners and designers focus on their articles and keyword placement when optimizing a site for SEO. What many don’t realize is that design elements have the potential to boost SEO performance when implemented correctly. So, how do we design for SEO? Here are some getting-started tips you can follow right away.

HTML and CSS Elements

There is a reason why websites that look great tend to have low SEO performance: the design elements are not always geared for SEO purposes. Sure, you can use vector images and other design elements – including animations, photos, and videos– to create a site that truly shines, but there is no point in doing so if the site will lose SEO traffic.

We’re seeing a lot of interesting advancements from the HTML and CSS languages. It is now possible to create animated elements using nothing but HTML5 and CSS3. You can also substitute a lot of the design elements using HTML and CSS.

This approach can be applied to more than just blank spaces and solid elements. CSS now supports shadows, gradients, and even transparent elements. It is not difficult to replace design elements with the combination of CSS and HTML codes, along with things such as Canvas elements and web fonts. The combination will be even friendlier for SEO purposes, simply because crawlers can read through them effectively.

Images and Videos

Another common problem still found in many top websites is the lack of optimization on images and videos. It is a particularly sad issue to come across, especially since these elements are very easy to optimize.

It is important to remember that search engine crawlers can’t really understand the content of images and videos. They need descriptions and tags to help them index these elements properly. All you need to do is add the right tag to the elements you embed and the images and videos on your page will be SEO-friendly.

The same approach can be applied to other embedded elements, too. When you use Twitter or Instagram embed, for instance, it is actually easy to optimize them for better SEO performance.

Focus on User Experience

Last, but certainly not least, don’t forget to optimize user experience on both desktop and mobile devices. According to experts from Power Digital an SEO agency, search engines now prioritize user experience more than ever. The time required to load a page, along with metrics such as time on site and bounce rate, are used to measure how satisfied users are with the page.

Review these tips we just covered in this article and you will quickly realize how much good, SEO-friendly design can help boost a site’s SEO performance. It is indeed more than just about articles and content; the design you make to deliver those content matters just as much.

Featured image by Igor Miske

A’ Design Awards & Competition – Last Call for Entries

Post pobrano z: A’ Design Awards & Competition – Last Call for Entries
first image of the post
If you didn’t yet, it’s the last moment to register for A’ Design Awards. The competition, based in the beautiful city of Como in Italia, is an excellent opportunity for all kinds of designers to get exposure and recognition for their work. If you happen to win, then you’d get even more benefits, such as award […]

Grateful Dead tribute, psychedelic designs by The Collected Works

Post pobrano z: Grateful Dead tribute, psychedelic designs by The Collected Works
first image of the post
Most of Designer Daily’s readers probably already heard of The Grateful Dead, but in case you don’t know, it was a band from California who was a real precursor for psychedelic music. To get more information, just check their Wikipedia page, it’s a pretty good start. Recently, a compilation album, “Day of the Dead“, was […]

SVG Squircle

Post pobrano z: SVG Squircle

Amelia Bellamy-Royds:

I wondered if I could come up with an easy formula to create a „squircle” type curve with SVG bezier curves. It wouldn’t be the exact shape, but it could be close. The idea:

The „end points” of the curve segments are the mid-points of each side of the rectangle, where everything should be perfectly straight. The control points then stretch out along the edges until the curvature at the corners is about right.

Rogie took a crack at it with CSS a few years ago, as well.

Direct Link to ArticlePermalink


SVG Squircle is a post from CSS-Tricks