Category Archives: Featured

My Journey Of Learning Programming Through Flatiron School #20

My name is Mason Ellwood, and I’m currently working on Flatiron School’s Online Full Stack Web Development Program. Each week, I’ll be writing about my experience, what I’m learning, and tips on learning to code.

Within this post, I will cover something that I tend to dread. Backtracking. For me while learning, especially with code, there is always a small portion that does not quite make sense…. And with this, moving forward, the lessons build upon those concepts and the more and more you move forward, the more the material does not quite stick.

Usually, when this happens, I move forward anyways, full well knowing that what I just read does not quite make sense. But in my head, I’m assuming that the next lesson will clarify the previous. I then continue this cycle of confusion until is it too late. But like always, I move forward. This is the predicament that I am in right now. I am so far along in the lessons that I’m not sure how to proceed on a lot of the lessons, without reviewing someone else’s code. I am unsure where I took a hard left turn, but I did…

Moving backward and reestablishing by base knowledge, where my knowledge base cracked, is something I do not like doing. But I know the importance of this.

In school, especially in a subject that I was not too fond of, I would twiddle my thumbs and figured I would study like hell for the test. Which sadly works incredibly well. It probably should not but it does.

When learning a trade skill, like programming it is important to absorb all the material. When something does not make sense take a step back and establish yourself before you move forward. It is easy to not want to do this because it feels like progress is not being made. But what I found out is that, if you do not do this, when you know full well it is needed, you will have to backtrack even further than you thought you had to.

This is the position that I am in right now with The Flatiron Schools….

Somewhere along the way, I missed a core concept. Something did not stick, and I can’t quite pinpoint where exactly that was, but it happened. I am now working through ORM and Active Record, and any OO Ruby they ask me to write is fought with a lot of confusion and pain.

Working through the material that I have previously completed has been greatly beneficial to myself and Ruby is becoming more second nature.

Work slowly, and absorb. Learning is not a race and should not be treated as a race. When something doesn’t make sense ask questions and understand what exactly that is that does not make sense. I keep thinking to myself. Someone at the end of all this training is going to pay me to write code for a career. If I don’t know to do something, that is too bad… because that’s your job. 

I have learned to take my time, understand and absorb, then practice application to meet the knowledge goals I have set for myself.

Read More at My Journey Of Learning Programming Through Flatiron School #20


Source: Web Design Ledger

Check Out 9 Unique Be Pre-Built Websites and Their New Installer


Be’s New Pre-Built Installer

The old Be pre-installer had a lot going for it. For one thing, you could install a pre-built website with a single click, and immediately begin editing. That’s still the case of course. Up to that point, however, the installer has some shortcomings. Selecting and previewing pre-built websites was not an efficient process, nor were you given any indication whether you had the right plugins in place to get the performance you expected.

                                    The old installer’s UX left something to be desired.

To find a pre-built website that would work for you, required scrolling through a large (and every increasing) selection of themes. If what you found wasn’t exactly the right choice, you had to repeat the process. You also had to guess whether you had the right plugins at the time of installment.

Fixes were made to create an intuitive, more pleasant to work with, UX.

  • Fix #1No more scrolling. Thumbnails of all 250+ pre-built websites can be viewed in the admin area. To get a live preview of a theme, simply click on its thumbnail. It’s no longer necessary to switch to and fro between Be’s presentation page and the admin area.

                          The new Be pre-built website installer. Scrolling issue solved.

  • Fix #2. A live search and filter option makes selecting a pre-built website even faster and easier. You’ll come to appreciate this feature even more as the number of pre-built websites continues to grow at a clip of several per month. The filter option lets you check out several potential candidates, and select the best fit without having to repeat the process several times.
  • Fix #3. This one can save you some time and trouble. When you’ve selected a pre-built website, and are ready to preview and install it, the new installer will show you which plugins are needed for it to perform just as in the preview. It will also show which of the necessary plugins are already installed, and give you the option to install missing ones.

                        See the plugins each pre-built website needs for it to work properly.

  • Fix #4. You no longer have to import the entire pre-built website. This new feature enables you to import the page options, the content, or both, and you can select only those pages you need.

                         You install what you need, and only what you need, from a pre-built website.

This video shows how the new installer operates:

 

A Review of the 9 Latest Pre-Built Websites

Be Sports Club

Health and fitness centers, sports centers, and gyms like to advertise themselves as being current in terms of facilities and training services. This modern Be Sports Club design, with its cool special effects, provides a sound basis for a website that will serve this purpose.

Be Productions

It’s dark background and smooth parallax scroll effect makes this pre-built website suitable for many purposes. It will serve nicely as a foundation on which to build an advertising agency’s or motion graphics studio’s website. Note how the page’s colors and message stand out against the dark background.

Be Diet

To be effective, a food-related website should feature large, high-quality images that are almost good enough to eat. The Muffin Builder designers went to considerable lengths to make that happen in the case of Be Diet. The images are backed up by a cool selection of special effects.

Be Boutique

If you’re not sure how to make a background video work effectively in your website designs, let Be Boutique show you the way. This pre-built website is also a great starting point to build an engaging, but not overly showy, portfolio.

Be Stone

The Be Stone pre-built website conveys a special message. There’s no reason to have to put up with a company website that is dull, uninteresting, or downright awful looking. Give Be Stone a try the next time you’re commissioned to build a modern, slick looking website for a business.

Be Guest House

Real estate agents go to great lengths to make their properties as fabulous looking as possible. The same is true for individuals who have a guest house or cabin to rent. Be Guest House provides a great starting point for building a website for either customer type.

Be Wildlife

Although Be Wildlife may be destined for a wildlife photographer’s website, it can be put to good use for any professional photographer or photographic studio. This pre-built website makes great use of fixed layouts, in combination with a clever slider and parallax effects.

Be Restaurant

This is a good example of a website that will make visitors want to reach for the phone to make a reservation. As is the case with Be Wildlife, Be Restaurant puts slider effects to very good use. Including people in the hero image is also a good approach.

Be Furniture

Images play a key role in every one of this selection of latest pre-built websites. Be Furniture is no different, and the concept it presents can make it easier for you to build a website any furniture store client will love.

 

An Overview of Be Theme’s Features

  • For starters – Over 250 Pre-Built Websites You’ll seldom have any difficulty in finding a pre-built website that matches what you envision; plus, you can build virtually any website from almost any theme you select.
  • Muffin Builder – Working in conjunction with the options panel, this page builder makes customizing a theme and editing a page, easy – without any need for coding.
  • Layout Configuration – Building a website page when starting with a blank canvas has never been easier; no more need for cookie cutter-looking websites with this feature at your fingertips.
  • 200+ Shortcodes – Add cool features and functionality to your web pages, without having to write a line a code.
  • Advanced Typography – Use Google fonts, or upload your own special fonts; Use any style, weight, or size you want.
  • Parallax Effect/ Video Background – These are just two of the many special effects that come with the Be Theme package.
  • Lifetime Updates – With your Be license, you can look forward to receiving the latest pre-built website releases each month.

And More:

Be’s customer support is first class in every respect, plus you’ll have video tutorials and other useful information to help you along the way. You’ll also be joining 62,000+ satisfied Be users when you purchase a license to use this Themeforest best seller.

Click here to discover even more about Be Theme.

Read More at Check Out 9 Unique Be Pre-Built Websites and Their New Installer


Source: Web Design Ledger

20 Amazing Website Concepts with Breathtaking Typography

Despite the design you created for a website, whether the images, colors or sounds you choose, people immediately look at the text. People tend to look at the text to find what they are looking for and accomplish the purpose of opening the site. Knowing this fact, you need to pay more attention to typography in web design.

In this post I’ve have put together 20 amazing creative website concepts with breathtaking typography for your inspiration. Scroll down, enjoy the designs, and don’t hesitate to leave your feedback in the comment field below.

Bald Eagle Landing Page

bald-eagle

Estiosa

estiosa

HIGH

high-design

Client Comp

client-comp

Roney Gibson

roney-gibson

Exploring The North Face

north-fate

Teaori / Web site design

teaori

Trego Touring (guided bicycle tours)

touring

Merge Virtual Reality

visual-reality

Columbia Clothing X Matterhorn – Expedition 2017

columbia-design

REEF

typography-web-design

Minimalistic E-Commerce Website

e-commerce-minimalistic

Sportify App Landing Page

sportify-concept

BMW Motorrad VISION NEXT 100 – website

bmw-motorrad

Ambassador Page Layout

ambassador

Dirtdays Trail Finder Concept

dirtdays

Cherry Blossom Landing Page

cherry-blossom

Green Chameleon Unused Home Screen

green-chameleon

Step Inside Burma Live!

burma

Gallery concept

gallery-concept

Read More at 20 Amazing Website Concepts with Breathtaking Typography


Source: Web Design Ledger

9 Graphic Design Trends You Need To Be Aware of in 2017

Packaging-trends-2017

Here are 2017’s graphic design trends you need to follow. We are covering packaging trends, typography trends, layouts and even cinemagrahs.

2017 is the year we return to the organic roots and we will see a return to the natural. In terms of colors, the start has been given by Pantone (as every year, in fact), who has crowned the color for 2017 as Greenery, based on it’s meaning of new beginning, freshness and environmentalism.
green-design-trends

Manifesting as a “fresh and zesty yellow-green shade that evokes the first days of spring”, Greenery envelops the notion of breathing, reinvigorating and appreciating the great outdoors.

That said, let’s take a closer look at the graphic design trends that define 2017. Most of them influence both print and web design, but some of them are just for the web.

 

Bright, Bold and Vibrant colors

 

In the past few years, many designers have used safe and easy to digest color schemes, in order to create very clean and controlled designs. We saw many lights and neutral colors like white, grays and black dominating the layouts. But in 2017 we expect bright, vibrant and bold colors. This trend has started earlier in 2016, through a variety of design elements, but it’s expected to really pick up its speed this year. As Pantone crowned the color of the year as Greenery, we expect to see the designers using more colors found in nature and intensifying them. With photography, the trend is to use bold and saturated images.

graphic-design-trends-images

In terms of graphic design, this doesn’t mean that should be a color revolution in every company. But using bright colors with traditional neutral backgrounds, companies can give their branding a fresh new look without deviating too far from what they made great.      
Graphic-design-trends-graphics
Graphic-design-trends-examples

 

Color transitions

 

Staying in the same register, the color transitions is one of the biggest design trends right now. Started in 2016 and rising quickly after, this trend is everywhere, from logo to buttons or picture overlays. As some of the big brands decided to change their logos and images from flat color to multi-colored transitions, we are expecting to see more companies adopting this trend, both for print and web design.    

Graphic-design-trends-logos

Graphic-design-trends-2017

 

Pattern and geometric shapes

 

This trend started in 2016 and it will definitely also continue in 2017. As flat design was a very welcome addendum to the graphics last year, helping to simplify the visuals and improve user experience, we expect to see it growing and expanding this year. I’ve stated at the beginning of this post that in 2017 will be a return to the natural, therefore, I’ll expect to see more nature-inspired patterns, like marble, precious stones and plants. Painterly patterns contrasted with simple typography will also bring a crafts vibe to printed media.

Graphic-design-trends-paterns

graphic-design-trends-2017-paterns

 

For packaging and brand design, bringing together the best qualities of flat design and pattern will create vibrant, colorful products, which feel both ultra-contemporary and artistic.
Pattern-graphic-design-trends
Paterns-colors-graphic-design-trends-2017

On the other hand, the pattern doesn’t have to be just about multiple colors or symmetry. Just bringing more visual to graphics using organic line pattern, will make the designs feel completely on-trend this year.
Graphic-design-trends-packaging

Packaging-trends-2017

 

Minimalism

 

For those who love simplicity and functionality given by the minimalism, here is the good news: tracing its roots back to the early part of the 20th century, and for some, even further, minimalism is today more popular as ever. As the intentional white space means more breathability and reduced focal points, the simple way of communication of the message through design has led to adoption of the minimalism in many brand and design trends.  Inspired by Scandinavian design, ultra-minimal typography and layouts will still feel cutting-edge this year, and brands who opt for this visual approach will appear elegant and refined. If you need a touch of color, you should consider adding a subtle metallic foiling as the only embellishment you need, while keeping your palette restricted and strong.

2017-minimalism-trends

Minimalistic-packagin

 

Minimalistic-packagin-2017

 

Modern retro

 

By its very definition, modern-retro has been around for a while. Modern flare added to retro designs, typefaces and color palettes makes an interesting fusion of old and new. The key in this trend is both authenticities, as well as simplifying and modernizing any particular element that stood out from any time in the past. In 2016 we saw the popularity of modern-retro designs rising and finding its own way onto logo designs, print layout, web and packaging design. In terms of colors, maybe we’ll see some changes, meaning shifting from the muted browns and grays of 2016’s most vintage designs to candy colors. But for sure, the preference for this graphic design trend will continue to grow in 2017 and we haven’t seen all yet.retro-packaging-design

retro-packagin-examples

Modular layouts

 

Functioning to break up a text and put it into manageable chunks, modular isn’t a quiet new trend, but it’s popularity has increased in the last past years. Regardless if we are talking about print or web design, most times, using a long block of text is boring and you risk losing the readers. Especially for the web, the graphic designers have figured out that making the information more manageable makes more people interact with it. The modular design is not just a great management tool, but it also can look professional when it’s done well. We expect to see more modular layouts this year, both in print and web design.

modular-design

modular design trends

 

 

Bold photography and sleek text

 

At this moment, this trend is pretty much a staple in the world of graphic designers, because the mix between bold photography and sleek text communicates a clear message without boring the audience.  “Bold and sleek” works very well both for people with a short attention span, as well as for those who don’t want to spend too much time looking for the main information and get straight to the point. If they are done well, the photography and text tend to work together and create some great contrast and brilliant borders, streaming class and excitement.     

This combination works great for display ads, social media promotions, and graphics where a small amount of information needs to be conveyed instantly.
typography trends 2017

Typography trends bold

 

Cinemagraphs

 

Cinemagraphs are an incredible, simple and effective answer to one of the marketing’s toughest problem: time. As marketers should do and use every possible tool to grab the audience’s attention in a very short and exciting way, cinemagraphs are the perfect tool for doing this. They aren’t the regular gifs we see all around the web. Cinemagraphs are still images with minor element moving in them. This technique makes simply photos look more realistic and bring them to life. With more and more competition between marketers, we expect to see cinemagraphs coming to screens in 2017.

         cinemagaphs

 

cinemagraphs design trends

 

Material design

Material design may be the biggest and boldest of the design trends of this year. Google has created this style guide trying to simplify the way designers design and users interact with the Internet. The core concepts of this trend are “material as a metaphor; bold, graphic, intentional; and motion provides meaning.”

This means the visual aesthetic communicates clearly with the user. By drawing inspiration from real-world materials—particularly paper and ink— the designs are grounded in reality, yet lightweight and minimalistic. Paper is tactile, casts shadows, but is also incredibly flexible, so, designing with these principles in mind, you’re weaving together the fabric of the Internet and add depth to your design.

By using bold colors, contrast and typography in your design, you should guide the user’s behavior and influence your audience to act the way you desire. Google’s Material Design aesthetic is very similar to Flat Design 2.0, but it takes intentionality to another level.

  

 Grpahic-design-trends-2017-website

 

Have we missed something? Let us know in the comments bellow.
Also, check these awesome web design trends to be aware of in 2017.

 

Read More at 9 Graphic Design Trends You Need To Be Aware of in 2017


Source: Web Design Ledger

My Journey Of Learning Programming Through Flatiron School #19

My name is Mason Ellwood, and I’m currently working on Flatiron School’s Online Full Stack Web Development Program. Each week, I’ll be writing about my experience, what I’m learning, and tips on learning to code.

Back at it, SQL! Last post we created a database and learned how to add information to the database using a .txt file. Let’s learn a little more about SQL and a few rules to follow.

So when creating a table you need to make sure to include a name and at least one column. Remember from last post, we use a create statement by including a name and a data type. This allows SQL to know the kind of data that will be stored there. This allows you to have control over your data. Because the main purpose of SQL is to store a large amount of data, you should be very concerned with storing, accessing, and acting upon the data that you are storing. This makes defining your data very important.

Defining your data, or typing gives the ability to perform all kinds of operations with predictable results. Without typing, our data would be a mess or confusing; so we don’t want to do that haha.

Because we are using SQLite we will continue to explicitly talk about rules directly related to it. So anyways, SQLite only has four basic categories for defining data

  • TEXT: Any alphanumerical character which we want to represent as plain text. And example of this is the body of a paragraph, this would be considered TEXT.
  • INTEGER: Anything we want to represent as a whole number. Keep in mind, if it is a number and contains no letter or special characters or decimal points, then we should use an INTEGER.
  • REAL: Anything that is a decimal point. Example being 1.3, this would be considered REAL. In terms of decimal point, SQLite will only hold numbers that are 13 characters in length.
  • BLOB: This is generally used to hold binary code, so far in the lessons, we have not used this, so I am unsure at an example i can give you all.

The above creates a database. Then creates a cats table with an id, name, age, and breed column. Running .schema will display your database table structure to make sure you did this correctly,

As you review this, take notice that we use the INSERT INTO command, followed by the name of the table to which we want to add data to. In the parentheses, we put column names that we will fill with data.

Once your database if setup correctly, we can then add information to it!

This adds information about the cat Maru to your table. To retrieve your data to make sure that you have added it correctly, run the code below.

The * character is equivalent to all. Basically saying select and display all from the cats table.

Cool! Now you know how to create a database, add information to your database, and display that added data to the use (being you). Please post a comment and let me know if you have any questions regarding the material covered.

Read More at My Journey Of Learning Programming Through Flatiron School #19


Source: Web Design Ledger

Facebook Messenger App Gets A Brand New Look

The popular social networking platform made yet another important change that was not formally announced. Facebook made a move that has probably been planned for a long time: the platform just changed the entire messaging experience by integrating the Messenger app into its desktop version. Reactions of all kinds soon appeared online.

The change brought to Messenger app was spotted by most users, especially that this time it seems to be more than just a simple beta “test.” When we look at the home page, we notice that the Messenger icon in the blue navigation bar at the top of the screen has replaced the old inbox icon; when you click on it, you go to a radically overhauled inbox, similar to a Messenger.com.

Judging by the public statements made by its representatives, Facebook needed to go more mobile. The platform is also meant to help its users by presenting them with relevant information which can be more easily accessed. Indeed, the following features of the newest Facebook Messenger version can be quite useful:

  • The new “home page” divided into modules/panes allows you to see a list of the most recent messages and the friends you chat most frequently with are highlighted in the “Favorites” module below.
  • You can now easily find a particular conversation, change the chat’s color, edit nicknames.
  • The new “Active Now” module allows you to see when your friends are available, and the “Birthdays” module will remind you of your friends’ birthdays.
  • The new Messenger includes in-built emoji, stickers and GIF buttons, and, what is more important, payment options to transfer money to contacts, and video games.
  • The new Messenger is easier to use because it gives you the possibility to reorganize your chat threads based on your favorites and active users so that you might get to important chats faster, and get immediate responses back.

 

On the other hand, numerous users were not pleased with the new changes, stating that the old inbox layout was better and asking how they can switch back to the old Messenger (which is not possible).

The features people mostly complained about are:

  • The possibility to see your other messages on the side. This can be quite distracting and inconvenient, especially when you have lots of messages from your admiring fans and exes
  • The extra space for ads that was added on the right side can be disturbing
  • The bigger version of the inbox covers half of the message screen now and this can also make the app harder to use
  • the message box only scrolls to the right, so users can’t easily see the whole message to guide the feel of the message or easily check for typos. That can be frustrating.
  • When users try to copy parts of a conversation and save it in word, this is not possible anymore. Also, the date and time of the messages can’t be copied at all
  • Users now can’t write longer messages without their paragraphs being truncated in the composer
  • Messages can’t be filtered by “unread”
  • Photo sharing needs improvement
  • Currently, you don’t have the ability to delete individual messages within a conversation

What users generally complained about most is the fact that Facebook complicated things unnecessarily, without doing usability studies or testing the changes in focus groups first. The loss of the inbox layout shook most users which openly expressed their complaints online. People are also discontent with the fact that the Messenger app, originally designed for mobile, is now being forced upon desktop and laptop users without choice.

In reply, David Marcus, the vice president of messaging products at Facebook, stated that the changes were meant to harmonize the user experience across all platforms, especially when the app is used by 1 billion+ people primarily on mobile. Clearly, the Messaging app needed to feel and look more mobile.

Mr. Marcus also claimed that what Facebook was actually trying to do with the New app is add more value to messaging, to make it more relevant and more interesting than before. And he promised his team would look into the features that people are not currently pleased with.

Stan Chudnovsky, head of product for Messaging at Facebook, also stated that the only change brought to the network is the introduction of the new modules, which actually put together different messages or different people. Messages have been displayed in chronological order since the beginning of the smartphone era.

The Facebook representative also claimed that there is more in store for Messenger: new modules will be progressively introduced to the app because people deserve an enriched messaging experience. The need for innovation is undeniable, especially in this field. It looks like you’re going to have to keep your eyes on your smartphones to see what the platform offers you next.

Facebook’s intent is apparently to revolutionize messaging communication, but will these new changes convince the public?

What do you think about the new update? Let us know in the comment section bellow.

 

Read More at Facebook Messenger App Gets A Brand New Look


Source: Web Design Ledger

My Journey Of Learning Programming Through Flatiron School #11

My name is Mason Ellwood, and I’m currently working on Flatiron School’s Online Full Stack Web Development Program. Each week, I’ll be writing about my experience, what I’m learning, and tips on learning to code.

Last week I was reading on wired that the next big blue collar job was going to be coding. I did not really know what to think of this. At first glance, programming lost its luster of being an untapped needed career, making me (a programmer) replaceable. This has always been the case but the recent boom of programmers is scary when entering a profession, competing against some of the smartest people in the industry.

On Wednesday I went to meet up with my weekly trivia team, and a new guy came who was a “full stack” developer. He used that term loosely because of the “what the heck does that entail” title that holds. But he kind of reaffirmed my fear of the article and agreed. Sure he said but this is no different than any other career now. It seems like everyone is fighting to stay ahead of the curve and automate as many processes as they can. Because technology has become such a cornerstone for many companies, automating and maintenance surly would follow. But because of this the need for “maintenance” increases especially within the dev community.

He agreed with the article, but development turning into the lusterless career path is not true. The need for developers is greater now that it has ever been. Being apart of the growing community of developers is a great place to be right now. And the need for “you” in a company setting is only going to become more prevalent.

Search Enumerables 

So picking up where we left off. Every method in Ruby must return a value. When we iterate or enumerate over a collection with #each, its return value is always the original constant. With this in mind, if we want to display the changed array values, dependent on what your method does, you may need to add an empty array ( new_array = [ ] ) to shovel ( << ) those values into.

There are many forms of #each, that can enact different outcomes. A few of the others are:

  • #select => When you invoke #select on a collection, the return value will be a new array containing all the elements of the collection that causes the block to pass a return value as true.
  • #detect/#find => #detect and #find can be used interchangeably. This will return only return the first element that makes the block true.  
  • #reject => #reject will return an array with the elements that return a false value

These listed above are all apart of the family of search enumerators whose purpose is to help you refine a collection to only matching elements.

A few that I use most often, I have found, is #each, #collect or #map (which are interchangeable), and each_with_index. A little more about enumerators can be found, and a quick reference that I have found very useful, is located here (http://ruby-doc.org/core-2.2.0/Enumerator.html). You will use these all the time, and I know how important this concept is. Locating and changing information based within your set of data is a key to programming. Essentially programming is the pushing and pulling of data and data manipulation. Being able to quickly and effectively iterate through data will increase your chances of landing a job, and becoming an officiant “blue collar worker” – as Wired so eloquently stated.

Read More at My Journey Of Learning Programming Through Flatiron School #11


Source: Web Design Ledger

The 25 Most Creative Valentine’s Day Ads Design

First things first, I would like to say Happy Valentine’s Day to all the couples out there. For those of you who don’t have a significant other in your life, Happy Independence Day!
Valentine’s Day is certainly a celebration that we are very fond of. What started as a fertility celebration in Ancient Rome, now has become a 448 million dollars celebration where people around the world are eating approximately 58 million pounds (263.083.57 Kg) of chocolate. Now, major corporations and retailers are taking full advantage of this pink and chocolatey monster Valentine’s Day has become, and they are all fighting for a piece of exposure.
Luckily for us, this means that people with more money than Romania’s GDP are going all in and spend tons of money on creative ad campaigns.

You probably don’t have their kind of money but this Valentine’s Day ads might be just the right thing you need in order to inspire you this Halloween.

So without further ado, here are the 25 most creative Valentine’s Day Ads Design.

 

Dom Francisco

 

Ikea

 

Virgin mobile

 

Wurst

 

Schick

 

Up & Down Apparel

 

Kolner Zoo

 

SexyAvenue

 

Supreb

 

 

Corazon

 

Yemekspeti

 

Adria

 

Nissan

 

Heineken

 

Heineken

 

Conrad treasury

 

Levis

 

Orko’ss

 

Splash

 

Wellington Zoo

 

Vodafone

 

La Benedicta

Durex

 

Nakshatra

 

Conclusion

Of course, there are more creative Valentine’s Day ads out there and you probably saw some. If you think you can pin point a creative ad that we haven’t mentioned, drop a comment bellow and we’ll get it featured.

Read More at The 25 Most Creative Valentine’s Day Ads Design


Source: Web Design Ledger

The Ultimate Guide To Color Contrast.

The colors you choose while designing a website, poster or any other type of image will have a huge impact on whether or not the overall design is successful. After all, there is a lot of psychology behind the colors that people are attracted to, and designers need to incorporate this into everything they do.

Color contrast plays a very valuable role, but it is often overlooked, undervalued and misunderstood. To avoid this problem, you must learn more about color contrast, including how and why you should use it. Once you go beyond the basics of knowing that red and orange aren’t good colors to create contrast but black and white are, you can begin to develop an enhanced aesthetic that will please clients and viewers.

 

Why is Color Contrast So Useful?

Color contrast, in a nutshell, provides visual intrigue and keeps viewers interested. Consider for a moment how boring it would be if an entire poster was made from one color or only included shades from the same color family. Although there are some instances when this does work from an artistic perspective, it’s not an approach that is likely to grab someone’s attention when they’re perusing store shelves, looking at movie posters or surfing the web. Therefore, it’s wise to use contrasting colors whenever appropriate.

For example, think about the classic Coca-Cola can. If the entire thing was red, it wouldn’t stand out nearly as much as it does. The white writing truly pops off of the red background, which grabs attention and is instantly recognizable. This contrast is visually stunning, and it stands out from its competitors.

How to Best Use Color Contrast

The color choices you make must depend largely on the format that you’re using. The Coca-Cola can provides a great way to explain this process. In a physical product such as a can of soda, the red background works. It also stands out well in print advertising, on TV commercials and much more. But what if you were to attempt to design a website with these same colors?

To put it as bluntly as possible, a solid red website page background with white text on top would be atrocious. A full red background will work, though, if you put a text box on top of it that has a lighter color such as white or tan. From there, you’d most likely want to use black text in the text box to create another layer of contrast. Not only will this approach be more eye-catching but it will also enable people to read the text. Remember: black text on red is very difficult to read.

Other examples of contrasting color combinations that won’t work well on the web and may also be almost indecipherable in other formats include light green on medium green, green on red and red on blue. Instead, consider using white on green and yellow or white on blue. If you must put text on a solid red background, it’s best to use white just like Coca-Cola.

Of course, color contrast isn’t always used to call attention to text. If you’re looking to put two different contrasting colors together to draw the eye to something specific on the page, you can choose between dramatically different colors and the more subtle contrast that is caused by changes in shade, tint and saturation.

Trip Advisor does a nice job of using contrasting colors and white space to direct each user’s eyes to the most important aspects of their search results. The mixture of green and yellow is pleasing to the eye, and they kept the classic blue hyperlink color to make it easy for people to know where to click to learn more. Even better, they chose a bold yellow with black text for their “show prices” button, which stands out so much that people are virtually certain to engage with this call-to-action.   

 

Color-Blindness: What Every Designer Needs to Know

Approximately 8 percent of men worldwide suffer from some form of color-blindness. This condition is much rarer in women, but 1 out of every 17 people with color-blindness is female. In total, 4.5 percent of the world’s population does not see all colors as the rest of the world does.

This may seem like a small enough percentage that you wouldn’t cater to their needs. However, the reality is that in the U.K. alone, 2.7 million people are colorblind. This is something designers really need to consider, especially if they’re creating something that is targeted at men.

Red/green blindness is the most common version of color-blindness. What this means is that the red and green elements of any color will not have their true appearance to these individuals. For instance, a person with red/green blindness will perceive purple as blue. This happens because they’re unable to see the red tone that helps differentiate purple from blue.   

As you can imagine, this makes the process of choosing the perfect color contrast even more difficult. If you were to choose green as your primary background color or even as a font color, 4.5 percent of your intended viewing audience may not be able to accurately see everything. They may not even be able to read the words very well depending on the hue you chose and how severe their color-blindness is.

 

The Bottom Line

Ultimately, a color contrast should make both elements stand out, but especially the element that is most important. In other words, if you’re putting text on a colorful background or image, make sure that the words are easy to see and read. Keep your audience in mind and try to steer clear of color combinations that would make the final result difficult for people with color-blindness.

As always, take the time to check your designs from different browsers and devices. Additionally, don’t hesitate to ask a friend, colleague or family member to look at your work with fresh eyes and provide feedback.  

 

For some color contrast inspiration, check out this list of beatifully designed landign pages.
https://webdesignledger.com/19-best-designed-app-landing-pages/

Read More at The Ultimate Guide To Color Contrast.


Source: Web Design Ledger

10 of the Best Modern Poster Designs to Inspire Creativity

It Follows Poster

Posters offer a diverse canvas for graphic designers, and some of the very best are not only beautifully designed but also inspiring and thought-provoking. There are hundreds of stunning poster designs that are instantly eye-catching, but we’ve narrowed this list down to a few of the most intriguing examples from the current decade. Whether you prefer to be bold or understated, you’re certain to find something here that will get your creative juices flowing.

1. Stranger Things Poster

Stranger Things Poster

“Stranger Things” became a hugely popular show on Netflix thanks in part to the captivating poster that promoted it. Designer Kyle Lambert was able to expertly capture many of the most important elements and characters in a way that draws the viewer in without providing any spoilers.

One of the most brilliant things about this poster is that it provides a throwback to the 1980s style, which is the perfect complement for the feel of the show. Combine that with extremely accurate renderings of the actors and the overall emotive quality of the piece, and it’s no wonder that viewers flocked to Netflix.

2. Maze Runner: Scorch Trials Poster

Maze Runner Poster

Movie poster designers have the enormous task of making something stand out in a very crowded environment. After all, posters are everywhere at your local movie theater, and that can easily make them blend together unless a unique feature grabs your attention. “Maze Runner: Scorch Trials” quickly amassed blockbuster status in 2015, and this visually appealing poster almost certainly helped make that happen.

The use of negative space works extremely well here, and it also contrasts perfectly with the test tube shape in the middle. These subtle clues to the plot points may not even be picked up by most casual viewers, but they showcase a lot of skill on the designer’s part.

3. Silver Surfer Poster

Metropolis Poster

Silver surfer Poster

If imitation is truly the sincerest form of flattery, then all of the designers who influenced Retro Heroes creator Grégoire Guillemin should definitely feel flattered. For example, the classic “Metropolis” poster was clearly the inspiration for this retro rendering of comic book character Silver Surfer. The poster draws you in because of the similarities, but it’s also set apart by the font choice and bold red color that frames two sides of the image.

4. It Follows Poster

It Follows Poster

 

“It Follows” surprised box office prediction experts by not only receiving rave critical reviews but also becoming a huge indie hit that brought in more than six times its miniscule budget. The strength of what started as a limited release is mostly attributed to word of mouth praise, but the film’s movie posters also deserve a lot of credit.

Graphic designer Akiko Stehrenberger draws viewers in instantly with the compelling usage of eyes staring straight at you. The foggy blank space is an intriguing addition because it makes the identity of the “It” a huge mystery, and this results in the viewer imagining the most terrible things possible.

5. Air New Zealand Poster
Air New Zeland Poster

Retro designs have been popular for several years, but this usually means creating a new poster that has a retro styled image. Air New Zealand decided to go back to the past in 2016 for the 75th anniversary by rereleasing old posters instead that help showcase the history of aviation. This particular design features great usage of Technicolor for a vibrant appearance that makes flying look beautiful and glamorous.

6. Cross River Gorilla Poster(Endangered Species Line)

Cross River Gorilla Poster

There are more than 16,000 animals that are currently threatened with extinction, and the Cross River Gorilla is high on the priority list. With a population of approximately only 300 left on Earth, it’s important to conserve their habitat and to raise awareness of their plight.

Artist Sean Duggan decided to utilize a minimal design with a retro feel to put people face to face with an image of two of these gorillas. The decision to have a mother and baby gorilla looking straight at the viewer makes it hard not to feel sympathetic for their plight.

7. San Francisco Tourism Poster

San Francisco Tourism Poster

A tourism poster needs to depict at least one aspect of the area in question, and it should also intrigue and excite people. The Discover San Francisco poster may seem a bit cluttered at first, but it’s actually quite brilliant how the designer turned each letter into a recognizable part of the city’s charm and daily life. From the deeply slanted hilly roads to the intersection of Haight and Ashbury, all of the most tourism friendly places are represented.

8. The Blue Umbrella Poster

“The Blue Umbrella” is a short film from Pixar that was released with “Monsters University.” To promote their animated piece, Pixar produced this mesmerizing poster that easily captures attention. The umbrella itself is very kid-friendly with its happy expression. However, it’s the lines of the rain drops that draw us in every time we look at this poster. The implied motion is brilliantly executed, as is the juxtaposition between the color and typical mood of the word blue with the contented expression of the umbrella.  

9. The Foundation of Arts Ring of Fire Exhibit Poster

 

The Foundation of Arts Ring of Fire Exhibit Poster

This poster design wins big points for being fun, using a bold color to stand out and showcasing an extremely literal interpretation of its subject matter. As a poster for a music retrospective exhibition for Johnny Cash, it makes perfect sense to refer to one of his most famous songs. Bringing it to life by having a figure appear to be literally falling into a burning ring of fire was brilliant enough, but having that ring be the hole in Cash’s guitar really boosts the impact of this piece. Adding in the vintage feel and the eye-catching red background provided the proverbial icing on the cake.

10. The Secret of 4°C Poster

The Secret of 4°C Poster

 

Posters can be designed to sell something, to raise awareness, to motivate or to explore a graphic designer’s personal interests. The particular piece is educational and visually appealing. At a first glance, you might not realize that the image in the middle of the poster is a dewdrop.

Water achieves its heaviest state when it reaches 4° Celsius, and artist Jongwon Won used the gradient scale in an attempt to depict and explore the many stages that water goes through just before or after this specific temperature. Even without knowing this explanation, the design, use of color and well-placed white space is captivating.

 

There are, of course, thousands of other designs we could have chosen, but these 10 are a nice representative sample of some of the best work that has been produced during this decade. There are clearly some common themes between most of these pieces, and that’s a reflection on modern trends. Allow these to inspire you, and perhaps you’ll be the one to spark the next massive trend in poster graphic design.  

 

 

Read More at 10 of the Best Modern Poster Designs to Inspire Creativity


Source: Web Design Ledger