Week 11: Classwork

Making A Gif Activity


How to Make a Gif.gif


In today’s studio session, we were asked to through using Adobe Photoshop or Illustrator to create a sample gif of images of a loading symbol.

Continue reading “Week 11: Classwork”


Link: 8

Veerle’s Blog 3.0: Creating Animated Gif


Veerle's Blog 3.0 Home Page.png

Image: N, A. (2017). Veerle’s Blog 3.0 Home Page [Image].
Retrieved from http://veerle.duoh.com/


With users and designers developing interactive designs it is essential to include interactive design elements that will attract users to the interface. Veerle is a Belgium graphic/web designer that has interactive design blog, where she shares essential information and tutorials on anything in relation with design. Thus with every interactive design, users and designers should consider having design elements such as animated gifs in their interfaces. Animated gifs attracts other users towards viewing content and as well is acts a significant tool when designing an interface that’s instructional. Animated gifs can be used to demonstrate steps of a “how to” process to clearly convey to users what needs to be done in the particular steps. Through users and designers using design elements such as animated gifs, allows clarity and attracts users towards viewing the content that is displayed in their interface project.

Continue reading “Link: 8”

Link: 7



Logo Book Home Page.png

Image: N, A. (2017). Logobook Home Page [Image]. Retrieved from http://www.logobook.com/


With users and designers developing interactive designs like apps it is essential to develop a good brand logo to clearly represent the projects purpose and meaning. Logobook is an online website database where it contains various logo designs that are created and used around the world. The website allows users and designers to browse through the logos history, creator, what company is designed for and how it was printed or made. Through the database, can allow users and designers to gain inspiration towards their own logo designs and see what aspects and design choices work well to represent the particular brand or product. This process will then allow them to create a logo that clearly conveys the meaning behind their intended project.

Continue reading “Link: 7”

Link: 6

Ink Onda Paper: Typeface


Ink Onda Paper Home Page.png

Image: N, A. (2017). Ink Onda Paper Home Page [Image]. Retrieved from http://inkondapaper.com/


With users and designers developing interactive designs it is essential to pick the right typefaces in order to convey the messages and concepts clearly across to other users. Ink Onda Paper is a creative blog where users and designers can have free access to in order to get useful information, facts and inspiration. Vital information such as what kind of typeface to use in interactive screen interfaces are located in the blog, where there a flow chart map which breaks down the perfect typeface for the intended project. Through this tool allows users and designers to establish what typeface works and what don’t. It also allows them to do a trial and error with using various typefaces to see if the information or messages of the project is readable, clear and valid.

Continue reading “Link: 6”

Link 5

Material Design: Device Metrics


Material Design Home Page.png

Image: N, A. (2017). Material Design Home Page [Image]. Retrieved from https://material.io/


With users and designers developing interactive design screen interfaces it is essential to determine what screen device size are needed for the desired project. Material Designs device metrics is a tool website that allows users and designers to determine what screen size on devices are suited for their intended project. The device metric page allows a comprehensive list of sizing, resolution, ratio etc. for each available device. Through this information users and designers are able to design and layout their interactive projects in an efficient way were time wont be wasted on estimation and removing. The device metrics page also allows users and designers a hypothetical view of what their desired interactive design will look like on the selected devices and again this is essential for figuring out what device works best.

Continue reading “Link 5”

Link: 4

Zurb Notable: Pattern Tap


Zurb Home Page.png

Image: N, A. (2017). Zurb Home Page [Image]. Retrieved from http://zurb.com/


With users and designers developing interactive design screen interfaces it is essential to determine what user interface pattern works best with the desired project. Pattern Tap is a library designed by Zurb Notable that collects specific designs and user interaction patterns towards interactive screen based design. Through this library users and designers are able to learn what patterns works with specific user interface designs and why or why not they may not work. Pattern Tap also contains examples of common website parts such as borders, comments, backgrounds and menu styles like the popular hamburger menu. Through careful assessing users and designers can also learn the purpose behind why particular design patterns for screens are used, therefore using and applying that information to future interactive design projects.

Continue reading “Link: 4”

Link: 3


Xtension Home Page.png

Image: N, A. (2017). Xtensio Home Page [Image]. Retrieved from https://xtensio.com/user-persona/


With users and designers developing interactive designs, they will first need to asses hypothetical users that may use their project design and concepts. Xtensio is a free easy to use website tool that allows users and designers to better plan, strategize and develop their future businesses through design templates. Designers and users understanding their target audience’s behavioural needs and wants are key steps towards developing a success interactive design. Commonly Xtensio is used to create hypothetical user persona’s that are assessed by the user or designer to eliminate any aspect of the project that doesn’t work or draws potential users away from using the interactive design. Users and designers can create user persona’s through various template styles and personalise their own folio and easy to use in-line editing features, and connects to live data.

Continue reading “Link: 3”

Link: 2



Invision Home Page .png

Image: N, A. (2017). Invision Home Page [Image]. Retrieved from https://www.invisionapp.com/#


With users and designers developing interactive design ideas, they will need to make a prototype to showcase these concepts. InVision is an UI mock-up tool for creating clickable and interactive prototypes so that designers could present design concepts of websites and mobile applications in real time. Through using InVision, users and designers can present their design projects to clients and other users and let them see the concepts and check how the users of their websites or mobile applications will browse through the platforms in real time.

Continue reading “Link: 2”

Link: 1

Interface Sketch


Interface Sketch Home Page.png

Image: N, A. (2017). Interface Sketch Home Page [Image]. Retrieved from http://www.interfacesketch.com/


With users and designers creating interactive designs it is essential to create wireframes of possible design project layouts and ideas. Therefore, Interface Sketch is a website users and designers can access for free in order to obtain various templates such as a template for a website, mobile device and or tablet. They can download all the files for free, where folders would contain different files for the designer and users preference like photoshop, illustrator or jpeg etc. Through users and designers using the templates allows them to clearly design the layout and style of their interactive project. Wireframes is a key step towards determining what aspects works in your interactive project and what doesn’t through it’s screen interface display and functionality.

Continue reading “Link: 1”

Welcome to the Links

Welcome to the links section.

Here, you will find various essential links that are in relation with interactive digital media and design. These links can be used as key tools towards better creating or developing a better understanding towards interactive design and can be applied to any future design project.