Google plus

Fluid Edge Themes

Title Image


Home  /  OUR COURSES  /  UI/UX

Mobile apps UX | UI Design

Course Outline Given Below

  1. Mobile applications vs. Mobile web sites – Which is better for what?
  2. Introduction to mobile devices & specs
  3. A Brief History of Devices
  4. iOS vs. Android vs. Others – War of the Titans
  1. Employ CSS to design and layout forms.
  2. Prepare and optimize bitmap and vector images for use as content or user interface components.
  3. Use CSS frameworks that control more complex multi-column or grid-based page and interface layouts.
  4. Use Document Object Model (DOM) scripting techniques to modify user interface components of the page.
  5. Design and organize CSS theme files to control the presentation of HTML output from Web applications.
  6. Leverage CSS to construct responsive/adaptive layouts that are optimized for a variety of screen sizes and/or devices.
  7. Build custom web application themes by manipulating popular content management system CSS files.
  1. User interface components
  2. CSS transitions and transforms
  3. CSS layout strategies and frameworks
  4. Designing for mobile and touch
  5. HTML canvas
  6. Incorporating multimedia
  7. Customizing web application themes
  8. Enhancing the user interface with DOM scripting
  9. Dynamic CSS
  1. Recognizing user friendly elements
  2. UI/UX basics & planning
  3. Creating a Wireframe – Becoming a Digital Architect
  4. Building a Flowchart – What’s the next step?
  1. Understanding Color Psychology – What appeals to the masses?
  2. Applying attractive shapes
  3. Wireframe to Concept – Begin bringing your design to life.
  1. Emphasis and blending – What should stand out?
  2. Functional graphical elements
  3. Understanding various styles – Web 2.0, iOS7, etc.
  1. iOS & Android restrictions on icons
  2. Tips and tricks on creating custom icons
  3. Popular icon styles & sets – Icons can make or break a design.
  1. Proof of Concept – Otherwise known as POC
  2. Gathering feedback and revising your design
  3. Enhancing your communication skills
  1. Adjust images for various devices and operating systems
  2. Portrait display vs. Landscape display – How does it affect the outcome?
  3. Slicing & preparing images for coding
  4. Confirming your design

Final Mobile Application Assignment