Why Web Development Institute?

Web Development Institute is the premier institute in Delhi-NCR offering wide range of web design and web development courses. All our courses are designed by experts and in consultation with students from the advanced regions of the web world.

Read more

Our Web Development Faculty

Our Web Development Courses are known for its professional excellence. Our highly qualified & experienced faculty offers intensified practical training to the students in the field of web development. They also render free career counseling.

Read more

Contact Web Development Institute

Want to talk to our career advisor!! Feel free to contact on any of the following numbers:

Ring us at:   +91 9911-78-23-50
                      +91 9811-81-81-22

Blogs feeds from admec

Top 10 AD Gurus of India

Blogs feeds from admec - Tue, 11/14/2017 - 06:27

Ad agencies are the most dynamic industry where ‘Most Creative Minds’ in the world exist. It is in the hands of these ad filmmakers to make up or break a firm’s marketing campaign.s

While reading about them you will come to know that the most creative ads in the Indian industry are made by them. And this is the reason, these people deserve a widespread acknowledgment for all the beautiful ads they have created for us all these years. If it raises your curiosity to know about them, go through with the list of 10 famous ad gurus prepared by us for you to get inspired. They have given a new dimension to ads in India but also given some unforgettable commercials as well.

Prahlad Kakkar

Prahlad Kakkar is a leading Indian ad film director, best known for his work on the famous Pepsi TV commercial, “Ye hi hai right choice”, “Everest ka tikha lal”, “Maggie pichkoo”, “I love you Rasna” and the list is still going on.

Prahlad has ruled the ad filmmaking business and has won several awards for technical excellence, Innovation, and creativity in advertising over the years in India.

Prasoon Joshi

Prasoon Joshi is the Chairman Asia Pacific &CEO of McCann Worldgroup India. He has been awarded Padma Shri by Government of India for his contribution towards the field of Arts, Literature, and Advertising. He was awarded Padma Shri by the Government of India in 2015 for his contributions towards the field of Arts, Literature, and Advertising.

His notable campaigns include for NDTV India (Sach Dikhate Hain hum), Saffola (Abhi to main jawan hoon) LG, Marico, Perfetti (Alpenliebe, Chlormint), and the Cannes-winning Thanda Matlab Coca-Cola campaign with Aamir Khan.

His Happydent television commercial is considered by experts as India's best ad till date. He has rightfully earned the title of "The Ad Guru of India.”

R. Balki

R. Balki is an Indian filmmaker, screenwriter, Chairman and Chief Creative Officer of the advertising agency Lowe Lintas (India). He is best known for directing Cheeni Kum (2007) and Paa (2009).

Balki's ideas have included "Daag Achche Hain" for 'Surf Excel', "Jaago re" ads for 'Tata Tea' and the "walk when you talk" Idea Cellular advertising campaign.

Piyush Pandey

Piyush Pandey is the Executive Chairman, National Creative Director Ogilvy & Mather India and the winner of over 600 awards for advertising all over the world.

Most notable ad campaigns in India designed by him are BJP campaigns for the 2014 elections, Cadbury Dairy Milk: 'Kuch khaas hai', Kinetic Luna: ‘Chal meri Luna’ as his famous debut campaign. And many other ad campaigns for Fewikwik, Vodafone, and Asian paints are enlisted in his contribution.

Josy Paul

One of the most influential people in the Indian advertising, Josy Paul has been named as the ‘Creative Person of the Year’ for India and South Asia in 2012 by Campaign India.

With the belief that India need more “acts not ads”, he founded BBDO India, which ultimately led to movements like Gillette’s Women Against Lazy Stubble’ that fetched him many international awards including the Black Lion at Cannes for ‘creative effectiveness,’ the only one for Asia. He has also designed many ads like Johnson’s Baby Cream, Pillsbury, Aviva’s Great Wall of Education, Visa Debit card and more.

Arvind Sharma

Arvind Sharma has been the longest-serving CEO and chairman of an ad agency, Leo Burnett for 21 years.

He has been the force behind popular ads like McDonalds, award-winning radio ads like Tata Salt Lite, Thumbs Up, Tide and much more. He has now turned entrepreneur with the e-commerce venture, indiasarihouse.

Sam Balsara

A protuberant personality in the Indian advertising industry, Sam Balsara has over 30 years of experience in the ad world. The Founder, Chairman & Managing Director of Madison World, Sam’s company has worked with the most prominent brand available in the market. The Economic Times Brand Equity Ad Agency Reckoner ranks Sam as “India’s Most Influential Media Person” for the last 10 consecutive years.

He has worked with Modi team and responsible for the biggest political campaign the country has ever seen. Some of his clientele includes Godrej, Mondelez (Cadbury), ITC, Marico, Raymond, McDonald’s, Snapdeal and many others.

Alyque Padamsee

Padamsee was the Chief Executive for 14 years who built Lintas India to be one of the top agencies in the country. Known as the Brand Father of Indian advertising, Padamsee has built over 100 brands. He is the only Indian to be voted into the International Clio Hall of Fame, the Oscars of World Advertising. Padamsee created Lalitaji for Surf, Cherry Charlie for Cherry Blossom Shoe Polish, the MRF Muscle Man, the Liril girl in the waterfall, Hamara Bajaj, the TV detective Karamchand, the Fair & Handsome brand, etc.

At present, he is the CEO of AP Advertising Pvt. Ltd., a firm of Image and Communications Consultants, who have provided consultancy services to a number of national and multinational companies, as Creative Advisor.

Agnello Dias

Agnello Dias is considered to be one of the most influential people in Indian advertising. There was a stir created when Taproot India launched. He definitely is the king of today’s generation of ad freaks, having done everything right.

Having worked at some of the famous ad agencies like Lowe, Leo Burnett, and JWT, today he is the proud co-founder and Chairman of Taproot India, his own ad agency. Some of Agnello’s popular ad campaigns include the Nike ad with the Goan track, Airtel’s Har Ek Friend Zaroori Hota Hai, TOI’s Aman ki Asha campaign and the Mumbai Mirror campaigns.

Senthil Kumar

Senthil Kumar is the CCO (Chief Creative Officer) for J Walter Thompson and among the top 10 advertising legends in India. His work for brands and companies such as PepsiCo, Nike, Levi's, Google, Ford, The Times of India, Nestle, Unilever, ITC, Diageo, ING bank, Kingfisher Beer, MRF Tyres, De Beers, UNICEF, and Rotary, has won him and the agency several awards. He claims to hold an unparalleled record of winning 16 Cannes Lions (giving him the title of The Lion Hunter) and being the only creative director on the Mobile Marketing Association (MMA) board. He has also won more than 200 awards so far for his work on Nike, Levi’s, Kingfisher, etc.

The advertising industry is all about creatively telling stories, with a single objective: reach out to the target audience. In the course of time, some work effectively, some may not, and a few always leave a mark in the minds of viewers.

Above list of ad gurus are the influential people who force you to give in to your temptation to buy things when you see an advertisement. They are hugely responsible for your cravings when you see a little boy licking the cream inside a biscuit or the need to look better when you see a celeb become a star by using a cream or a soap. These are also the “creative” pioneers of the Indian advertising industry. If you would like to share about your favorite ad or ad guru, then feel free to share with us in the comment section below.

Similar Blogs

Best Poster Designers for Hollywood Films

Best Poster Designers for Bollywood Films

10 Most Popular Indian Graphic Artists

Top 10 Design Colleges and Institutes of India

10 Most Popular International Graphic Artists

20 Most Popular Painters or Artists of the World

Top 10 Advertising Agencies in India

Top 10 Eminent Animated Logos to Inspire You


Vote:  3 Average: 3 (2 votes) What code is in the image? * Enter the characters shown in the image.

Types of Movie Posters

Blogs feeds from admec - Wed, 11/01/2017 - 00:46

How many of us feel excited and get fascinated after seeing the first look of movie poster. Every designer who is involved in creating different types of movie posters always think of making his design look alive and impart the concept that the whole world is looking and eagerly waiting for the moment.

But one question that arises in our mind is that "Can we make a movie without a poster?" The answer is no.

A poster of a movie represents an image and motion that most of the youth are looking. After going through several movie posters, I have tried to find out some of the best and most popular types of movie posters used in both bollywood and hollywood movies.


These posters were used in earlier 70's movies and are very attractive and colourful. They are recently in news because of the mylar posters created for movies like Stars Wars and Charlie Angelie's. These are very limited edition prints because they are very expensive.

Heads in the Sky Above and Tiny People on a Beach Below

In film industry, use of big or small heads with large images of movie star faces (sometimes of a couple) or with a small scene (usually at the bottom of the poster) depict some kind and sort of action or activity which is very amusing in the today'scenario.

Through the Legs

It reveals the theme of argument and maturity level that is potrayed in the movie posters. These type of posters sometimes appear to be weired, uncanny, shocking, and miss the chance of admiration among the audiences.

From the Back (often with weaponry)

This poster is a potray of violence and rivalry. This is a kind of poster often seen in the science fiction movies and the weapon commonly used in these type of movies are gun and swords. We all are thirsty of watching destructive nature in movies. We have a thirsty for cinematic carnage propelled by balletic bullet battles and we don't think twice about it

In reality, it's hard to avoid because of which we see usage of so many guns in our movie marketing. Guns are quite oftenly used in movie posters, we found 30 releases from this year alone in which the main characters are seen with guns.


Vote:  Select ratingGive Types of Movie Posters 1/5Give Types of Movie Posters 2/5Give Types of Movie Posters 3/5Give Types of Movie Posters 4/5Give Types of Movie Posters 5/5 No votes yet What code is in the image? * Enter the characters shown in the image.

Best Poster Designers for Hollywood Films

Blogs feeds from admec - Mon, 10/23/2017 - 01:07

When we see the hollywood movie, one thing that first strikes in our mind is that who all are the magical persons behind the scene for creating all time favourite and best design memorable hollywood movie posters. How they create an iconic movie poster? Does presence of any hollywood movie star makes an movie poster iconic or there some other answer hidden behind the scenes?

An iconic movie poster is one that has hit the heart of million of public.

Here, I am mentioning one of the most inspiring examples of posters designers from hollywood films.

1. Tom Martin


A great art director responsible for creating most iconic posters, DVD covers for thousands of hollywood films. His best work was reflected in " Jurassic Park, Do the Right Thing, and Schindler list. Martin Hollywood movie posters give an insight of techniques used in posters from 1980 through the present, while his paper work in art reflect different digital compositions used for designing hollywood movie posters.

See More: http://tommartindesign.com/

2. Saul Bass


He was one of the most accomplished hollywood poster designer in the 20 century known for creating one of the most aesthetic, clean and thoughtful posters for the movies. He design posters in such way that speaks to people in a way that they can understand a old thing in a new manner. He had designed such posters that touches people heart. He was the man behind design communication i.e communicating through symbols.

His best work was best seen before his death in movies- Goodfellas (1990), Cape Fear (1991), The Age of Innocence (1993).

View More: https://en.wikipedia.org/wiki/Saul_Bass

3. Tomasz Opasinski


He is an renowned graphic designer who is actively involved in the hollywood industry professional whose posters design guidance is helping several students to shape, inspire, and propel students into the world of design. He is known as the father of Photoshop and emphasis on creating a design that is symbolic of something.The most important point on which his theory of designing is based is not directly or indirectly related to Photoshop essentials or technical aspects of the design process, but the main crux behind creating hollywood movie poster design is conceptual thinking which makes bollywood movies poster memorable. He has also created his own website.

Visit:  http://www.tomasz-opasinski.com/

4. Noriyoshi Ohrai


He was a great Japanese Illustrator whose name was not so popular and not known to people but he got recognization because of his great work in the hollywood movies -Godzilla, Goonies, Romance of the Three Kingdoms Series -- a precursor to Dynasty Warriors, and Metal Gear Solid etc.

He got world wide fame because of his extraordinary talented art work done by him for the international movie Star Wars(1977) poster.

View More : https://en.wikipedia.org/wiki/Noriyoshi_Ohrai

5. Nicholas Alexander Barbera (Barbeanicolas)


She was a great illustrator responsible for giving us a glimpse of horror, fantasy, crime, and thriller in her hollywood movie posters. Her lifetime best work was seen in hollywood movies like Batman series, Lord of the Rings, Back to the future part 2, Birdman-2 (2014), Avengers age of ultron, and Alien etc. The design created by her for T.V show Dracary is the most frightened poster ever created.

More Designs: https://barbeanicolas.deviantart.com/

We are living in an era where everyone is designed "oriented" and "centered".

People get too much attracted and influenced by the "I" factor (Images) that are real and touches their hearts.

I think after reading this blog, you will throw yourself into the world of hollywood posters designers which will raise your level of thinking in designing a poster and will give you a call to perform an action like this as they have done in designing all these hollywood movie posters.

Similar Blogs

Best Poster Designers for Bollywood Films

10 Most Popular Indian Graphic Artists

Top 10 Design Colleges and Institutes of India

10 Most Popular International Graphic Artists

20 Most Popular Painters or Artists of the World


Vote:  Select ratingGive Best Poster Designers for Hollywood Films 1/5Give Best Poster Designers for Hollywood Films 2/5Give Best Poster Designers for Hollywood Films 3/5Give Best Poster Designers for Hollywood Films 4/5Give Best Poster Designers for Hollywood Films 5/5 Average: 4 (1 vote) What code is in the image? * Enter the characters shown in the image.

Different Types of Interviews in Design and Multimedia Industry

Blogs feeds from admec - Tue, 10/17/2017 - 00:57

Formal? Informal? Panel? Telephone?... Getting ready for an interview in design and multimedia industry? Take a look regarding these different types of interviews which are conducted in every industry and make sure you're ready for the time to impress.

So, if you’ve got your foot in the door and are you ready to shine at your first interview. All you have to do now is to prepare well. The more you know about the style of the interview, the better you can prepare.

Telephone Interview: Often companies request an initial telephone interview before inviting you in for a face to face meeting in order to get a better understanding of the type of candidate you are. You should do as much preparation as you would like to do for a face to face interview, and remember that your first impression is vital. Make sure that you speak confidently, with good pace and answer all the questions related to design and multimedia industry.

Face-to-Face Interview: This is a type of interview which is very common in design and multimedia industry. This is a kind of interview which is a meeting between you and one member or even two members related to design and multimedia industry.

Panel Interview: These interviews involves a number of people sitting in a panel with one person as a chairperson. This type of interview is very popular in design or multimedia or any other type of industry.

Group Interview: Several candidates are presented with this type of design interview. You will be asked to interact with each other by a group discussion. You might even be given a task to work in a team, so make sure you speak up and give your opinion.

Portfolio Based Interviews: It show your future employer that you have the appropriate experience, skills, competencies and talent needed to do the job in design industry In the design industry it is likely that you will be asked to take your portfolio along with you or you have to show it online.

Crucially, a good portfolio presentation can lift the perception of you in the mind of design work. It is a showcase of your best work seen in the design or multimedia industry which everyone should have. Do ensure that before going for portfolio interview you carry around 14 to 20 pieces of work done.

As an upcoming design or multimedia professional, assembling your portfolio is the most important indicator distinguishing yourself from student to professional. It’s just one of those things where you venture into something new, and let your judgment lead your way.

So, go ahead and choose the best design and multimedia institute which can help you in preparing for the interview in design and multimedia so that one can create outstanding portfolio along with their course curriculum which can help them fulfill their dream of entering into the best design or multimedia industry.

Do, feel free to contact us +91 (0) 9811-818-122 or 9911-782-350 or get in touch through email: admission@admecindia.co.in and discuss the course prospects with the experts.


Vote:  Select ratingGive Different Types of Interviews in Design and Multimedia Industry 1/5Give Different Types of Interviews in Design and Multimedia Industry 2/5Give Different Types of Interviews in Design and Multimedia Industry 3/5Give Different Types of Interviews in Design and Multimedia Industry 4/5Give Different Types of Interviews in Design and Multimedia Industry 5/5 No votes yet What code is in the image? * Enter the characters shown in the image.

Skills Required to Crack an Design and Multimedia Interview

Blogs feeds from admec - Wed, 10/11/2017 - 01:19

Sleepless nights, loss of apetite, Tension etc. Don't take me wrong as I am not discussing about some disease but these are few symptoms that a candidate faces before the design and multimedia interview. Nothing to worry about as 80% of the candidates suffered from design phobia and those who overcome them have very high probabilty of becoming successful in design and multimedia industry.

You are not only the alone person who is appearing for a web designing, graphic designing, CAD or multimedia interview, you have been called for. To become a choice of an interviewer you need to have a full proof preparation, leaving no scope for the interviewer to shoot you out. To chase the design and multimedia interview race, you need to have more focus and attention on the skills you should have:

Skills required to become an Animator
  •  Communication Skills: One should have excellent written and verbal skills in story writing. A successful animater create such videos that has a good script with clear visual components that can appeal their target audience.
  • Technical Skills: One should have sound knowledge of modelling, texturing, lighting, and rigging. At the same time you must have learning ability to facilitate future technological applications adopted by the company.
  • Computer Aided Design Skills: Knowledge of design techniques, tools, and principles involved in the motion pictures (for creating special effects or an animated film).
  • Creativity: It is very important attribute. One should have a bird eye view passion for sketching, drawing, and visual communication.
Skills required to become a Web Designer

Whether you are just starting out as a web designer or looking for a change there are some key skills that you need if you want to be successful in this industry.

  • Technical Skills: HTML, CSS are the important part of the web designer's toolbox as HTML forms the foundation of how websites are built and CSS deals with the visual appearance of websites. These 2 languages form the style basis of how a designer design a web page. Apart from these one should be master of Javascript, Ajax, PHP which are use in combination of HTML and CSS to create 3 layers of website.
  • Design Sense: A talented web designer loves to create how real people will interact with a design so that you can make the right decisions to help meet the needs of that site.
  • SEO: A Web Designer will have a more desirable resume if they know at least the basics of SEO. Even if the application of this skill is left to marketing professionals, knowing the basics of SEO is a strong USP in your cap.
  • Web Server: Most web designers feel they can ignore the server knowledge, but if you know how to solve the server problems then you can build a better site, as well as increase your chance of performance incentive.
  • Customer Service skills: Though it is not a part of technical skills, having this service skills is a key ingredient in a successful web design career. Whether you are a freelancer, or an employee of an organization, you should have skills how to interact with people, present designs and manage relationships.
Skills required for Graphic Designer

In order to become a renowed Graphic Designer, there are a variety of skills . Below you’ll find some of the most essential skills that a Graphic Designer will need so that he can advance in his career and reaches new height.

A designer may have excellent artistic abilities but what separates him from from the crowd is the following skills.

Style compared to no style: Style is acknowledged as a designer’s signature. It should be unique and contemporary.

Project Management:Taking on a new project, means managing the extent of authority you need in order to effectively execute your project.

Typography:It is one of the key thing top advertising firms are looking in a design portfolio. It creates the difference between a good and excellent designer. It requires a firm understanding of 4 elements- font families, line-height, kerning, and tracking.

Creative Thinking:An important asset of a graphic design artist is his ability to turn a deficient or incomplete picture and turn it into something remarkable.

Print Design and Layout: Every graphic designer is expected to have an understanding of digital print production. The ability to use a page layout program also called desktop publishing program (Adobe InDesign, or Quark) is very vital here.

Skills required for Architect and Interior Designer

Interior designers are very unique-minded individuals, inside their mind lay a bulk of creative possibilities that most could never dream of. Let’s see how this skill-set matches to an interior designer.

Creativity: One should have a great zeal of creative and artistic skills to make their designs aesthetically pleasing for their clients. They should have knowledge of colors, textiles, fabrics, and interior furnishings with the clients keeping their taste in mind.

Communication: To be successfull with the clients and for understanding their needs, interior designers require excellent interpersonal skills. Interior designers work with variety of other professionals to design and construct interior spaces.

Knowledge of Vaastu:One should have sound knowledge of applying vaastu in construction buildings, residences etc.

Technical Skills: Computer aided Drafting and rendering is the most essential skill required in architect design industry. Apart from this one should have expertise in Autodesk Revit, Vray, and 3D Studio Max.

I know, one should have outstanding skills for excelling in web, graphic,and multimedia industry if you want to excel in your respective profession, but even the best web designer/developer will fail if they cannot treat their clients in the right way.

I have tried to cover all the essential points but if I missed any, you are most welcome to add by commenting below. Also you can share your views through the comment section on our website.

Remember, no one starts from the millionaire dollar but from the bottom. Don't be afraid to suggest changes and design solutions -if you have for our ADMEC team. If your ideas are accepted, use them in your portfolio. If they aren't, save them in your design ideas folder and try to find out why it was rejected. Then analyse those criticisms to improve your next design or program.


Vote:  Select ratingGive Skills Required to Crack an Design and Multimedia Interview 1/5Give Skills Required to Crack an Design and Multimedia Interview 2/5Give Skills Required to Crack an Design and Multimedia Interview 3/5Give Skills Required to Crack an Design and Multimedia Interview 4/5Give Skills Required to Crack an Design and Multimedia Interview 5/5 No votes yet What code is in the image? * Enter the characters shown in the image.

Ultimate Last Minute Checklist Before Going for a Design and Multimedia Interview

Blogs feeds from admec - Tue, 10/10/2017 - 23:57

Are you going for an job design interview soon? Use these points as a guide for better interview preparation which can make your way easy for climbing the ladder of success in a design industry. It’s well known that an interviewer will have decided whether or not they are going to give you the job within a few minutes or not. So be prepared! Remember: Prepare-Practice-Perform.


  • Get as much information as possible about the design and multimedia industry you will be going in – read all the latest news happening in the multimedia industry, check out the website and try to speak with someone who has worked in that company or firm.
  • Prepare answers to a range of skill-based questions that you can be asked.
  • Carry a folder consisting of a copy of resume, design portfolio, and pen.
  • Try to think of questions that you might pose to the interviewer relating to web, graphics, multimedia, particular job.
  • Arm yourself with a few questions for the interviewer showing that you have done your homework about the organisation and its business.
  • Always check the format of the interview as it could throw you out if you’re presented with a written set of technical questions you were not expecting.
  • Dress-wise – Keep it simple and respectable!!


  • Interrupt the interviewer
  • Arriving late
  • Answer a question with another question
  • Appear nervous by fidgeting
  • Ask lots of questions about salary and benefits
  • Too much use of jewellery and cosmetics

Now that you've got everything ready, just get a good night's sleep, be sure that you are nicely dressed and relax.

Be sure, you will win the interview race if you follow these steps and will definitely achieve success in it. So, join ADMEC for long term and short courses and get benefit of free PDP classes if you want to become more growing and feel confident for enhancing your personality. Do, feel free to contact us at 9811-818-122, 9911-782-350 or visit our institute to get better career guidance from the experts.


Vote:  Select ratingGive Ultimate Last Minute Checklist Before Going for a Design and Multimedia Interview 1/5Give Ultimate Last Minute Checklist Before Going for a Design and Multimedia Interview 2/5Give Ultimate Last Minute Checklist Before Going for a Design and Multimedia Interview 3/5Give Ultimate Last Minute Checklist Before Going for a Design and Multimedia Interview 4/5Give Ultimate Last Minute Checklist Before Going for a Design and Multimedia Interview 5/5 No votes yet What code is in the image? * Enter the characters shown in the image.

How to Create Animations That Will Scale up All Smart Device

Blogs feeds from admec - Tue, 10/10/2017 - 05:23

Animation on the web is particularly distinctive. If your Android phone is feeling slack or becoming too slow, there are a few ways which you can adopt to speed it up.

One of the benefits of having an Android is the degree to which you can customize it. This means you can change the way some of the features that work on the phone. For instance, by enabling the developer mode, a whole new selection of adjustments can make your device become available. One of these features is the animation length that is used system-wide. By either reducing or disabling animations, you will see an immediate performance boost.

For scaling we have to adjust our work according to bandwidth, code compatibility, and product design.

In this article, I'll explain the methods one should adopt for scaling animations which will increase positive user experience for our multi-device world.

1. SVG Sprites and CSS Animation

As its name suggests, SVG is built to scale. It's very simple and instinctive to adjust the size of a SVG. These are not dependent on resolution, so one don't have to load up additional HTTP requests or image media queries. This technique works specially for responsive, standalone animation – for example when illustrating text.

SVG is used where one want to handle picture image replacement quite nicely, but when working with different-sized moving images, it becomes much difficult to keep different things consistent. SVG is used in this way as after writing the code, we can adjust the visual appearance of the image.

Even with these key features, images will change from screen size to screen size. For making graphics clear, we should consider screen real estate.

The first is to remove repetition. We can see clearly that the desktop and tablet views are similar enough so that we could either alter the properties or replace them with CSS media queries. An example of such an alteration would be to adjust the background, so that it looks green instead of blue.

The most important part of this technique lies in the way we're handling the viewBox attribute. Viewbox is a little window in which we can view the SVG. The SVG itself can extend beyond the boundary of the viewbox, but only the area within it will be visible and the rest will be cropped out.

For the desktop and tablet versions, we want only the first tile to be shown, so initially we set the viewBox in the SVG to cover just the top section of the sprite.

2. Complex Movement

Any time you have a stand alone graphics with complex movement, I will suggest using Green Sock Animation Platform(GSAP) rather than using CSS. Although there are tons of cool things that GSAP has to offer, the main advantages in this case are:

a. Cross Browser Stability

Thanks to all our world wide web browsers and frontend development in large testing matrix in our mobile, it gets exponentially more complex. GSAP offers really stable movement, without sacrificing speed.

b. Timeline

This allows for stacking the staggered effects, with streamlined and intuitive code meeting the tagline where beauty meets purpose.

Let's first establish that animating elements with transforms and opacity is the most performant approach. It's easier for the browser to optimize because it reduces repaints, which is the most important thing for you to create jank- and stutter-free animation.

So, if you scale a complex SVG using flexbox or other techniques, your will scale accordingly your smart phone. This means you don't have to adjust anything; you can focus on writing your code correctly just once and that is forms a pretty large boom for mobile users.

When we consider a really complicated animation, we will usually design all the elements that we need first and slowly reveal them over time.

The finished animation is completely scalable – you can randomly adjust the button while it's running and have the entire thing adjust to a new dimension. When you click the button, it changes the size but the user experience stays consistent.

 3. Responsive UX

Designing a responsive experience that adjusts to the view port relies on the planning done in the design stage. You can think of it like a little interlocking blocks as we go through the design, build, and development stages, scoping each particular area to itself.

For Android mobile, to make the pieces correctly interlock, we adjust the positioning of the right section (outlined in magenta for clarity), and flip it so that it can be stack appropriately.

We always take care that part shown in the boxed sections is exported within individual SVG and is properly named, including smaller units or groups.

We then use multiple functions. Each section is scoped independently, and there is one repeated function for all of the that loop.

This makes the design much easier to build off . One can slow or pause things initially, so that it can be triggered by a user.

4. Less Pizazz on Mobile

Let's face it!! Mobile connections in (less developed countries) are pretty slow. Whether you only have a few key interactions on your site sometimes an image that looks beautiful on desktop need not scale down mobile experience.

 In the case of a large canvas, the best thing you can do is to tone it down or turn it off for smaller devices. Active theory keeps its visual language consistent, while dropping heavy canvas on mobile.

All the above parameters are very much in demand for scaling up animation in mobile phone as everywhere mobile phone is the king. To become an expert in the animation field join ADMEC as it is offering various Animation and Multimedia courses like Multimedia Master Course, Animation Master Course, Online 3D Max Master Course, Cinema 4D etc. These courses are focused on imparting practical training. ADMEC’s goal is to make their students experts in whatever course they choose which can help them increase their career prospects.


Vote:  Select ratingGive How to Create Animations That Will Scale up All Smart Device 1/5Give How to Create Animations That Will Scale up All Smart Device 2/5Give How to Create Animations That Will Scale up All Smart Device 3/5Give How to Create Animations That Will Scale up All Smart Device 4/5Give How to Create Animations That Will Scale up All Smart Device 5/5 No votes yet What code is in the image? * Enter the characters shown in the image.

Important Steps for Adding Personality in UX Design

Blogs feeds from admec - Wed, 09/27/2017 - 04:36

UX design is the process of designing products that are useful, easy to use, and delightful to interact with. It’s about enhancing the experience that people have while interacting with your product, and making sure they find value in what you’re providing. User Experience Design is the big "D" design process that determines overall what features or processes would be best in the first place and what to leave out.

If we look at an interactive thing like a website or a device or a piece of software, designing the user experience for that thing is the creative and analytical process of determining what it’s going to be—what it’s going to do for people, how they’ll use it, and how it looks/sounds/feels/smells/tastes like.

1. Visual Design

Visual design is the using images, color, shapes, and typography, to enhance usability and improve the user experience. Visual design is a vast field and has grown out of both UI design and Graphic design. Visual design involve users by drawing to the correct functionality, putting tasks on a page through size, color, and by using white space, and even increasing brand trust through the use of visual cues.

2. Interaction Design

It is within essence a technique for generating visual representations of the online support that is specific with regard to early testing/proof concept for designers as well as developers.Interaction design involves the actual interface and user flows within an application. User experience can also include larger and broader issues such as system response time or customer support. It includes look, feel and usability.

3. Content Strategy

Content strategy is creation, delivery, and governance of useful content.

Core strategy defines how your content will help you meet business purpose.

Substance identifies what content is required to successfully execute implement your core strategy, including characteristics such as messaging architecture, intended audience(s),voice, and tone.

Structure is based on how content is prioritized, organized, and accessed. Although structure can include information architecture it focuses more deeply on the content itself, including mapping messages to content, content bridging, and creating detailed page tables.

Workflow shows people manage and maintain content on a daily basis, including the roles, tasks, and tools required throughout the content lifecycle.

Governance describes the policies, standards, and guidelines that apply to content and its lifecycle, as well as how an organization will sustain and evolve its content strategy.

4. Information Architecture

It is an art of organizing and properly labeling the websites which increases usability of the product. It includes person's perception regarding the practical usage of the product.

Information Architects work to create usable content structures out of complex sets of information. They do this using plenty of user-centered design methods: usability tests, personal research and creation, and user flow diagrams.

5. User Research and Usability

It is a process of understanding the impact of product on an customer.This focus on knowing more about user needs, behaviours, and attitude through the observation techniques, task analysis, and feedback methods. The type of research will depend mainly on the type of app you are developing.

6. Front End Development

It tells everything about what user sees, touches and experiences. It enable one to create a dynamic website with excellent user experiences. This is the first thing that a user will see and interact.

If one follow these steps, one can effectively add these steps in personality and can create a unique umbrella of UX design. If you like this blog, do feel free to share your views .


Vote:  5 Average: 5 (1 vote) What code is in the image? * Enter the characters shown in the image.

Top 10 Principles of Animation for Beginners

Blogs feeds from admec - Thu, 09/21/2017 - 05:50

With the growing ambiguity in digital devices, moving objects and technology, motion design has become an integral part of one's creativity. When a designer thinks of moving a object, various programs such as Adobe Photoshop, Adobe Illustrator or coding languages such as HTML5, CSS3, and jQuery comes to our mind. Understanding the methods of how to mould the different motions in a picture and understanding the reason why things are happening around is a key to success for creating a beautiful design.

The concept of motion has been evolved long time ago but the advanced tools have evolved now which increased the usability of experimental Animation among users.

.Designer and Animator describes the 10 basic principles of Animation for beginners. While some principles are closely related to each other, there are also some differences that can be related to the design.

1. Squash and Stretch in Animation

Adding exaggeration to an object in motion gives it a greater sense of weight and volume. This principle is descibed with a bouncing ball, the ball appears stretched when it is falling and get squashed when it hits the ground. By squashing and stretching the ball, an animator gives a more realistic feel.

The above figure uses Squash and Stretch to change objects, such as rounded corner rectangle. If we use Squash and Stretch in an object it will add weight and volume in the flat tone graphics through the motion design.

2. Staging in Animation

It is presentation of idea for establishing good mood, creating focus and clarifying what is happening in the picture.

The main objective of staging is to tell customers exactly where the action will occur so that they do not miss anything. This means that only one idea at a time occur, or else the viewers may be looking at the wrong thing. A good example of staging in motion is eye, which is drawn in an motion in an otherwise still scene. In a scene when we see everything is moving around, the eye is drawn as a still object.


3.  Pose to Pose & Straight Head Action in Animation

Straight ahead action refers to the different techniques of drawing each pose, one after the other, which can yield a unique animation style. Pose to Pose refers to the animation technique in which key frames are planned ahead of each other and then connected one after the other. Pose to Pose usually leads to a proportional animation that is very appealing and convincing to the eye.

4. Slow In and Slow Out

In the physical world, objects and humans apply momentum before they can reach full speed. Similarly, it takes time to decrease speed before something can come to a complete stop.

For example, a bouncing ball moves faster as it approaches or leaves the ground and becomes slower as it leaves its position.

5. Arc in Animation

When a person is shooting an arrow, it hardly flies straight. Gravity causes objects in motion to arc between the start and end points. Even many of the natural movements in human body move on arcs, such as arms, hands, and fingers etc. In the visual poetry “Happiness,” the creator uses many full and half circle forms to draw, move, color, shape and reveal some of the letter forms.


6. Secondary Action in Animation

In the physical world, we can observe primary movement only in the motion if a person is walking. Secondary actions, like a person who is swinging its arms while walking or "birds" rippling its feathers, helps support primary movements. Even smaller actions, such as blinking of eyes are also considered in secondary actions. In secondary animation, it is important that it doesn't detract from main animation.


7. Timing in Animation

In a true animation, timing is an essential aspect of animation. Timing also helps in establishing personality of characters and emotions they want to express. They used timing as the main tool for communicating the personality through flat shapes that are representive of body parts.

8. Appeal in Animation

A character with appeal isn’t always attractive. He or she can have an ugly or evil character with a certain level of charisma so that it makes sense within the story. In motion design, appeal can be established before anything moves by choosing an interesting typeface, creating a visual translation, or transforming images.


9. Anticipation in Animation

Anticipation in animation is used for target audience for an action that is about to happen. An easy way to think about this is that if a character is about to walk forward, they will move it back slightly, this will raise their momentum and will also let the people know how this person will move. For example, if a character is reaching for a glass kept on a table, it will move its hand back before moving it in the forward direction.

10. Follow Through and Overlapping Action in Animation

Follow through and Overlapping action can be considered two different principles, but they're closely related to each other. Follow through is the idea that separate some parts of the body and will continue moving even after the character has come to a stop also.

For example, if a character comes to a stop after a walk, every part of the body won't stop at the exact same time, instead the arms may continue moving forward before coming for a settlement.

Overlapping action is very similar in the sense that means different parts of the body will move at different times. For example, if a character raises its arm upwards, he will move shoulder first, then arm, elbow, and hand.

I believe, this article will be very worthwhile for those who are learning the basics of Animation. Neglecting, reading this article would be like using a graphics program without knowing about color, design, and composition. No matter how good the software is, it will always depend on the person skills and ability.

Enjoy reading this! Do share your reviews on it.


Vote:  5 Average: 5 (1 vote) What code is in the image? * Enter the characters shown in the image.

What is Print Media and Career Options in it?

Blogs feeds from admec - Mon, 09/18/2017 - 06:08

Due to information revolution in the world, every individual wants to be connected with other parts of the world through varied means of information and communication technology. Hence, the importance of print media in every day’s life has really increased.

Print media is one of the oldest and basic forms of mass communication. It uses physically printed media, such as newspapers, magazines, billboards, posters and journals to reach consumers, business customers and prospects.

In a fast-changing world of information technology, many thought the existence of print media is in danger, as it was being thought it would be overtaken by the television and the Internet. But because of upsurge in readership of many quality newspapers and magazines prove that the print media will always have a major role in everyday life of a person who wants to be well informed. For example: even while traveling you will see a hoarding on the side of a bus or at the back side of an auto. Without even stepping out of your home, the newspaper has advertisements with creative designs & images.

It is all because of easy accessibility, affordability, portability and above all, the authenticity of information makes print media so essential to the spectators without any discrimination on economic standards.

What is Printing Media Design?

It is basically an art of choosing and placing visual elements such as typography, images, symbols, and colors together to convey a message to an audience.

Role of Graphic Designer in Print Media

A lengthy story of an interesting topic and a high-quality content with facts may go unread by most of the readers mainly because of its bad presentation. But a story that deals with a topic may generate interest in the readers if it is presented in an attractive manner graphically.

A graphic designer has a major role in the making of a good newspaper, brochure, banners, signage, posters, catalogs, flyers and magazine. Other than focusing on overall looks, a professional graphic designer uses his visual skills using best graphic design applications to make the information an attractive presentation.

A tiny illustration or sketch can sometimes be more effective and communicative than words”

Career Options in Print Media

Career in this field can be very rewarding for those who wants to be part of media industry. Printing and graphics industry is among those industries which need highly trained and creative professionals. Job prospects for graphic designers continue to be vast & ever-growing in the print industry. The opportunities of exploring creative career opportunities can vary from print production for out–of–home media to creating advertisement for newspapers & magazines.

Some of the Common Job Titles in this Field:

  • Graphic Artist/ Designer
  • Art Director
  • Creative Director
  • Production Artist
  • Visualiser
  • Layouting Artist
  • Image Editor
  • Digtal/ Matte Painter etc.

If you are designing graphics for print media, it is essential to be familiar with print designing. It is a vast field and every graphic designer should make themselves acquainted with the rules of print designing and latest graphic design applications.

The best way to acquire these skills is by joining professional graphic design training institute which offers both short-term and long-term certificate and diploma courses. These courses in popular graphic design applications like Illustrator, CorelDraw, InDesign, QuarkXPress etc, will help any individual to create eye-catching visual designs and learn how all its related materials will be tactically used which will attract users in an amicable way to build confidence and curiosity in the brand without losing the significance of its contents and what it stands for.


Vote:  Select ratingGive What is Print Media and Career Options in it? 1/5Give What is Print Media and Career Options in it? 2/5Give What is Print Media and Career Options in it? 3/5Give What is Print Media and Career Options in it? 4/5Give What is Print Media and Career Options in it? 5/5 No votes yet What code is in the image? * Enter the characters shown in the image.

6 Great Steps to Know to Create Successful GUI for Apps and Websites

Blogs feeds from admec - Thu, 08/10/2017 - 07:05

In web designing, great Graphic User Interface plays an indispensible role in helping the user to complete a given task as simple and effectively. All websites and apps have different design principles and different functions, but they have one thing in common – effective GUI design. But one has ever think that how we create these great Graphic User Interfaces for the web.

There are 6 great steps that one can follow for creating a great Graphic User Interface for the Web which actually works.

1. Mind Map

It is a technique that isused for gathering information and organising the related domain information using different combinations of radiating lines,keywords,pictures, images, symbols,and assorted colours to highlight the key points on a unruled sheet of paper.
It's main advantage comes from its ability to provide relevant information,with the main idea appearing right in the centre, and the bulk of other supporting information,which is then highlighted via radiating lines from the centre with keywords, and emphasized via images, symbols and colours.

A design will turn out to be clean and crisp every time if you include in it-colors, Typography and Grid.It is a highly desirable phase of any design project. One should have a brief study of what to design, how to design, what is the feasibility, how long would it take to complete it. Another idea in mindmapping is that before implementing make a bullet note of series of steps that is required in the whole process.

Navigation consists of a series of choices:- Do you want to click or scroll? Read or watch? Enter data or hit the back button? Within the confines of two-dimensional space, we often must decide without seeing what will follow.

2. Sketches

Sketches are the most popular technique in GUI. It is a very efficient and speeds up the process of mind map.With the help of sketches one will be able to figure out how your app will work to get desired results.Sketches help to convey ideas, demonstrate functionality, visualize user flow, and illustrate anything that requires human interaction. Before sketching, you should have a clear idea of the problem you are solving or the business objective for something new you are designing. Research is where the initial ideas begin to build,so that you can decide what you are designing.Sketching helps you extract different ideas quickly to start designing the look and feel you want to create.

3. Rough Userflow Sketches

Sketches are a quick way to create the basic composition of your illustration. They are mostly used in designing a website to quickly evaluate layout choices. One can make a series of thumbnail sketches,or they can be larger than that.

Sketches can be easily created using pen ,paper and whiteboard. Using something permanent like a pen or marker is best. They make you worry less on design aesthetics and focus more on rapid formulation of ideas. It will save your time to work through concepts on paper before going to the computer. For web, it can be quick thumbnail sketches and some layout designs.

4. Detailed Userflows

In detailed userflows, we maintain a hierarchy of the content, decide the priority and place it on the web page. It is important because every part of a web page has a specific impact level. Whatever one wants to highlight should be at front and something that is of less importance should be placed accordingly. Make careful use of images while placing them as they consume a lot of space.

5. Wireframes

Wireframes means refining your ideas formed during the sketching process and dictating the finer details of a user interface. Sketching should always come before the wireframe stage. Wireframing is usually done in black and white showing all the ideas from the sketching phase laid out in a structured fashion. A wireframe is about functionality. It can be a really simple sketch that demonstrates what sort of things you can do in your design.

Wireframes is a representation of every important element of the final product. Awireframe of a website will give us an insight about the main buttons, the columns, the navigation and placing of different elements. You can also think it as a blueprint for a website.Wireframes are basic shapes or lines used to designate position and size only.Wireframe represents a "skeleton design".The goal of any wireframe is to fit the elements into a layout, not indicate how elements may actually appear in a final design but use them where they will be located. A site with strong usability provides the user with organization and visual cues to aid navigation. Navigation Supports Content.

  • Menu – The first place people look to understand what is included on the site.
  • Breadcrumbs – Like chapter headings in a book, breadcrumbs give situational context. Many users do not land it on the homepage,so orientation is essential.
  • Filters – Information-heavy sites can be made manageable with filters.
  • Links– Help users make connections between related content.

Wireframes should show: The main groups of content (what to include?) • The information structure (where?)• A description and basic visuality of the user – interface interaction (how?)

6. Visual UI Design/ Mockups

It is a realistic representation of what the product will look like, in the case of a website. The final result can look exactly like a mockup, or it can be a variation of different version revisions. Many people prefer to draw the Mockups using a graphic software, or do it straight in HTML/CSS format.

They are the backbone of your design and remember that Mockups are built on top of wireframes and go further to show overall appearance aspects of a design including type choices, color choices etc.The main aim of a mock up is to how all final appearances will look like.

A mockup is a middle-to-high fidelity, static, design representation. A mockup/ visual design draft represent the structure of information, visualizing the content and demonstrating the basic functionalities in a static way and encouraging people to actually review the visual side of the project.

Hopefully, if one follow these above steps a great all round Graphical User Interface for the web can be created.I think,I have introduced you to some new golden rules you weren’t aware were becoming popular.What are your thoughts? Do any of these rules have any strengths and weaknesses that weren’t mentioned here? In case you think there are others that should have been listed then let us know in the discussion below.


Vote:  5 Average: 5 (1 vote) What code is in the image? * Enter the characters shown in the image.
Subscribe to Web Development Institute aggregator - Blogs feeds from admec