UX & UI Design

An introduction to UX and UI

These are the first steps in the creation of a website. The students will learn the core fundamentals on how to design user interfaces for both desktop and mobile devices. The student will also gain a deeper understanding into the methodologies used to create and test the User Experience, to enhance the design and provide a better end product for both the client and the end user.

User Interface Designers

A User Interface Designer is concerned with how the product is laid out – they are in charge of designing each screen or web-page that the user interacts with, ensuring that users will follow the communication path the UX designer has already set.

User Experience Designers
A User Experience Designer is focused on how a website **feels**
The responsibility of a UX designer is to make sure a website flows logically, depending on what that communication is. UX Designers are in a way like mini-psychologists, they ask questions that are routed in Behavioural Psychology, in order to understand better what people do when it comes to using digital platforms. They also do what is known as Beta-Testing – which is a focus group of sorts, where individuals come in, and are filmed using the website, so the UX designer can gain a better understanding of how people are interpreting and interacting with the intended communication.

UX designers also provide wireframes for layouts, storyboards and mood boards and even a sitemap at times. A sitemap is a logical “tree” of sorts, that lays out how the website – and its web pages connect and link to each other.


Course Requirements

Students should have working knowledge and understanding of the following:

  • Basic understanding of design applications like Adobe Photoshop and/or Adobe Illustrator.

Course objectives

By the end of the course students will have usable knowledge of the following:

  • How to use Adobe Photoshop, Adobe Illustrator and Balsamiq Mockups to effectively to lay out a pleasing user interface.
  • This course will help the student to understand the usability of a web service or app they might be asked to design or work on in the future.
  • Students will create wireframes and prototypes of a project and run usability tests within the class on a peer review level
  • Learn user-centred design techniques to build a solid design process which generates better results.

Students will be taught how to take these principles forward when learning how to code and build websites from their interface designs.

Pricing also available for customised, on-site and group training.

 

JavaScript & jQuery

Improve your web pages with enhanced usability and dynamic content

JavaScript is one of the world’s most popular scripting languages and the scripting language of the world wide web. Together with frameworks such as jQuery, the most popular JavaScript­ based library, the web is more powerful than ever before ­ allowing web authors with little or no programming knowledge to quickly pick up the web development skills they desire.

By learning JavaScript as well as jQuery, you will be able to manipulate web page elements, add dynamic content, improve the user experience with interesting transitions & animations, add HTML form validation and much more.

During this 4 week course learners will be taught the principles of programming from the ground up and learn how to integrate JavaScript & jQuery seamlessly into their front­end HTML/CSS designs.

 


Course Requirements

Students should have working knowledge and understanding of the following:


Course objectives

By the end of the course students will have usable knowledge of the following:

  • Learn how to write clean and syntactically correct JavaScript
  • Understand the Document Object Model (DOM)
  • Manipulate HTML elements and content using JavaScript
  • Extend usability and user experience of existing HTML pages
  • Understand and implement the jQuery library

Pricing also available for customised, on-site and group training.

 

Concept Art

Learn how to translate your ideas into physical reality.

Concept art can be defined as a form of illustration that is used to convey an idea before it is put into final production, although the skills learned can be used to produce finished art as well such as high end illustration and digital painting. It has application in film, game design, industrial design and other creative industries and can be used for anything from designing objects to developing characters, vehicles, scenes and environments.

Techniques covered in this course are conceptualising, sketching, building visual libraries, working in perspective, constructing basic anatomy and digital painting.

A large portion of the course is devoted to working in Photoshop and mastering digital painting techniques, from the fundamentals such as basic form construction and texturing to more complex ideas like working with color and light. Students will use graphic tablets to replicate class exercises driven by an experienced instructor in order to build up a solid set of fundamentals for more complex work. Students are then taught different workflows for completing concept art from start to finish including drawing based workflows and working with forms and silhouettes for speed.

This evening class is for the visually inclined. It is for anyone that would like to develop their visual awareness, imagination and upgrade their technical skills to help them visualise and render their ideas. It is for anyone that has marveled at digital art and now wants to take steps in creating their own.

conceptart2


Course Requirements

Students should have working knowledge and understanding of the following:


Course objectives

By the end of the course students will have useable knowledge of the following:

  • Building visual libraries
  • Conceptualising
  • Working in perspective
  • Basic anatomy construction
  • Digital painting techniques
  • Specialised industry tips and techniques
  • Different workflows to create concept art

ca_site_marketing

Pricing also available for customised, on-site and group training.

3D Sculpting & Retopology

Take your 3D Models to the next level by learning how to sculpt & prepare them in perfect detail

So you know the basics of 3D Modeling, but now you want to step it up and create incredibly detailed objects – this is what our second 3D Modeling evening course can offer you. Here you will learn how to use Blender’s powerful sculpting tool, that enables you to create highly detailed models as if you were working with clay. From realistic characters to organic forms like trees or geologic formations – the sky is the limit! Additionally, you will learn how to use Retopology to create low polygon models and how transfer your sculpture’s details onto them. Become a modeling master and turn your concepts into creations that wow!


Course Requirements

Students should have working knowledge and understanding of the following:


Course objectives

By the end of the course students will have useable knowledge of the following:

  • Use the Sculpting tool in Blender
  • Plan a character model
  • Sculpt a character in Blender
  • Apply the sculpting tool for other purposes
  • Work with the Sculpting interface
  • Create High detail model
  • Create a low polygon model out of a high polygon model (Retopology)

Pricing also available for customised, on-site and group training.

3D Modeling & Texturing

Learn the basics of 3D Modeling & Texturing in this excellent Foundation course

Ever wonder what the buzz is about 3D modeling? Many artists and companies from game and TV productions, to architects and museums worldwide, use 3D Modelling tools in different ways  –  from creating graphics, animations and object visualizations, to even 3D Printing. With this course, you will learn how to create 3D models and how to turn them into convincing objects with realistic surfaces using the Blender software package, enabling you to turn your concept into a creation! This is the first of two courses that will introduce you to the Blender interface and the essential modeling and texturing techniques. This course serves as an excellent foundation for the second module of 3D modeling, 3D Sculpting & Retopology.


Course Requirements

Students should have working knowledge and understanding of the following:


Course objectives

By the end of the course students will have useable knowledge of the following:

  • The Theory behind 3D models
  • The Blender Interface for modeling and editing
  • Editing and manipulating 3D objects
  • The most important modeling techniques
  • Unwrapping 3D objects
  • Texturing 3D objects and the purpose of textures
  • How to use the reference material for modeling
  • Modeling different types objects

Pricing also available for customised, on-site and group training.

HTML5/CSS3 & Responsive

Learn to create responsive, device agnostic websites with the latest HTML & CSS techniques

Welcome to the world wide web! The internet has become ubiquitous in our daily lives, transcending desktops and extending connectivity to smartphones, tablets, cars, household appliances and other electronics. Accordingly, conventional web design no longer meets the requirements of an increasingly connected society that have demands for responsive flexibility and a great user experience.

In this 5 week course, learners will learn the principles and practice of becoming a modern web developer by taking a device­agnostic approach to web design in order to compete across multiple platforms (i.e. desktops, smartphones, tablets and phablets).

Starting from the very basics, learners will be introduced to the latest versions of HTML and CSS ­ the two core front­end languages of the web ­ in order to effectively structure information and bring their own visual web designs to life.

By taking part in this course you will gain technical insight about the web design process, learn how to structure a flexible website, handle typography and hierarchies, place images and media, create forms, build layouts and learn to use HTML frameworks (such as Twitter Bootstrap). With latest techniques in CSS3 you will learn how to effectively adapt a web page to multiple device sizes using media queries and enhance the experience with custom typefaces, animations and effects all using little or no JavaScript.

 


Course Requirements

Students should have working knowledge and understanding of the following:

  • Basic Computer Skills for PC/Mac.
  • Good to have: UX/UI Course or similar experience.

Course objectives

By the end of the course students will have usable knowledge of the following:

  • Understand the underlying technologies and concepts behind front­end web development.
  • Understand the ideas behind responsive web design and device agnostic design.
  • Understand and code HTML in conjunction with CSS.
  • Correctly use HTML5 semantic tags and extended functionality.
  • Be able to build a custom CSS grid framework.
  • Be able to implement advanced CSS techniques (CSS3) such as animations and transitions.
  • Be equipped to code a custom HTML/CSS responsive web page design for personal or professional use, using clean and semantically correct code.
  • Gain a basic understanding of scripting and third­party extensions.
  • Understand web page frameworks such as Twitter Bootsrap.
  • Have an understanding of hosting and maintaining a website.

Pricing also available for customised, on-site and group training.

 

Adobe InDesign

Learn to create visually stunning and functional layouts with Adobe InDesign

Adobe InDesign is best described as a long document application that makes creating complex documents an easy task. In a graphic design setting, InDesign seamlessly integrates photo manipulations and vector art created in Photoshop and Illustrator and can be considered not only as software that assembles them, but also as an independent layout package on its own. InDesign can be used for small and large projects. It is simple enough to generate posters or business cards, but is powerful enough to layout books or magazines, as well as set them up for reproduction.

Although InDesign features a host of tools aimed towards publishing for print, it is also fast becoming a force to be reckoned with in the electronic publishing and web fields, and is no longer only used for print materials. Features like styles, preflighting and master pages are what make Adobe InDesign such a powerful long document application. In this course, not only will we cover the InDesign essentials, but some specialised tricks of the trade presented by an experienced lecturer. On its completion, you should not only be comfortable using InDesign to layout your documents, but have some insight into interactive design and have a foundation going into development for devices such as smartphones and iPads.


Course Requirements

Students should have working knowledge and understanding of the following:

  • Basic Computer Skills for PC/Mac.

Course objectives

By the end of the course students will have useable knowledge of the following:

  • Navigation and management of InDesign documents
  • Managing colours and gradients
  • Creation of custom art from in InDesign
  • Work with and manage external graphics
  • Create and edit text
  • Application of effects and styles
  • Management of pages and masters
  • Set up of basic interactive design
  • Export PDFs for printing purposes

 

Pricing also available for customised, on-site and group training.

Content Management Systems

Learn to design and develop websites with an industry trusted CMS WordPress

The server-side scripting evening course consists of a series of lectures and practical workshops aimed at developing the necessary skills to create and maintain database-driven web pages.
The learner will be introduced to an HTML preprocessor (PHP) and databases (MySQL) in order to modularize and cater content to user requests. He/she will also be introduced to content management systems (CMS) and discover how they are created and used to help the client take care of their own content.
This course provides an in-depth focus on installing and customising content for one of the world’s most popular CMSs, WordPress. By using some server and client side scripting knowledge, the learner will go on to build a customised template in order to present their own design powered by the WordPress platform.


Course Requirements

Students should have working knowledge and understanding of the following:


Course objectives

By the end of the course students will have usable knowledge of the following:

  • Successfully install and use an Apache and MySQL testing server
  • Know how to write clean and syntactically correct PHP
  • Gain introductory knowledge about advanced PHP functions
  • Successfully be able to use a combination of part of the PHP code to create custom functionality.
  • Be able to install the WordPress CMS and manage content
  • Be able to customize an existing WordPress theme
  • Envision and create a custom WordPress theme using HTML/CSS, PHP and JavaScript

Pricing also available for customised, on-site or group training.

 

Adobe Illustrator

Adobe Illustrator is a powerful, versatile tool for creating illus­trations for print & web

Adobe Illustrator is a multi-purpose application for creating artwork suitable for both screen and print graphics. It is a primarily vector based program which will allow you to create detailed and scalable art for almost any use.

In graphic design, Illustrator is used to create anything from logos and business cards, to advertisements and posters. In a fashion design setting, Illustrator has become quite popular in the creation of technical drawings and renders, due to its specialised brushes and patterns. Whatever your intention, this course covers not only the Illustrator essentials, but explores a host of features that sets Illustrator apart from other vector graphic packages.


Course Requirements

Students should have working knowledge and understanding of the following:

  • Basic Computer Skills for PC/Mac.

Course objectives

By the end of the course students will have useable knowledge of the following:

  • Navigating the Illustrator work environment
  • Creation and management of documents and artboards
  • Working with colour, gradients and patterns
  • Creation & manipulation of vector objects
  • Working with strokes and brushes
  • Managing & importing artwork
  • Advanced object creation and manipulation
  • Creation of text within a graphic enviroment
  • Management and application of effects & styles
  • Setting up of vector art in perspective
  • Export pdfs for printing purposes

Pricing also available for customised, on-site and group training.

 

Adobe Photoshop

Master the world’s most advanced image manipulation software

Adobe Photoshop is a multi-purpose application for creating artwork suitable for both screen and print graphics. It is a primarily used for the creation and manipulation of pixel-based images, for instance in editing high detail photographs. Photoshop can be used for practically anything image related, which includes photo manipulation, image retouching and correction, special effects, digital illustrations or the creation of artwork starting with a blank canvas. Its uses extend from altering a facial expression or body shape, to creating a user interface or buttons for the web.

In this course, not only will you learn the Photoshop essentials, but some unique insights as to what you can achieve combining the various tools you learn. On its completion, you should feel comfortable using the software to edit and manipulate your own images as well as be able to create your own art. In a graphic design environment, Photoshop forms an essential part of the print design suite which includes Illustrator, InDesign and Acrobat, although is also extensively used in a variety of different industries, wherever images need to be processed. It is considered by many to be one of the most popular products in the Adobe range.


Course Requirements

Students should have working knowledge and understanding of the following:

  • Basic Computer Skills for PC/Mac.

Course objectives

By the end of the course students will have useable knowledge of the following:

  • Navigation and management of Photoshop documents
  • Editing documents & working with layers
  • Creating and using selections
  • Custom art creation
  • Image correction
  • Using adjustments to alter images
  • Create and edit text
  • Application of filters & styles
  • Specialised features such as Content Aware Scale, Auto-Align, Auto-Blend and Puppet Warp
  • Saving and exporting of the various associated file formats

Pricing also available for customised, on-site and group training.

© Copyright Friends of Design - Academy of Digital Arts 2014. All Rights Reserved.