12 updated tips to design a professional logo in 2017

1. Keep it Simple

Most companies want their logo to be instantly identifiable, easily interpretable, and everlasting. As overly complex logos often fail to achieve these objectives, ‘keeping it simple’ has become the mantra for most organizations.

As Apple figured out early on, the most important factor in logo design is simplicity. Logos need to be simple so people can remember & connect with them. The more often you see a logo the more your business will ingrain in the hearts and minds of consumers.

2. Tell a Story

Your logo represents your business and is extremely important to the branding of your company. Apart from being appealing, a logo must also tell a story – the story of what your brand stands for.
People connect to a good story in any form & so if you can capture your brand’s story in your logo, then capturing the attention of your targeted audience can become easy.
If you wonder how to encapsulate a story in a logo, here are some great examples –

3. Be Creative

“What’s important is to create something that you believe is different from anything already out there,” David Airey.
A logo is what differentiates a brand from its competitors, so it’s important that the design stands out from the rest. Think out-of-the-box to design a logo that is creative, unique, clever & relevant.

4. Consider Typography

Typography is described as “pictures of words.” Typography can be an important factor in invoking a wide array of feelings and thoughts, thereby creating an image of your brand in people’s minds.

By using the right typeface, your logo would not just look distinct and different from any other brand, but it also helps in people relating to your company in a more humane way.

5. Use Power Symbols

Companies use powerful symbols like crown in their logo because they want to exhibit their brand as a symbol of prestige, lavishness & classy. And what could be better than a crown – a symbol of royalty and authority – to showcase such qualities of the brand.

6. Use Animal Symbolism

Few companies use animals in their logos, as animals have long been a source of symbolism, and their images connect well with customers, especially if they’re creatively intertwined with the brand individuality. To give a couple of examples, Firefox uses a fox to symbolize speed & MSN uses a butterfly to denote freedom.

7. Use Shape Psychology

Shapes have emotional implications and can initiate distinctive images and memories in people’s minds. Straight lines, curves, circles, and pointed edges all indicate different meanings and so an experienced logo designer can use shapes to deduce specific virtues of the brand.

8. Employ Negative Space

Negative space is the empty space around and between the subjects of an image. It can be used to depict a subject in a chosen medium by showing everything around the subject but not the subject itself.

Remember Fedex logo? The negative space between the letters E and X has been designed to look like an arrow, symbolizing speed. Spectacular logos can be created with a clever mix of design and negative space.

9. Use Color Scheme Wisely

Every color, including black & white, has a distinctive feel and several associations. Colors will evoke certain feelings and opinions towards your brand in people’s mind & so it is essential to choose the right color(s) that will represent your company effectively.

Designers need to pick the colors carefully to enhance specific elements of the logo and add relevance to the idea with the use of shade and tone.

10. Black & While can be Cool too

Black and white are too of the most poignant visuals & when used creatively in designing, the results can be outstanding. The designers must understand that black and white shouldn’t compete, but rather complement each other when used in logo designing. To make the point more clear: contrast creates completion.

The effect that black and white have is subconscious on people’s minds & so, it is essential to carefully consider the significant impact they will inevitably have on your designs.

11. Convey Right Message

The main purpose of a logo design is to convey the brand message to its customers. The most important work for a designer is to integrate a relevant & meaningful concept in the logo, where the idea is to create an insinuation of the brand’s purpose using creative symbols and colors.
Major brands like Amazon, Wiki & Cisco all have logos that are not only conceptual, but also meaningful.

12. Logo Marks can help Branding

Not all companies can use logo mark, as the company must be big enough, probably with fine experience and existence of quite some notable years of work and excellence.

Companies like Nike, Apple & Volkswagen use logomarks as there is no need for them to mention their company’s names & just by the logo mark, people recognize their identity and importance.


Logo designing is a part of our graphic designing course, where we teach our students to create a professional logo from scratch.

How to Create Accelerated Mobile Pages (AMP) – Infographic

Accelerated mobile pages (AMP) are changing the landscape of the web world by increasing the page load speed for mobile users using a new coding language AMP HTML. Apart from boosting the page load speed, there are few more benefits of AMP like improved search engine ranking, ad support etc.

We have created an infographic that shall guide you to create Google’s new accelerated mobile pages (AMP) which is a type of HTML, optimized for mobile web browsing, that makes web pages load faster.

You can gain more valuable insights about AMP migration by going through the following link from Google support – https://support.google.com/webmasters/answer/6340290?hl=en

Know more details about how AMP works in increasing the page load time here.


Download AMP Sample Page here


 

30 web design trends to watch in 2017 – Web D School

Web designing is constantly evolving with newer trends emerging almost every month & it is essential for designing professionals to keep themselves updated in order to be competitive.

The following are the 30 most important & updated web design trends to watch out for in 2017, which we have put together after a lot of research.

 

1. Increased use of VR & 360 Video

Everywhere we look, someone is speaking about Virtual reality, augmented reality etc & they have now come to rule the web designing world too. Today, a lot of reputed web browsers are working on support for WebVR, the open standard that makes it possible to experience VR in your browser.

 

2. Flat 2.0 Graphics

Flat 2.0 is simpler to use as it combines the best of flat design with additional user interface cues to help you construct a website design that’s attractive and functional.

 

3. Long Scrolling Mobile Websites

Long scrolling single-page websites are becoming extremely popular lately due to its simplicity & ease of use. Swiping a finger lets users to surf long scrolling sites with more control, precision, and offers immediate gratification than clicking through page-by-page navigations.

 

4. Innovative Scrolling & Parallax

The parallax effect is now commonly seen as part of the scrolling feature of many web pages. It uses several backgrounds that appear to move at different speeds to create a sense of depth and an interesting browsing experience.

 

5. Cinemagraphs

Cinemagraph could, well, be termed as the latest trend in web designing. It’s the crossover between image and video, with restrained movements that intrigue the onlookers but don’t distract from the message.

 

6. Increased use of Illustration & Hand Drawn Sketches

Illustrations are being used commonly today in many websites as they give a cleaner, flatter & minimalistic look to the site. Apart from making the page look beautiful, sketches also convey & reflect individual styles.

 

7. Pure SVG Images

The designers are using vector graphics a lot nowadays because they are easy to scale and reposition for any situation. From images to illustrations and background patterns, vectors are the apparent solution due to their natural flexibility.

 

8. Gradients & Vivid Colors

Nowadays gradients and vivid colors are being applied in much more than just customary UI and web design, as many designers agree that they add individuality to the site. They are used on the web in bold manner, mixing highly saturated colors for extremely rich effects.

 

9. Card Design & Grid Layouts

Cards are essentially little containers of information, with each card representing its own singular idea. A card can hold any type of content – illustrations, text, links, etc. – but all fall under a specific unified theme.

 

10. Ultra Minimalism

An ultra-minimalist site is about stripping away all of the non-essential elements and components, and replacing them with whitespace. Typography, Color scheme, negative spacing, Pixel placements all play a big role in creating an ultra-minimalist website.

 

11. Videos with Sound

Videos can be best used in a website to introduce the users to a product or service, & they can also enhance the user experience if properly integrated in the overall design.

 

12. More Animations

We are beginning to see more & more of animations being used in web design today, as they offer a pleasant change to the users amidst a lot of flat & minimal style designs.

 

13. Skeleton Loading

Skeleton loading is helpful when you don’t want the visitors to become impatient while your site is loading. Skeleton loading does not give the exact information of what is going to be on the site, but it lets people to know where they should set their focus. So they are already looking in the right place, when the real information comes up.

 

14. Big, Bold Typography

Big typography can be a good choice for simple landing pages that take you into a website. Specifically, it can work great as an art element if your overall design is a little soft in terms of strong images.

 

15. Increased use of Duotone Colors

The duotone effect, which applies a couple of colors over a photo, is striking, beautiful and lively. Duotone can make the site look intense, impressive & even tranquil.

 

16. Split Screen Web Design

Split screen web design usually presents the user with two choices on the direction they wish to take in the website from the landing page. For some it is just a stylish way of exhibiting their site, while for others it lends itself beautifully to the two diverse things they want to bring to users’ attention.

 

17. Implementation of AMP

Accelerated Mobile Pages (AMP) – a brilliant initiative by Google – is an exceptionally powerful version of HTML, which is compressed to essentials in order to provide quality content to smartphone users with a lightning fast speed.

 

18. Conversational Interfaces

Conversational Interfaces (or CIs) are presently of two types: AI powered Chatbots and Virtual Assistants (Google Assistant, Siri etc.) CI design needs a basic shift in style to design – minimal graphic design and more content and conversation flow would be the principal UI elements of a CI design.

 

19. Impressive Heading Styles

A well devised header will instantly attract the user’s attention, & once you catch someone’s attention, they are much more likely to expend more time on your website and return again in the future.

 

20. Overlapping Text Over Images

Among the numerous combinations that deliver a beautiful page in web designing, the most important combination would be of image + text duo. Merging beautiful images and pleasant texts can result in an amazing design that will capture your user’s attention instantly.

 

21. Increased use of Modular Designs

Modular design is a technique where everything is created using a block grid pattern, where all the elements of the design fit into the modules in rectangular forms. The look is smooth and simple, & works great in responsive frameworks.

 

22. Geometric Shapes

Geometric shapes are trendy as design, navigation elements, framing components and are quite helpful to draw users’ attention to some parts of the site. Designers are not just using the common shapes like rectangles & circles, but also triangles, rhombuses & hexagons in web designing today.

 

23. Hamburger Menu

It’s three lines stacked together to roughly form the shape of a hamburger & it was created as a website design feature to encompass a site menu without taking up too much space.

 

24. Mega Menu

Mega Menu is a single drop-down that appears on hover, shows all the options in one large panel, combines options into related categories & uses icons or other graphics to help the user.

 

25. Full Screen Vertical Navigation

Now we have many sites using a method where the design adjusts to completely fill the screen. Though this is a subset of responsive design, here the designs adapt in such a way they totally fill the screen and do not create scroll bars.

 

26. Micro Interactions

Sharing a Facebook post, commenting on a blog, rating a video – these are few examples of micro interactions & they are one of the hottest UX trends right now. Apart from enhancing user experience, they also provide essential feedback & explain functionalities.

 

27. Loading Animations

Until recently loading animation was restricted only to the Gif format, but now with authoritative technologies and browsers, designers can create them with CSS3 and jQuery itself.

 

28. Asymmetry Design

Asymmetry is defined as the lack of symmetry or uniformity between two halves, and the designers usually apply asymmetry to create balance and coherence in the design.

 

29. Lazy Loading

Lazy loading is a technique where instead of bulk loading all the content when the page is accessed, content will be loaded when the visitor browses a part of the page that needs it.

 

30. Adaptation of Material Design

Google’s Material Design language has totally transformed the way UI designers create interfaces. The objective of Material Design is to deliver a consistent library of design aesthetics and performances that can be repeated across any medium.

We conduct regular seminars at Web D School to explain these trends in detail with examples, which would benefit the students pursuing our web designing course.

5 reasons why you should learn Responsive Website Designing

According to Wiki, Responsive web design (RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).

In other words, a responsive website would change its alignment, by using HTML & CSS to resize, shrink, hide, enlarge or move the content, according to the device on which its viewed, in order to make the site look good on any screen.

Today, having a responsive website is essential for any business because of the several advantages it offers, & hence it becomes important for the students to pursue a web designing course that teaches responsive website design too.

Lets just take a look at the 5 most important reasons why you should learn responsive website designing –

Rising mobile usage

Rising mobile usage
Its becoming increasing difficult to spot a person without a smart phone today, & almost 60% of website traffic is coming through mobile devices. Mobile phones have become the prime gadget to access the web & so it only makes sense to make a website that will look good in the mobile device in order to target those massive number of audience.

Search-Engine-Ranking

Improved search engine rankings
A website is the most important marketing tool of modern companies today, with SEO (search engine optimization) proving to be extremely helpful in the website gaining more visitors & consequently more business. In recent times, Google has started to reward those websites that are responsive with higher rankings in their search engine results, thus underlining the importance of responsive web design in its own way.

social-media-optimization

Social media optimization
Social media is the current rage & almost 75% of social media consumption now happens on mobile devices. So when you are sharing links from social media sites like Facebook, Twitter, or Google Plus to your website, it is mandatory that your site is responsive in order to make it look good to view from the mobile device. So if your company has a social media presence and want to use the power of social sharing of your website’s content, build a responsive site.

user-experience-for-startups

Better user experience
There could be many business reasons to build a responsive website, but they all boil down to the objective of providing a better user experience for your visitors. If you have a responsive site, it means no pinching and zooming, no side scrolling to view the full site that doesn’t align properly on the phone screen of your visitors. Remember that a better user experience helps in reduced bounce rates, increased brand identity and improved conversion rates

Cloud computing devices

Future Scalability
 The best thing about a responsive website is that it is made to support even those devices and screens of different dimensions that would be made in future. Consider those gadgets in pipeline like the smart watches, and Google Glass, and various new devices being built for internet viewing; a responsive web design built today will work for them too.

We have just mentioned the most important reasons, but there is lot more to justify the prominence of responsive web designing, & we hope you have understood the significance of learning a web designing course that includes responsive site creation.

If you are looking to do an Advanced web designing course in Chennai which includes responsive web designing module, click here.

Top 25 Interview Questions for Web Designing

  1. What are the new elements in HTML5?
  2. What is the difference between “container” & “container-fluid” in bootstrap?
  3. How to create multi-column layouts using CSS?
  4. What is the difference “display:none” & “visibility:hidden” in CSS?
  5. What are the new form element types in HTML5?
  6. How would you differentiate “id” and “class” selector in CSS?
  7. How do you indicate the character set being used by an HTML5 document? How does this differ from older HTML standards?
  8. Describe what a “reset” CSS file does and how it’s useful.
  9. What are CSS sprites, and how you would implement them on a page or site?
  10. What are vendor prefixes?
  11. What is z-index attribute and how is it used? What is the default value of z-index?
  12. What are media-queries?
  13. What are the advantages and disadvantages of using a CSS framework such as Bootstrap?
  14. How many H1 tags can you have on a single web page? Does having more than make any difference?
  15. What are the different objects used in JavaScript?
  16. What is “this” keyword in JavaScript?
  17. What is a grid system?
  18. How many different media queries are used by the Bootstrap grid system by default?
  19. What is the use of document object model?
  20. What is the difference between == and === in JavaScript?
  21. Which is the function that is called to validate data in JavaScript?
  22. How do you focus a particular part of the HTML page in JavaScript?
  23. How is everything treated in HTML Document Object Model?
  24. What are regular expressions in JavaScript used for?
  25. What are the set of plug-ins available in jQuery UI?

5 tips to give your Designing Career a Flying Start

Graphic/Web designing training is a very popular course that more people with creative skills take up nowadays, but the hard thing is to start your career with a great job. We will share with you 4 tips that might give you good directions in starting off with a good career.

Tip 1 – Learn ONLY from the best
           Once you have decided to make a career in the field of Graphic / Web designing, the first thing you ensure is that you gain the necessary knowledge (or) the right training from the best place. There are hundreds of training institutes that claims to be the best & they try to attract aspiring students with huge discounts, free gifts etc. So, be fully prepared to conduct a thorough research abt the institute, their teaching standards, their placement records etc before committing yourself to the course.

Never ever compromise on the quality of the education, especially for the sake of saving few thousands or avoiding the travel of few extra kilometres. Remember that this is a solid investment you are getting into & how much ever you earn in the next 30-35 years is going to be based on the few months you are going to spend there.

Tip 2 – Join relevant communities & forums
           Allow the professional web designers to be your “godfathers” by joining in relevant forums & communities, where you can share your work-related issues, ask questions, request for solutions, seek guidance in a project. Just absorb as much as knowledge from the old-timers’ experience & learn the nuances of the creative process, which not many institutes can teach.

Tip 3 – Practice, practice & more practice
           Practice makes perfect – this universal truth is the secret behind all successful persons from any field. You have to practice most of the time while studying the course and see the world like a designer would see it, i.e. capturing all the interesting information and transforming it into design. Theories are important to understand the software & their functionalities, but it is those practical sessions, which actually converts you into a professional designer. So, with more practice, more professional you become.

Tip 4 – A good portfolio
           Before getting the dream job in the designing field, you will need a solid portfolio, which is nothing but a showcase of all your student works and projects (only the completed ones). The Graphic/Web designer degree might help a bit, but potential employers would like to see your skills before they short-list you for an interview. We recommend that you create a blog (or) a personal site (or) a microsite, where you can post all your good works showcasing your skills in designing, interface creation & functionalities. Whenever a client/employer wants to see your portfolio, you can just send him the link of this page. A good portfolio plays a big role in bagging you an interview from a reputed company.

Tip 5 – Prepare well for the interview
           This is such an important point, that we have written a separate blog on this. Please click here to know those important interview tips. If you can check all these boxes, you can be assured of an excellent start to your career in the designing field with a high paying job in a reputed company.

7 Elements of Graphic Designing

There are 7 specific design principles you should try to follow whenever you are creating a graphic design. These elements or principles can help you create wonderful layouts that are both effective and pleasing to the eye. They can also teach you to communicate a visually better message to your target audience through your designs.

1-01Line
Lines, in graphic design, can be used for a wide range of purposes: connecting content, stressing a word or phrase, forming patterns etc. Lines can be vertical, horizontal, diagonal, circular, patterned, free form or solid. They are used as roadmaps to direct the viewer’s eye movements. If you use trees for example, which are standing straight up (vertical), there is no movement felt by the viewer. On the other hand if you have the trees bent at an angle this will make the viewer feel motion and a sense of movement.

1-02Shape
The three basic types of shapes are Geometric (Circles, Squares, Triangles etc.), Natural (leaves, mountains, people etc.) and abstract (icons, stylizations and graphic representations). They give volume to the forms in a design. You don’t always have to use similar shapes in your design work; instead you can mix it up and put them together making sure that the placement of them keeps your piece balanced. Sometimes adding just a small shape to a blank area will make the piece look more balanced.

1-03Colour
People process color in the artwork subconsciously. Colour is used to generate emotions, define significance, create graphic interest and unify branding. To establish mood, build appeal, create interest and get a message across, color is the most powerful tool in your graphic design arsenal. The Color Wheel is a great tool for a graphic designing artist and you will use it repeatedly to create a great piece of artwork.

If you are looking for a digital marketing course in Chennai, click here
1-04Texture
Texture relates to the surface of an object, where it creates an illusion of a surface that is not flat or smooth. By using texture, we can add depth and visual interest in graphic design. It enhances a sense of feel, especially with two-dimensional images. In graphic design, texture can take the form of layers or progression of text, lines or shapes, which can be applied in the form of pattern or through the choice of printable surface.

1-05Size
The functionality of a graphic design layout centers heavily on this element – size. In graphic design, size is used to express importance, draw attention and create contrast. People generally use size to attract attention to the most important part in the design; typically, a larger sized object or form attracts the most eyeballs inside an artwork. Also, different sizes within the same graphic design or layout create a order of dominance. So, you must learn to use variations in size to guide the observer’s eye through the track you want it to take.

1-06Value
How light or dark an area looks in a design is termed as Value. It is everything from the blackest of blacks through to the lightest of whites. If you learn to use values in the right manner, it will add enormous depth, contrast and emphasis to your design. The knowledge of Value plays a big role when you want to express the illusion of movement or bring one element into sharp focus while another fades into the background.

1-07Space
An important part of any good graphic design, Space is the area around the elements in a design, which is used to separate or group information. You must learn to use it effectively to define importance and lead the eye to where you want it to travel. In design language, white space is called negative space, which is used to connect, separate or maximize the relationship between the elements making up the design. Space can also be effectively used to give the illusion of depth or multi-dimension to the observer.

There are many more principles of graphic designing, but these are the essential ones. As a graphic designing student, you must think of these principles as guidelines to help you understand what is visually appealing and why it’s appealing in the designs you see.

If you are looking to learn or enhance your designing skills, we offer the best graphic designing course in Chennai at Web D School. Kindly send your course enquiry here.