Multimedia Design New Technologies

Progress

As planned for my interface, I started to illustrate the splash shape in Adobe Illustrator. This splash icon will be the button icon for my web. The reason of splash shape for the button is because to represent the water splash or a drop of colour on top of the page. This is the progress of making the splash and other icon which is to be placed in my website.

This splash shape was firstly drawn on a sheet of paper, then it was scanned and pasted into the illustrator for tracing and filling colour in it.

screen capture 1

screen capture 2

screen capture 3

Additional small splashes was added and placed to make it much bigger and to be more realistic.

Next, moving on to the next step is to make buttons that will be placed for the medium and the quality of the painting. Same process were used for this as used for the splash button.

screen capture 4

screen capture 5

After that, all the files were saved into Jpeg and Png format. Saving it into such a format will be easier to be attached in the Flash.

Below are the Jpeg and Png files for the website:

original Buncho logo (traced)

Buncho colour quantity graphic box

Buncho typeface for the website.

Splash for the button (home)

Splash for the button (on other pages)

wet on wet image

Dry on dry image

Other than this, paintings and medium works are left for the Website Construction. The advertising campaign of Buncho will be presented with paintings, methods and medium of painting and materials that is used.

Design Systems and Services

Wireframe

Wireframe is a table or flow chart that shows the process in simplified form. This is an outline or guideline for the system designer. Other than that, it will be a reference table for the investors or other superior if we work for a programming company. Wireframe is a reference for the designer in a way to avoid the design er to be leftover or skipped over the important features and part of the design system. This method are used in all the programming and system designing companies. For my App called 'Friddal' below is the wireframe in a very simple form;

This is the progress of designing the wireframe:

Screen shot 1

Screen shot 2

Screen shot 3

Screen shot 4

Screen shot 5

Screen shot 6

Screen shot7

Screen shot 8

This is the JPEG format file of my wireframe:

Jpeg file of Friddal App wireframe

Design and Business Strategy

What is Creative Industry?

All around the world, the creative economy is categorised as an important and growing part of the global economy. It reflects from socio-economic potential of activities that trade with creativity, knowledge and information. Governments and creative sectors across the world are increasingly recognizing its importance as a generator of jobs, wealth and cultural engagement. The creative industry that are based on individual creativity, skill and talent with the potential to create wealth and jobs through developing intellectual property.

The creative industries are a priority, because they are innovation led, knowledge intensive and highly exportable. The creative industries foster individual creativity, skill and talent and offer diverse and rewarding career opportunities.

The creative capability comprises the following sectors:

• advertising, 
• architecture, 
• the art and antiques market, 
• crafts, 
• design, 
• fashion designer, 
• film making, 
• interactive leisure software (i.e. video games), 
• music, 
• the performing arts, 
• publishing, 
• software, and 
• television and radio. 

In short, the creative industry is industrial creativity, skill and talent and offer diverse and rewarding career opportunities as well as a contribution on the growth of the economy.

Reference:

(2016). Kcad: Illustration careers. [Online] Available on: https://www.kcad.edu/career-professional-development/for-students/illustration-careers/. [Accessed on 26 April 2016]

Polzi, N. (2016). Just creative: the current state of illustration and how to succeed. [Online] Available on: http://justcreative.com/2014/02/10/the-current-state-of-illustration-and-how-to-succeed-in-2014/. [Accessed on 27 April 2016]

Multimedia Design New Technologies

Concept Board

After finalising my concept Board, I decided to that my background lay out can be adapted as how my concept board look like. Hence, techniques of paintings are also to be concern in my website. There are 3 types of Medium can suitable for the Buncho Water colour. The Mediums are 'Wet on wet', 'Wet on dry' and 'Dry and Dry'. Moving on to the finalised concept board, the Jpeg file of my concept board is ;

Concept board for Buncho Water Colour

Multimedia Design New Technologies

Concept board

Concept board is a start up or conceptual ideation of what we are about to do. It can be manipulated or adapted from difference resources or can be designed with interpersonal skills. For this task of promoting a brand in the Multimedia Design New Technologies module, Buncho Water Colour is my subject brand. So i have a concept of using paintings with different effects and tones to be the interface basic.

At the beginning, I started to see images in Google based on painting with tones and different effects, few selected images was taken to fit it into my concept board.

Starting the concept board in the Adobe Illustrator, i used the images to just fit in place to get what i wanted.

These are the work flow of designing the concept board for my Web lay out. The concept board is to be a start up idea for my website. This will allow me to get more inspired with sample paintings works that can help me to explore more about the lay out.

Design and Business Strategy

Personal SWOT analysis.

Moving on to add on my previous SWOT infographic, the total layout were planned to be changed. First of all, the background which is in light aqua blue.

 

screen capture 1

screen capture 2

Next illustrating the details of the infographic and copied file of the previous SWOT infographic.

screen capture 3

screen capture 4

 Rearrangement of the images and labelled according to the analysis. Then, opportunities and threats were added in the infographic as the previous one were incomplete.

screen capture 5

screen capture 6

screen capture 7

Finally, the infographic were given the indication mark of SWOT.

This was the final layout in the Adobe Illustrator.

screen capture 9

This (below) is the Jpeg file of the infographic:

 Infographic of personal SWOT analysis.

Group Design Project

Logo of 'Six to Fix'.

For the module Group Design Project, as planned, an exhibition is about to be held. So, a logo for the event are discussed with plenty of sketches and ideas and this is the logo for 'Six to Fix'. 

The logo:

The number six in the logo is shown as a thumbprint is because of six group members which has different identities and different topic of selection. This is a black and white logo, the colour is yet decided to be fit into our logo. More consideration to go on about this logo being placed in the poster and invitation card although it is accepted.

Design and Business Strategy

SWOT Analysis

The task for SWOT analysis is to make an infographic of our SWOT. This is to show a thorough analysis of our self.

To start my SWOT in Ai- illustrator, I started to create a simple figure of myself in 2D so that it shows about me in the infographic.

screen capture 1

screen capture 2

screen capture 3

The figure of me in the infographic is planned to stood as showing strength on the left and the weakness on the right. Simple details of myself were added to ensure the audience to recognise me in the infographic as well.

After finishing that, I started to illustrate all the details which is my strength and my weakness as simple as possible and easy to be understood. These are the details:

screen capture 4

screen capture 5

screen capture 6

screen capture 7

screen capture 8

When complete illustrating all the strength and weaknesses, I arranged them as planned. After placing all in place, I placed the figure which represents me at the middle of the other details.

screen capture 9

screen capture 10

screen capture 11

These was the methods of how I illustrated my strength and weakness for the SWOT analysis. Opportunity and threats are to be added soon. After finishing this, the saved Jpeg file image looks like this:

Image 1: Infographic of SW