The Importance of Great Visual Design for Your Website


Designing a website can be fun for some, yet seem tedious and unimportant to others. This is how we get the difference between well-designed and badly designed sites. You can see who put in more effort into the visual appeal of their website, and who simply wanted some mild version of an online presence.

With the modern age of technology and the digital-based lives which many now lead, the visual design of a website has become a much more important factor to consider, and ensuring that your website is visually appealing can create a much better visitor to customer conversion rate. So what are the exact reasons for great visual website design?

Judging a Book by its Cover

While the phrase “don’t judge a book by its cover” may have some great teachings morally, when it comes to visiting a website, in most cases, people will do exactly that - judge the credibility of the website based on the way it looks. First impressions matter, and the design of your website plays a major role in the way that people perceive your brand.

web design

The first impression is often the deciding factor as to whether they will stay on your website or look elsewhere, so designing your website well will provide a better chance for you to retain customers and create a lasting impression. Other than that, when it comes to the visual design of a website, you need to consider that not all of your customers have access to fast internet, which can increase loading times and potentially lead to client loss. A study by Internet Advisor showed that only 71% of American households have high speed internet.

Consistency is Key

On the note of retaining customers and brand credibility, another aspect which will improve your chances of actually keeping visitors interested is consistency. Bad websites are inconsistent with brand messages, as well as are often inconsistent in terms of the physical design; you know, all the fonts and colours? All that stuff. When you are trying to portray your brand as consistently as possible (to deliver a brand personality which resonates in everything that you do), this, of course, should also be reflected on your website.

It not only feels great to create a consistent brand image, but customers will feel familiarity when visiting your site, allowing you to build trusted relationships and give them comfort when interacting with your brand. Brand consistency has always played a big part in success for brands, this isn’t anything new, the same concept just needs to be applied digitally as well.

Website Navigation is Improved

Usually, well-designed websites go hand-in-hand with great navigation. When users visit your website, they want a clear view of where they need to go, to get what they want from being on the website. And they want the process of actually getting what they want to be simple and unobstructed.

website design

A well-designed website will offer them an easy way to find where they are going, and get them there without anything getting in the way. If a user has to search for too long through multiple different pages of your website just to try and find something simple, chances are they will leave and look elsewhere. (Have you started to notice the pattern? Good design = good user retention, bad design = users leaving your website).

On the note of navigation with good design, we should point out that creating a good website design is also knowing when to stop designing. You don’t want to over-design to try and stand out as much as possible, as this can often create a complicated environment for users to navigate and again, they will probably leave your website. As we said before, the route to where they want to go on your website should be clear and easy to find, with nothing stopping them from getting there quickly and efficiently.

Website Design Can Affect SEO Strategies

On top of the actual interactions with your website, there are many design elements and practices which can actually affect whether or not your website is even displayed to users. This is something which will be very important from the get-go, and will determine how difficult your fight for visibility will be in the future. There are a few different things which can affect SEO strategies and your site’s statistics but, for the purpose of this article, we’ll look at the importance of two website design aspects which affect it: design elements and code.

Firstly, web design elements and practices have a direct effect on the way that you will be publishing content onto your website. This will obviously determine the interactions which your website has with search engine software and how this software will index your site. So design elements therefore play a role in determining if your website is even seen by users at all, let alone their actions when interacting with it.

Secondly, the code of your website also needs to be considered. To put it simply, your website code needs to be SEO-friendly as it has a direct impact on SEO indexing. When you choose a web designer, make sure that they understand the importance of SEO-friendly code. In most cases, those who understand this importance will also be able to design a good website for you, but be sure to do your research first just in case.

Alex Williams of Hosting Data found that changing colors makes a huge difference. On his blog he experimented with changing font colors, background images and even the icons on various buttons. Results showed anywhere from a small 3% change to a 40% change with button size and icon having the biggest results.

As you can see, great web design plays a big role in both customer retention as well as SEO. Great web design not only allows you to deliver a consistent brand message that people can trust, but gives your website a better chance of actually being found in the first place. While some might look the other way if your website is designed badly, in most cases, people will not appreciate an outdated or visually unappealing design. So, try to do the best that you can when strategizing for web design. It may seem unimportant to you individually, but when it comes down to it, well designed websites are the ones that thrive in the digital age in which we live.

Read the full post

Designing Your Very Own Colour Stickers: Things To Keep In Mind


Sickers

Image Credit: StickerGiant Via Flickr

 

Stickers are fun and effective – that’s why we see them everywhere. A well-designed sticker can easily convey important information through the text, imaging, styles and colours.

Designing your very own colour stickers is easy if you are sure of what you’re going for and you know what you want the finished product to look like. It’s not necessary to be a pro designer for this, but if you have some basic working knowledge of any mainstream design tool/software, it helps.

Here are important things to keep in mind before and while you design your colour stickers.

 

Personal Or Professional?

This is the very first thing to consider. Many designers get it wrong at times, and that can seriously impact the final quality of the design. If you’re an amateur designer, we recommend understanding the common mistakes designers make and how to avoid them.

Ask yourself what you’re designing the sticker for. Is it for your own personal use or is it going to be used professionally?

If it’s for personal use, you should make sure that it carries your personal brand with it, even if it’s something as casual as a laptop decal. Most such stickers are used for personalization, and that’s why it’s vital to make them look personal – stock designs won’t cut it.

If it’s for professional use, understand the message perfectly well before actually starting the work. Two aspects are the most important in this context – branding and message.

 

What’s The Message?

When you’re sure about what message you want your stickers to convey, it becomes much easier to pass it on in the design. There are no lines set in stone here – it’ll all depend on your creative ways. Just be certain of what it is that you’re trying to say and the whole process will become smoother for you.

 

What Colours Do You Want To Go With?

Understand the colour scheme before you start the design. Many designers wait until the design is actually ready to decide on their colours. If that strategy works for you, well and fine. If not, be sure about all the colours well in advance.

Professional colour stickers don’t have much wiggle room here as the colour scheme is dominated by the branding guidelines. So, the job of choosing colours becomes that much easier.

There’s another angle to this discussion – the sticker material. It’s important to know how the sticker will eventually be printed and what the technical limitations of the process are. Designing a small sticker with dozens of colours makes little sense. In the same way, using complex colour gradients that will not come out as you intend them to in the final product is counterproductive.

 

The Resolution And The Complexity

It’s easy to understand why complex designs require higher resolutions. Most designing software out there will let you output the design in 300dpi, a common benchmark used by printing companies. Sticker It Die Cut Stickers, for example, require your design to be either in a 300dpi bitmap format or a CMYK coded vector format. These requirements are more or less similar across the board in the industry.

A good design program like Illustrator will let you resample lower resolution designs into a higher resolution output while also letting you adjust pixels and colours as you need. This is, however, best treated as your last option. It’s always easier, less time consuming to start out your designing process with a higher resolution in mind.

Do consider the physical size of the sticker while you deal with its resolution. The same resolution cannot be used in different sizes as the size and resolution are inversely proportional.

 

Understand The Costs

While it’s not your job as the designer to worry about the costs of printing (at least, as far as professional stickers are concerned), it’s always a good idea to optimize the design for the downstream costs.

This involves going with easy to print ideas that can – wherever possible – employ less complex elements. Keeping the finer details limited in scope and choosing fewer colours can also bring the final costs significantly down.

The material that these designs will be printed on will also play an important role. It’s common practice to use the same design on multiple materials and/or in multiple sizes for various purposes. For example, product labels use the same design in a variety of shapes and sizes.

Your design should take the costs of printing in multiple sizes and on multiple materials.

 

Know How Your Sticker Will Be Printed

Most stickers are either die cut or kiss cut. There’s not much difference in the quality of the two.

  • Die cut stickers are cut straight from the vinyl, right to the design.
  • Kiss cut stickers come with rectangular/square paper backing in which the design is contained.
Read the full post

How to Effectively Design a B2B Mega Menu


Your website has grown to the point where you know you need to separate pages into categories and subcategories. A mega menu is a perfect solution for a larger business to business (B2B) website. You can showcase the various areas without taking up too much real estate on your landing page.

In a recent survey, 94 percent of consumers said that if a website wasn't easy to navigate, they would leave that site and go to another. People have very limited time these days between work, raising a family and personal pursuits. Anything you can do to improve and speed up the experience on your website benefits your conversion rates.

Once you decide on a mega menu, knowing how to create it is the next step. Here are five different ways of designing an expandable menu for your website and a few examples of how other brands created theirs.

1. Make It Easy to Find

A mega menu is only useful if users can easily find the expanded menu. There are a couple of ways to activate your mega menu, including clicking on a tab at the top of the page or simply hovering over it. Keep in mind that users expect your navigation structure to be near the top of the page, so your mega menu activators should also appear near the top of the page.

One method is adding a navigation bar showing the main categories on your site. If anyone hovers or clicks on one of those buttons, the mega menu expands and appears.

dbs interactive

DBS Interactive features a mega menu on their website. Users can choose from Capabilities, Clients or a view of their Portfolio. If you hover over Capabilities, a drop-down menu appears. Pause on the tab long enough and it takes you to the page with full information on the services they offer to business clients.

2. Keep the Wording Simple

Don't try to get too cutesy with the wording of your categories. Have you ever visited a site with a theme, but the pages had such strange names that you didn't know what they were for? Instead, stick with basic wording such as "Shop" or "About Us."

If you're unsure what words to use, check out the searches people do while on your home page. What are the words they hunt for? Also, check out the wording on other popular sites. The words people are used to seeing in navigation bars on sites such as Walmart.com or Amazon.com are good choices for you as well because they're already familiar.

3. Add Calls to Action (CTAs)

Think CTAs are only for the bottom of your page? Think again. Expandable menus are the perfect location for a CTA. Your customer has already taken one action, so asking them to take the next step makes perfect sense.

mc call handling

McCall Handling places a call to action so users can "Get More Info" right in their mega menu. Click on the category "Warehouse Solutions" and you'll see choices for subcategories such as overhead doors, dock levelers and vehicle restraints. You'll also see a bold CTA button calling the user to find out more about what they have to offer.

4. Use Directional Cues

One of the great things about a mega menu is that you have a much larger space to work with than if you used only tabs on a navigation bar. As the menu expands across the screen, you now have an opportunity to add directional cues like arrows or category indicators such as icons.

Imagine an "About Us" category, for example, that drops down into an expanded menu and features an email with a letter icon, a phone number with a telephone icon, and a physical address as well as links to more information about your brand's history.

You can move a user through your site simply by giving them arrows as directional cues on where to head next. In a fast-paced world, this may make the difference between the buyer completing the journey on your site or bouncing away. Fellow business owners are just as busy as you are, so pay attention to the steps that get them from Point A to Point B the quickest and show them how to move there.

5. Mobile Responsiveness

Designers sometimes make the mistake of creating for a larger screen and forget about the many people accessing the internet via mobile devices. The most recent stats show that 52.2 percent of all Internet traffic is mobile. If your site isn't optimized for mobile, you're missing out on about half of your potential traffic. However, you also must consider how a mega menu looks on smaller screen sizes and if your expanded menu accounts for variables such as the device being used.

Fortunately, creating a responsive site isn't hard. The mega menu may look different for mobile, but it should have text and buttons large enough for a human finger to press and navigate through. Test out all aspects of your menu for smartphones and see how it looks.

buy swings

BuySwings.com is a website catering to organizations and businesses with playground equipment. They sell items such as seats and accessories. Their mobile site adapts perfectly for the user. Instead of showing the different categories in a nav bar, there is an option for "Categories" near the bottom of the screen on your mobile device. Click on the text and a page pops up with the categories of "Swing Seats," "Swing Set Hardware," "Accessories" and "Slides," or you have the option to shop by brand.

 

Is a Mega Menu Right for You?

If your site has multiple categories that don't fit easily onto a single line, it may be time for an expanded menu. Only you can determine if a mega menu is the right choice for your website. Testing out different options with your target audience is a great first step to figuring out whether this option is best. Either way, you now have the tools and examples to create a mega menu that draws in users and keeps them coming back for more.

Read the full post

More Free Online Design Software


Sharing is caring and, to show you how much we care, we share open-source designer software with you every month. Edit your images, scale and resize your designs for any purpose, and have a top-notch content in a matter of minutes.

 

1 Paletton

Paletton is a new trending app that makes every designer happy to have it. It is a software that implements the rules of color theory, helping you choose a balanced and harmonious color palette. It is designed to be explored by the user, so without many spoiler alerts, we will just share their feature Colorizer - the tool you integrate with the website you're designing to refine the color palette on your pages. Within this project, they also started Colorpedia, a database where you can discover all about color theories and the use of colors overall.

2 Pablo, by Buffer

 

Developed by Buffer.com, Pablo is a Santa's little helper when it comes to creating engaging visual content. Discover beautiful stock images with their easy search engine, pick your font, format it and insert it to your design, and then just pick your social media platform for the app to scale your design in a second. Share or download your design for free today!

 

3 GIMP

 

GIMP is a GNU image manipulation program, an open-source image editor available for GNU/Linux, OS X, Windows, and other operating systems. Free HQ image editing was never this real - this sophisticated app lets you change the source code and distribute these changes further. You can add 3rd party plugins and develop the software according to your needs and preferences.

 

4 Easil

 

If an app ever smelled like summer, it would look like Easil. Their very own landing page gains your trust by showing you they understand designers and visual advertising. Aside from the really cool brand, they give you a drag & drop machine to edit your designs for free. They have two more plans, Plus for $7.50 and Edge for $59 per month, with unlimited possibilities and their priority support.

 

5 Crello

 

This is your social media first aid designer app. Create posts, videos, stories, headers, adds, thumbnails, banners and printable documents using Crello's great collection of templates, and all that with just a creation of the free account. Feeling uninspired? Check their Inspiration page to find post ideas, GIFs, animations, and coolest designs.

 

6 Word Swag

 

Word Swag enables you to add text to your images in no time. Get the app in App Store or in your Google Play, and go nuts using their Typomatic engine. It is more than just a pocket play - it's your best friend for creating art out of your social media posts.

 

7 Visme

 

Okay, are you ready? This one is really cool! Visme is a powerful app that turns your analytic data into lovely visual presentations in the easiest way possible. Add charts, graphs, custom icons and a great deal of stock photos to your unique presentation and get ready for the best pitch of your life. They offer a free individual plan, but also a variety of paid plans for businesses and education, as well as the special treat for nonprofits.

 

You gotta love that social responsibility? Dive into the next experience with one of the new, crispy apps.

 

Author: Nina Petrov, ninapetrov.com

Read the full post

Acrobat DC - Helpful Designer Software


Adobe - it's the most used reader program at the planet for now, a lot of people doesn’t even know any of his options. That topic would help you to understand Acrobat DC a bit better, little interface and using guide. Check it out, and probably you would love to teach that program like a professional.

 

In an Adobe Acrobat interface, there are three views, and these are home, document, and tools. When we go further into details on document view, it can either be a single document interface or multiple document interface that is, view one document at a time or numerous views at a time respectively. Home is a displayed page before you open a PDF in Adobe Acrobat. The tool is where all the Acrobat tools are presented. The Document is the default view all the time when a document is opened in Adobe Acrobat.

 

Adobe pdf reader for windows 10 is available and can be downloaded for free from the Adobe official website. You can download it and install within a few minutes and start enjoying all that Adobe Acrobat has to offer. The following discussion shade more light on Acrobat DC interface.

 

adobe pdf

 

Home view

 

As already said this is the page that is usually displayed when you open Adobe Acrobat and you have not opened any PDF file. It is an integral part of Adobe Acrobat in that it gives you quick access to recent files, frequently used tools, storage accounts, shared files, and to do tasks. Concerning the storage accounts, Adobe Acrobat has two accounts; these are the offline and online storage accounts where you can access your files. Other than your local computer, you can access your files from Adobe Cloud – these are files securely store using the link “Document Cloud” found on the left pane and online accounts such as Dropbox, Microsoft SharePoint, Google Drive, and OneDrive.

 

 

Tool centre

 

This is the view you can navigate through to discover all the tools available in Adobe Acrobat. All these tools are listed according to categories. Whenever you select a tool, that tool-specific commands will appear automatically on the document view only if the file is opened. In some instances, you can also be able to open some tools without necessarily opening the file. You should worry about whether to open or not open the document; if you choose a tool that requires the document to be open, you will be prompted to do so.

 

You have the freedom to either add or remove tools shortcut in the right pane. This is how to do it. Clicking the “Add” button will result in adding the shortcut in the right pane. An alternative way is by dragging the tool into the right pane. To remove the shortcut, next to “Open” just below the tool name, click the Down arrow then select “Remove shortcut”. There is also an alternative way to remove a shortcut, and this is done by a simple click on the cross button on that particular shortcut in the right pane.

adobe pdf

 

Document view

 

As we have already highlighted, the document view is the default page whenever a PDF file is open. By default, when you open this page, you will see multiple tabbed interfaces for viewing numerous PDFs at a time. When you open multiple PDFs at a time, each will open as a tab but still on the same window of the application. You can switch from one tab to the other from the top whereby the name indicates the name of the file being opened in that particular tab. A previous and next buttons will always be displayed on the far right-hand-side for easy navigation through document tabs whenever the number or amount of documents are high such that they don’t fit the document view.

 

At the top of the work area, the toolbar and menu bar are displayed. For a stand-alone application, the work area comprises of three panes. Towards the left side is the navigation pane, on the middle is the document pane, and to the right is the tools or task pane. All these panes each have a specific important role it plays. The navigation pane located on the left is useful in providing smooth browsing through the PDF as well as perform other options on your PDF file. The function of document pane found in the middle is to display the PDFs. The toolbar located next to the top of the window plays a significant role in providing other controls you can use to work with your PDFs.

 

In the beginning, you may not be in a position to see various tools in the toolbar. To combat this, you can add some more tools to your toolbar for ease of access. To perform this, right-click on an empty space within the toolbar then select the tool that you want to be displayed in the toolbar.

 

In conclusion, we need to say that it's a small beginners guide, which takes five minutes from you. And even those tiny article bring a lot of helpful information to you, probably if you will check other guides by yourself - Acrobat DC will be used a lot by you. Thanks for reading and use only the best software.

Read the full post

5 Color Palettes to Inspire Your Branding


Brand your business with amazing color combinations to ensure a positive reaction from your potential customers. Consider the fundamentals of color perceptions, which we will mention ahead, and get your colors on!

 

When you brand your business with pleasing color palettes, you make your target feel comfortable enough to do business with you! It starts from the moment your create your logo whether you decide to use color pantones or hex codes. A Logo Creator for example, gives you template options which you can work on if you don’t feel like starting from zero. Color your brand with your personality and your values!

 

Colors Impact People Emotionally

 

Color schemes have a psychological impact you need to consider while you build a brand. This is why picking your colors is such an important task! You can create the perception you’re after in order to attract the specific market you want. People are very visual, so colors can impact them emotionally. To understand this better, let’s take a look at general meaning behind the most commonly used colors:

color scheme

 

Get Inspired with These Color Combinations

 

We have gathered the best color combinations for different business industries so you don’t have to break your head coming up with a harmonious mix. First, determine your brand’s personality by asking yourself:

 

  • Is my brand masculine or feminine?
  • Is my brand playful or serious?
  • Is my brand luxurious or affordable?
  • Is my brand modern or classic?
  • Is my brand youthful or mature?

 

This will help you decide which colors best represent your business personality and which will attract the kind of customers you want. Now let’s get to it by industry and get some color palette ideas that are on point!

 

Colors of Technology

color combination

 

Most tech businesses want to look innovative and bold, like they will be the next big thing. Because you are trying to appear innovative, don’t be afraid to step out of the typical blue or green. You can use other great colors like purple, yellow, orange, etc.

color of technology

 

As you build your tech business, colors are an entirely personal decision. You should be informed on color psychology plus your brand's personality in order to make a more informed decision. Consider things like, is your business related to social media? Is it an app?

 

Colors of Healthcare

color combination

 

You trust healthcare businesses with your life and this is why their branding should evoke that feeling of security. Because these kinds of businesses have a huge responsibility with the community, their image should be professional, authoritative, and peaceful at the same time. Most healthcare businesses rely on mainly blue tones, but you can definitely get inspired by these colors and try something fresh!

colors of healthcare

 

Colors of Legal

color combination

 

Legal businesses should have a minimalist logo. Most legal businesses choose sober colors to appear professional and keep it basic. They usually decide to use only one or two colors.

colors of legal

 

Colors of Marketing

color combination

 

Marketing brands usually want to appear as young, modern, and creative! They want to dazzle their clients while still keeping it professional. The challenge for these kinds of businesses is to have branding colors that are both cool while classic. I mean, they still need to be taken seriously. Among the industry, most leaders opt to use purples and they see their brands as feminine.

colors of marketing

 

 

Colors of Real Estate

color combination

The real estate competition is fierce! Clients need a brand that they sense they can rely on. If your business is in real estate, just like in healthcare or legal businesses you want your colors to say: trust me. This is why most businesses go with a blue color. Remember you can use awesome color combinations to give your customers the whole message! Try these:

colors of real state

 

Using a Logo Maker

 

Inspired by a huge library of templates in combination with helpful information on color perceptions, you can design your logo easily using the best colors for it! The rest of your branding is a piece of cake once you have your logo and your branding colors (fonts are huge too by the way). If you decide to create your logo design with an online tool, look for one that allows you to input your exact hex codes for your brand colors.

 

So now you know! Start creating that unique experience for your customers with a totally fabulous color palette!

 

Authors Bio:
Valeria Santalla is a multi-disciplinary marketer and content writer that loves to create branding assets for local business. She currently collaborates at Placeit.net, one of the largest logo maker and design template libraries on the internet.
Read the full post

How to Effectively Integrate Your Brand's Colors into Your Storefront Location


color branding

Brand consistency is one of the most important aspects of making your store memorable to consumers. Every time customers interact with your brand, online or offline, they should be reminded of who you are, which requires using the same images, logo, colors and message.

Experts estimate it takes five to seven impressions before someone remembers a brand. That number may increase as more and more brands go online and clamor for the attention of a limited pool of customers. If you want to be memorable, you must present your brand in a similar way over and over using a variety of methods.

Using your brand colors in every interaction, including in your storefront location, is a great way to create a memorable impression. However, integrating brand colors into a storefront isn't always easy. You may be limited by the construction and colors already present in a rented space, for example. Fortunately, there are some features business owners have control over when it comes to storefront branding.

1. Create Display Windows

Creating window displays that draw people inside is a bit of a challenge. You have to highlight some of your more popular or recent items. However, your display windows are also a great place to integrate some of your brand colors, either through signage or selected products. Think about what might catch the eye of passerby as they walk past your store. What colors surround your windows and what will pop out to potential customers?

2. Change the Wall Colors

If you are in a location where you're allowed to paint, change up the wall colors so they coordinate with your brand colors. Think about the colors in your palette and what compliments them. If your colors are vivid, you may only want to use the brand colors as an accent and stick with trendier neutral tones for the background. Different types of colors have a different impact on your audience. For example, you can use black as a neutral color and to create a sense of mystery or stick with light greens and sandy browns for a sense of tranquility.

3. Add Signage

Signage is a way to incorporate the colors you want without changing the walls or altering more permanent store features. Using signage is particularly useful if you're still developing your brand colors or testing out colors before making a change. Signage is relatively inexpensive, but still makes an impact on store visitors. Use vinyl signs in the color of your choice or add color elements over a white vinyl sign. You can also use signs to point customers toward your register, sale items or to highlight new arrivals in your store. Don't be afraid to incorporate both brand colors and accent colors for attention.

4. Invest in Bags

What color are the bags you put purchased products in? Using customized bags is a great way to add additional branding that utilizes your company colors. Whenever the person leaves your store and others see the bag, the bag should be immediately recognizable as a company standard. Using a signature color boosts brand recognition by about 80 percent, so business owners should look for every opportunity to do so.

Think about the last time you visited a local mall. You may have seen someone walking out of Victoria's Secret with a pink and black striped back. You immediately knew what brand they purchased from. Perhaps you noticed a black back with white letters from Hot Topic. What colors scream your brand identity, and how can you put that on a bag so everyone sees the visualization?

5. Employee Uniforms

Depending upon what kind of store you run, employee uniforms might be a good idea. Keep in mind that uniforms allow store visitors to readily identify who works there in case they need assistance. The uniform should match the overall branding of your business. If pink is your signature color, invest in pink shirts with your logo or black shirts with a pink logo. Think about what type of uniform best represents your brand and how to add your company colors to the outfit.

If you've ever gone to Best Buy, you know employees are easy to spot because of their shirts with the bright Best Buy logo. Go out to eat somewhere like Hooters, and the orange shirts of the servers pop and grab your attention. No matter what your brand colors may be, your employee outfits should highlight them and make the store memorable.

6. Floor Signage

Adding signage to your floor draws customers in for sales and other events and directs traffic through your store. You can even use three-dimensional signage to draw them into a sensory experience. Signage can be used both outside your store, such as in a shopping mall (if the mall allows it) and inside the store to direct customers down a planned path. Think about footprints in your primary brand color that lead the way to a new, featured product.

Brand Colors Matter to Storefront Locations

Adding in brand colors gives your store a unique identity. Keep in mind, though, that the overall aesthetic of your store is much more important than simply throwing up certain colors. It's okay to limit how much you use your brand color, but there are some places you shouldn't shy away from it, such as a sign for your storefront. With a little attention to color and how it impacts your store visitors, you should find a balance between branding and usability.

 

 

Lexie is a graphic designer and typography enthusiast. She spends most of her time A/B testing websites and creating style guides. Check out her blog, Design Roast, and follow her on Twitter @lexieludesigner.
Read the full post

4 Best Colour Tips to Create a Successful Dating App Design


best color tips

There are many elements which go towards creating a successful dating app design, but the most basic – and crucial – of all are the content and the color. What will your customer discover when they navigate to your app, but even more importantly, what will draw them there in the first place. There is no point running an app which is lacking in compelling content for potential daters to engage with, but if they aren't inspired to check out your app in the first place, even the best content in the world will remain undiscovered. Which is where color comes into the equation. This primary consideration, the tones and hues you choose for your web pages, is all-important. Here are the four best tips regarding your app's color scheme.

‘Fiery' colors

Colors instigate an instant reaction. Take one of the top English football clubs, Liverpool. They once played in red shirts and white shorts. Then one of their managers decided an all-red kit would make his players look even more intimidating. Why? Because red is traditionally associated with danger, whether that's warning lights or labels on bottles containing hazardous substances. But how does that relate to a dating site apps?

Red is naturally associated with fire and heat. These are also terms which are readily applied to passion. Passion is never described as a cold emotion (cold colors being the aquatic tones of greens and blues.) It is hot. It's also no coincidence that red is the color of blood, symbolizing the life force which drives us all.

Red, and its more temperate, toned-down shade, pink, are the colors which should be first in your palette as you design your app. However, there's so much more to constructing a memorable dating app than just introducing a lot of red. Too much of any one color can prove to be overpowering.

Choosing a theme

As well as thinking of your basic color components, the next key consideration is how to balance these throughout your web pages. This is where your app's functionality comes into the equation. The purpose of your dating app is to draw in single clients who have been attracted to the overall look of your app (color, font, basic layout, the message you're presenting). Remember, people browsing the web, whether they're seeking dates or anything else, are fickle. If a design doesn't catch their eye within seconds, they'll swiftly move on, never to return.

Keep it clean and white

There are many aspects which you can harness to establish your theme. The aforementioned hot colors may be associated with passion, but how you use color is equally important. Many dating apps (for example, TenderMeets) tone this down, focusing on presenting a clean, white interface, perhaps only introducing the occasional ‘hot' color to attract the eye. You might go with something completely different, like a subtle use of yellow or orange. Like art itself, there are infinite possibilities. The main rule is to remain consistent.

Navigation

Once you choose your theme, don't ever deviate from this. Never mish-mash different elements – the theme and color schemes must be consistent. Using different colors so customers appreciate which words can be clicked on to jump to different parts of your site (hyperlinks) is a basic web design consideration. In the previously mentioned example, the app uses a contrast of pink for the links. The beauty of web design is you can make changes and tweaks to your colors at any time, but it would be better to start on a firm footing.

Read the full post

How to Draw and Paint Fashion Sketches?


fashion sketch

Struggling to come up with a better version of your fashion sketch? Lacking ideas on which color combination is the best? Or having a hard time with the finishing touches of your design? If yes, then you should learn some of the best tips on how to draw and paint fashion figures or sketches.

If you want to enter the fashion industry, you should know that new designs are being offered in the form of hand-drawn sketches. And there are certain steps that will make the process a lot easier – from drawing the figure up to putting paint on it if you want to.

So, let’s get started with the steps that you should consider!

To start the sketch, you have to do the following:

Gather the needed materials.

Of course, before you draw and paint, you should have the materials required. You can choose a hard lead pencil that would make sketchy and light marks which are easier to erase. Also, marks that are made of these pencils don’t indent the paper making it very helpful once you plan to add color to your image.

Besides, you might also need a high quality eraser and also a thick paper to make the sketch look professional. It is not advisable that you draw using a pen since you couldn’t erase the marks. You might as well need inks, colored markers and paints to illustrate the clothing designs.

Decide the pose for the croquis.

Croquis is referred to as the model for your design and it must be drawn into a pose that would show off the said items best. It’s up to you to show whether the model is walking, bending or sitting or in any other position.

If you are a beginner, you can begin drawing with the most common pose, and that is a runway sketch showing a standing model or striding on a runway. This is considered to be the easiest one to draw and it would allow you to illustrate all the designs in full view.

Try other methods for making a croquis.

It would be great if you can draw your own croquis because it allows you to create a model to its exact proportions that you want. Nevertheless, once you want to jump straight to your drawing, some other shortcuts can be done. You can also search online for other methods or consider some important tips at malen-lernen.org.

For the second part, to draw the croquis, follow these steps:

Draw the balance line.

The balance line is the first line of the sketch and it would represent the center of gravity of your model. You can simply draw this from the top of the head to the tip of the toes, along the backbone of the croquis.

Next, draw an oval to represent the head which will serve as the base of the croquis. From this, you can make a proportional drawing. Think of the croquis as the skeleton of your model.

Take note that the balance line must be a straight vertical line, though you want the model to pose in a leaning position. Once designing clothes, you will not be required with a proportional model since the clothing is the one to be showcased not your skills in drawing.

Begin drawing the pelvic area.

You will need to draw a square having equal side lengths the balance line below the middle wherein the pelvis is positioned on the body naturally. You have to size the square based on how wide you want the model to be. A smaller square is perfect for a thinner model than the plus-sized one.

Draw the shoulders and torso.

From the two corners of the pelvic square, extend the torso lines upward. There is a need for the torso to extend upward at the same time bending in the midway at the waist then extending out again at the shoulder. The same with a real human body, there is a need for the shoulders to be of the same width as the hips or the top of your pelvic box.

Once you’re done, the torso must look like a normal torso of a real human.

Sketch the head and the neck.

It is important that the model’s neck is third the width of the shoulder and half the length of the head as well. Right after drawing this, proceed with sketching the head, that should be in proportion to the body. To make the model younger or more juvenile, make a bigger head.

You could erase the initial oval that you drew representing the head. You have to draw the head for it to look natural.

Fill in with the legs.

Take note that the legs must be the longest part of the body. They should also be portioned into two pieces, the calves, and the thighs. Bear in mind that fashion illustrators typically exaggerate the height of the model by making the legs longer than the torso.

Finish the sketch with arms and feet.

The feet are somewhat narrow so draw them as the same with the elongated triangles which are about the equal length with the head. Draw the arms like the legs, being tapered toward the wrists. You should make them longer in proportion to the torso compared to the real arms of a person as this would give a more stylized impression. Adding the fingers and hands should be done last.

And finally, to draw the clothes and other accessories plus to pain the figure, here are the things you need to do:

Illustrate the original design.

Think of the look that you try to create and represent it down to its last detail. For example, if you are designing a dress, simply add patterns, text, raffles, bows and more to come up with a beautiful piece. You should focus on the unique elements of your design and include suitable accessories for the style to be clear.

Draw the clothes boldly.

The purpose of your fashion drawing is to showcase the design ideas, you can use a bolder hand once drawing the clothing. Draw the clothes so they appear to hand on the design in a more realistic way. There must be creases around the waist, elbows, shoulders, wrists, and ankles. You should think about how the clothing hangs on the person and imitate it on the model.

Consider learning how to draw wrinkles, folds, and pleats.

Utilize different types of lines in order to create creases in the fabric you are drawing. It would help you illustrate the structure of the garment if you know how to draw pleats, folds, and wrinkles.

Illustrate the prints and patterns.

It is important that you accurately illustrate how the patterns and prints look like on the model. Begin by drawing the outline of the patterned garment like a blouse or a skirt. Then, divide it into a grid having different sections. And, fill in the sections one at a time having a pattern on the fabric.

Complete the drawing with shading, color or ink and by painting the fashion figure.

Now, you can utilize thick black ink or paint onto the lines which you want to keep. The body shaping lines could be erased and any stray pencil marks. Finally, carefully color in the clothing with the use of hues that you want for your designs to have.

Painting the drawing is a lot easier if you have the right paintbrush for the job.

There you have it! If you plan to enter the world of fashion designing, then learning the right way on how to draw, or to paint, is indeed crucial. The details below will surely help you a lot!

Read the full post

How to Choose a Color Scheme for your Logo Design


color scheme logo design

When you are building a brand, choosing a color scheme for your logo design can often be more difficult than coming up with the brand entirely. Making the wrong choice could be damaging to your brand, but it can be hard to tell if you are making the right choice to begin with.

Colors are important when it comes to marketing because you want to ensure you’re invoking the power of emotional connection. This type of connection is important when you are building up your audience and gaining trust in your potential customers. So, how do you know which colors are going to best help you accomplish this? We are here to help you figure it out.

Connecting The Power of Emotion

Colors are psychologically connected to emotions. Certain colors make people feel certain types of emotions, which is why color matters so much in branding and marketing design. One small color tweak can make a big difference for a user without realizing it. For example, after running an experiment in CTA button colors, HubSpot found that a green CTA button outperformed a red one by 21%.

Different industries tend to have different dominating colors depending on what services or products they provide. For example, many banks and credit card companies use blue in their logo because blue evokes trust, loyalty, and security. Therefore, color is an important aspect in making sure you are connecting the right emotions for your brand to your customers and audience base.

What the Colors Really Mean

Each color has positive and negative connotations. Sometimes those negative connotations could pose a risk in certain industries. For example, most fast food industries don’t use the color blue because it can be an appetite-suppressing color since it’s not commonly found in the food we eat regularly.

Here is a quick overview of the positive and negative emotions that are connected to different colors:

  • Blue: Trust, honesty, devotion, comfort, unfriendliness, coldness, or a lack of emotion.
  • Red: Power, energy, passion, excitement, anger, urgency, danger, or pain.
  • Black: Sophistication, power, security, elegance, authority, coldness, evil, oppression, and mourning.
  • White: Innocence, calmness, purity, cleanliness, simplistic, plain, cautious, sterile, and empty.
  • Green: Hope, prosperity, freshness, growth, nature, boredom, envy, blandness.
  • Pink: Imaginative, passionate, fun, quirky, creative, feminine, impulsiveness, and rebelliousness.
  • Orange: Courage, warmth, fun, confidence, energy, deprivation, immaturity, and frustration.
  • Yellow: Warmth, happiness, youthfulness, creativity, fear, caution, anxiety, and cowardice.
  • Purple: Wisdom, spirituality, wealth, sophistication, imagination, moodiness, suppression, and sadness.
  • Brown: Structure, protection, security, nature, strength, loneliness, sadness, isolation, and darkness.

Consider the industry in which you are positioning yourself and the emotions you want to invoke. This part takes some research but is important for your decision.

The 60-30-10 Rule

When choosing your own brand’s overall color scheme, Canva recommends using the 60-30-10 rule that many designers follow. That means 60%, 30%, and 10% for each color within your palette.

Start by simply putting colors together. Try to focus on contrasting colors. Experiment with different shades and opposite colors to determine what works best with the image you have in mind. Stick to three colors in total to keep things easy on the eyes. Your base color should be your brand’s most dominant emotion, and then work your way down from there.

Narrowing Down Your Options

So, after all of this information, how do you pick a color scheme that will simultaneously set you apart within your industry but also evoke the right emotions? For example, you may be thinking about picking a color that is not typically used in your industry in order to set your brand apart and make your logo stand out from the crowd. However, this could be risky depending on how your audience will interpret your branding. Sometimes it can be safer to stay within an industry standard, but it depends on what you’re trying to convey.

There is always the option to run a test. Digital marketing is all about testing and tweaking wherever necessary. Things are always changing online, so your brand can constantly evolve with it.

Read the full post