Whats Next Overview Visual graphic Design Multimedia Basic

What’s Next

Overview… Visual (graphic) Design Multimedia Basic Design Principles > Illustrator > Photoshop Advanced Photoshop | Illustrator Multimedia (HTML 5 canvas vs. Adobe Edge Animate) (INFOST 375) • Adobe Edge Tools http: //html. adobe. com/edge/ • Edge Animate – Create interactive and animated web content Audio/Video Editing (Final Cut, Adobe Premiere, Adobe After. Effects, Audacity (audio)) SVG / SVG Animation

Overview: Information Architecture User Experience Design Understands the needs, desires, and limitations of the user Understands how the site will be used, how it will solve problems User research and testing reports | User Modeling, Personas, Scenarios | Storyboards and User flowcharts - understand the user (audience) - demonstrates the steps to accomplish tasks (traces path of typical user (persona). Wireframe diagrams | Site Diagrams/Maps | Prototypes - - Diagram of the structure of the site – how individual pages relate to one another … navigation, search boxes, form elements INFOST 717: Information Architecture Axure: Interactive Wireframe Software & Mockup Tool http: //www. axure. com/ Adobe XD: Adobe’s UX/UI design tool http: //www. adobe. com/products/xd. html

Overview… Frontend Development CSS | HTML | Javascript Authoring/markup (html) | Styling (css) HTML 5 CSS 3 Javascript (Interactivity & browser behaviors) Google Web Designer: http: //www. google. com/webdesigner/ -Create interactive HTML 5 -based designs and motion graphics Web Fonts (Niederst p. 228) Google Fonts: https: //www. google. com/fonts Web Typography: https: //internetingishard. com/html-and-css/web-typography

Overview… Frontend Development CSS | HTML | Javascript Authoring/markup (html) | Styling (css) Flexbox Tutorial: https: //internetingishard. com/html-and-css/flexbox/ A Complete Guide to Flexbox https: //css-tricks. com/snippets/css/a-guide-to-flexbox/ A Complete Guide to Grid https: //css-tricks. com/snippets/css/complete-guide-grid/

Overview… Frontend Development CSS | HTML | Javascript Authoring/markup (html) | Styling (css) Responsive Design (INFOST 584) Responsive Web Design by Ethan Marcotte http: //www. abookapart. com/products/responsive-web-design Responsive Design : https: //internetingishard. com/html-and-css/responsive-design/ Content Management Systems Wordpress, | Joomla | Drupal | (INFOST 691)

Overview… Backend Development Scripting & Programming Advanced web functionality Forms Processing Database Programming Dynamic content & Interactivity - Add behaviors and functionality to elements in the page/browser window. Server-side Programming (form handling, dynamically generated pages, shopping carts, content management systems, databases) PHP Python Ruby JSP ASP. NET Cold. Fusion JAVA