The #1 rule for designing website graphics is simplicity. Geometric shapes and bright, flat colours are most popular. This rule can occasionally be broken, but generally, avoid to be too complicated, use more than 3 colours and try to create a recognizable silhouette. The best programmes to use is something like Photoshop, and always remember to have a transparent background rather than a white one.
Your logo is the face of your company, and attached to every social media account, advert and website, so it must represent your brand correctly. There are many kinds of logos and ways to present them, such as image-only logos, or word-marks made entirely of text, are popular. You could combine the two, or create an icon with a short tagline. Whether you go for some or all of these ideas remember: bright colors and simple shapes. Ensure your website and logo have matching themes and colour palettes, for example, a white or minimalist website would contrast with a bold colour like red.
If you’re creating an icon, you need to create something new, as desktop and app icons are often more complex. They are small-to-medium sized images commonly used by software/web developers or as a logo variation. Icons often include pictures of mascots, objects, or emblems from the software/application. On the other hand, similar rules apply to creating icons as they do for logos. Even though simplicity isn’t common with icons, you also need to avoid making it too complex also, or it will be difficult to recognize. Cartoon shading is best with bright, flat colors contrast well against varying backgrounds. If you’re using an icon as a button or smaller alternative to your logo, follow similar steps to creating the original. The two should be linked together. Google’s icon, a “G” using the colors of the main logo, is a great example. Often, icons are used as a smaller alternative to your logo, so if this is the case for you, follow similar steps to creating the original. E.g. Google’s icon is a ‘G’, with the same colour palette as the main logo.
You may not notice them often but favicons are the tiny image in the corner of your browser tab, which is used to identify a website. They’re the easiest to create because they’re small and often a smaller version of your logo or something related to your branding. But be careful if you simply downsize your logo, as you’ll have a blurry mess. Recreate it from scratch, or at least make sure it’s the right shape with no artifacts. There’s generally only room for a letter or two in your favicon. If you just have a wordmark as your logo, use an image or only the first few letters. Your favicon needs to be relevant to your website as is represents your brand in a bookmarked list.
By now, you should understand the importance of branding and have a better idea of how to design eye-catching graphics. Since logos and icons are often small and simple, even non-artists and individuals shouldn’t have trouble making their own. But if you do struggle, or want a very high quality logo, consider hiring a professional. It might be pricey, but it’s better than nothing at all. Otherwise, there are many logo and favicon generators out there.