E tech

• COLLABORATION

  • Cooperation
  • Teamwork
  • Working Together
• COLLABORATION


  • Time
  • Resources
  • Skills
• Web Development Team


  • Project Manager
  • Web Strategist
  • Content Specialist
  • Web Designer
  • Web Developer
  • Inbound Marketer
• Parallel Task Assignment


  1. Purpose of the Web site

  2. Coming up with a layout

  3. Realizing the design

  4. Marketing the Web site

  5. Integration of all of these aspects in one project

  6. Developing all aspects of the project at the same time
• Web Analytics

  The collection, reporting, and analysis of website data
• Online Collaborative Tools


  • Facebook or Messenger
  • Trello or other Apps use for Work load management
  • Google Apps for Communications
  • Google Apps as Online Productivity Tools
• WYSIWYG


  What You See Is What You Get
• WYSIWYG


  • Wix-Online Platform for website development
• HTML & CSS


  Offline Platforms for website development (Hypertext Markup Language and Cascading Style Sheet)
• Elements of Design


  • Lines
  • Colors
  • Shapes
  • Form
  • Typography
  • Texture

  
• Lines


  • Most basic of all the elements
• Why is web design important?

  • Purpose
  • Communication
  • Typefaces
  • Colors
  • Images
  • Navigation
  • Layout
  • Load Time
• Shapes


  • Enclosure created by a combination of multiple lines
• Purpose


  Caters to the needs of the user
• Colors

  • The powerful and influential elements

  
• Forms


  • 3D and encloses volume; includes height, width AND depth
• Communication


  • Make your information easy to read and digest
  • Using headlines and sub headlines
  • Using bullet points
• Texture


  • Used to represent how an object appears or feels
• Effective ways for communication


  • Font Style, Size, color and format
• Typography


  • Any form of art which involves letters, words, or phrases
• Typefaces


  • Size: 16px
  • Style: Max of 3
  • Heading
  • Subheading
  • Body text
  • Power to communicate messages and evoke emotional responses
• Colors


  • Use Color Palette
  • Selection limited to less than 5 colors
  • Every visual aspect used within communications

  
• Images


  • Photography
  • Illustration
  • Video
  • All forms of graphics
  • Key to retaining visitors
• Navigation


  • Simple
  • Intuitive
  • Consistent
  • Grid
  • F Patterns
• Load Time


  • Waiting for a website to load will lose visitors
  • Optimizing image sizes will help load your site faster
• Mobility


  Consider if your website is mobile friendly
• Types of websites


  • Educational
  • Blogging
  • Entertainment
  • Business
• Principles of Design


  Balance

  Contrast

  Unity

  Proportion

  Rhythm
• Other Principles of Design

  Alignment

  Emphasis

  Composition
• Balance


  FORMAL/SYMMETRICAL | INFORMAL/ NON  SYMMETRICAL
• Contrast


  Combining elements with different properties and Characteristics
• Unity


  When all of the  elements seem to be a singular  element in unison
• Proportion


  Correlation of all the elements with  on another.
• Rhythm

  having the elements places in harmony with one another
• Alignment

  Placement of visual elements so they line up in a composition
• Emphasis


  to attract the viewer's attention to a particular area or object
• Composition


  Arrangement of the visual elements in a painting or other artwork.