Empowerment Technology

• Graphic designers


  • Work on the quality of the output they serve for the audience or clients like websites, advertisements, posters, flyers, logos, videos, and any other multimedia form
• Layout


  The arrangement of graphic elements on a page
• Design


  Plan of creating an idea through a combination of texts, images, and other elements that are placed together artistically
• Layout


  Term used as the process of organizing and arranging these elements in a design as you plot it in a paper
• 7 Basic Principles of Graphics & Layout

  • Balance
  • Emphasis
  • Pattern, Repetition and Rhythm
  • Alignment
  • Hierarchy
  • Contrast
  • Unity and Harmony
• Balance


  Refers to the proper arrangement of the elements, which gives a visual weight for the design
• Types of balance


  • Symmetrical
  • Asymmetrical
• Emphasis


  Refers to something that needs to stand-out or emphasize. When working on emphasis, you can change the color, size, or even the element itself to lead the eye to the focal interest
• Pattern, Repetition and Rhythm


  The use of repetitive elements such as lines, shapes, forms, textures, space, colors, font, style, and the like to create texture, movement, continuity, and consistency of the design
• Alignment


  Refers to the proper placement of an element to your design, just like invisibly placing or aligning your texts or images diagonally, vertically, and horizontally
• Hierarchy


  Refers to the proper arrangement of the details such as text, characters, numbers, and symbols
• Contrast


  The contrast gives visual weight to an object or design. You must consider and limit the use of different elements, color, style, and typography to avoid cluttered design
• Unity and Harmony


  Refers to the relationship of the elements or the contents when you place them together
• Infographics


  Used to represent information, statistical data, or knowledge in a graphical manner usually done in a creative way to attract the viewer's attention
• Infographics make complex data become more visually appealing to an average user
• Principles of Visual Message Design Using Infographics

  • Infographics are visual presentations of information that use the elements of design to display content
  • Infographics express complex messages to viewers in a way that enhances their comprehension
  • Images are often an extension of the content of a written article, but infographics convey a self-contained message or principle
  • Infographics communicate complex data quickly and clearly, and they are considered to be effective worldwide
  • Suitable for a complex piece of information that needs to be described quickly, precisely and clearly
  • Infographics are used for signs, maps and data presentations
  • Scientists, technical writers, mathematicians, educators and statisticians use infographics most of the time
• Reasons for using infographics

  • To communicate a message
  • To present a lot of data or information in a way that is compact and easy to comprehend
  • To analyze data in order to discover cause-and effect relationships
• Three important elements of infographics

  • Visual Elements (color coding, graphics, reference icons)
  • Content Elements (time frames, statistics, references)
  • Knowledge Elements (facts)
• Types of infographics


  • Cause and Effect Infographics
  • Chronological Infographics
  • Quantitative Infographics
  • Directional Infographics
  • Product Infographics
• HTML


  The structure of web pages, creating the foundation of all websites
• CSS


  How web pages are visually styled. CSS (Cascading Style Sheets) handles the entire look of sites, including layout, typography, colors, and more
• JavaScript


  Governs certain behaviors on websites and can be used for a variety of interactions and features
• CGI programming


  Different flavors of programming languages. Many sites do not require any of these languages, but sites that are more feature-rich will certainly need to be coded using some of these languages
• Information architecture


  The way a site's content and navigation is structured and presented helps make for a successful site that is easy and intuitive to use
• SEO


  Search engine optimization ensures that websites are attractive to Google and other search engines and that people looking for the products, services, or information features on that site can find it once they look for it online
• Server management


  All websites need to be hosted. The management of the servers that host those sites is an important web design skill
• Web strategy and marketing


  Having a website is not enough. Those sites will also need to be marketed with an ongoing digital strategy
• 1. commerce and conversions


  Design - Creating the visual look and feel of websites has always been an important aspect of the industry
• Speed


  A successful site is one that loads quickly on a wide variety of devices, regardless of a visitor's connection speed. Being able to tune the performance of sites is a very valuable skill
• Content


  People come to websites for the content that those sites contain. Being able to create that content is a critically important component in the world of website design
• 13 Basic Parts of a Website

  • Website logo
  • Header
  • Menu
  • Body
  • Highlighted content
  • Call To Action (CTA)
  • Sidebar
  • Posts and "feed" content
  • Internal Links
  • Forms
  • Buttons
  • Footer
  • Social links
• Website logo


  The logo section of the website will commonly be the space for identifying the website brand. While personal blogs and other non-brand-driven websites may only include the name of the website here, this spot is the first point of call for establishing a brand on the website. This image or text is often linked to the website main page, often known as "home"
• Header


  The top portion of the website, often containing the website logo as well as the main menu. The header is often a permanent fixture of the website, where the main content might scroll beneath it. The header contains information that is important to website navigation
• Menu


  Menus, often placed at an easy-to-reach place on the website, provide a way to navigate the website in an easy way. A main menu is often contained in the header, or on a collapsible pane (especially in mobile views of websites), and allows navigation through the pages of the website
• Body


  The area of the website that contains the most content. There are a number of different kinds of content. Specific pages will contain specific content
• Highlighted content


  Guides visitors to parts of your website that will convert into website goals. Website goals are the actions, interactions, etc. on your website that fulfil the very purpose of your website
• Call To Action (CTA)


  Important for guiding visitors to your website to important information, completing website goals, and navigating your website. CTAs can be obvious, such as buttons, or more subtle, like linking within text, but all serve the same purpose: guiding visitors to information that is relevant to them
• Sidebar


  Often help with navigation. When large amount of information, like multiple blog posts, or products need to be ordered, a sidebar can help. Sidebars are often used in displaying related bits of information, contain CTAs, or guide visitors to the next step after they've read a post or added a product to their cart
• Posts and "feed" content"


  A handy way to get visitors to your website engaging with the content on your website is by offering a "feed" of content. This, like a slideshow of recommended products or, in this case, the latest blog posts, serves to pique the visitor's interest and guide them to completing website goals
• Internal Links


  Useful for creating an ideal flow through your website. In the example, the link takes users to the blog page, where they can peruse the full list of blog posts and find something that interests them and effectively completing a website goal