Monthly Archives: September 2016

Transformations 01

Transformations 01: A study on transformations

In this transformation the creme colored classic Jaguar is the static central object. All other objects are in a complex process of transformation from the start of the transformation ( phase 1 ) to the end of it (phase 2 ).

Cream colored classic Jaguar placed in a futuristic gothic ambiance that will be transformed into a Cream colored classic Jaguar placed in a futuristic gothic ambiance that will be transformed into a sacred Indian jungle ruin ( fase 2 ) Indian jungle ruin ( fase 1 )

Cream colored classic Jaguar placed in a futuristic gothic ambiance that will be transformed into a Cream colored classic Jaguar placed in a futuristic gothic ambiance that will be transformed into a sacred Indian jungle ruin ( fase 2 ) Indian jungle ruin ( phase 1 )

Phase 1 of the transformation is a composition of a dozen individually transformable objects in the object oriented design above.

The individual objects are: the statue of liberty in the central background, several futuristic buildings in the background, several gothic windows in the background, a black and white tiled floor, chrome barrier poles and red cords in the foreground and several minor objects.

Cream colored classic Jaguar placed in a futuristic gothic ambiance that will be transformed into a sacred Indian jungle ruin ( fase 2 )

Cream colored classic Jaguar placed in a futuristic gothic ambiance that will be transformed into a sacred Indian jungle ruin ( phase 2 )

Phase 2 of the transformation is a composition of a dozen individually transformable objects in the object oriented design above.

The individual objects are: the background sea, the vegetation on the left, the vegetation on the right, the left background ruin, the right background ruin, the Bangalian tiger, the buddha statue, two monkeys in the foreground, a monkey up in the trees and several minor objects.

Responsive Design #04

Study for Responsive Design #03

Nowadays, the majority of websites out there is still based on fixed page layouts. This approach has rapidly become obsolete. Due to the explosion of smartphones and tablets over the past few years, the content of web pages is now consumed by a wider array of screen sizes, screen resolutions, and browser types than ever before. The old school method of fixed page layout design, often leads to a lot of annoying scrolling and zooming, especially for small screen devices. This approach has therefore made room for a new methodology: Responsive Design.

responsive-design-04

So What is Responsive Design?

Responsive Design is more than a buzz phrase of the moment. It’s the answer to particularly vexing problems where web designers are faced with, struggling with the ever-growing number of Internet capable screens of varied widths and heights, many able to swap dimensions with the flip of a wrist.

Responsive Design makes your web page look good on all devices

Responsive Design makes your web page look good on all devices: desktops, tablets, and phones. It is about using CSS and HTML to resize, hide, shrink, enlarge, or move the content of a web page to make it look good on any screen. For any particular device, the Responsive Design shifts the page layout around, so that it makes sense for the people who are looking at it. On desktop computers, the design can be enhanced for the larger screen, with increased graphics size and layouts that target wider aspect ratios. On a tablet, the design can change layout and functionality based on the device type or the orientation of the device. On smartphones, the design can change layout based on smaller size, hide some elements, and even take advantage of smartphone features like geolocation and messaging.

Responsive Design #03

Study for Responsive Design #03

Nowadays, the majority of websites out there is still based on fixed page layouts. This approach has rapidly become obsolete. Due to the explosion of smartphones and tablets over the past few years, the content of web pages is now consumed by a wider array of screen sizes, screen resolutions, and browser types than ever before. The old school method of fixed page layout design, often leads to a lot of annoying scrolling and zooming, especially for small screen devices. This approach has therefore made room for a new methodology: Responsive Design.

LOVE4design Services: Responsive design

LOVE4design Services: Responsive design

So What is Responsive Design?

Responsive Design is more than a buzz phrase of the moment. It’s the answer to particularly vexing problems where web designers are faced with, struggling with the ever-growing number of Internet capable screens of varied widths and heights, many able to swap dimensions with the flip of a wrist.

Responsive Design makes your web page look good on all devices

Responsive Design makes your web page look good on all devices: desktops, tablets, and phones. It is about using CSS and HTML to resize, hide, shrink, enlarge, or move the content of a web page to make it look good on any screen. For any particular device, the Responsive Design shifts the page layout around, so that it makes sense for the people who are looking at it. On desktop computers, the design can be enhanced for the larger screen, with increased graphics size and layouts that target wider aspect ratios. On a tablet, the design can change layout and functionality based on the device type or the orientation of the device. On smartphones, the design can change layout based on smaller size, hide some elements, and even take advantage of smartphone features like geolocation and messaging.

Responsive Design #02

Study for Responsive Design #02

Nowadays, the majority of websites out there is still based on fixed page layouts. This approach has rapidly become obsolete. Due to the explosion of smartphones and tablets over the past few years, the content of web pages is now consumed by a wider array of screen sizes, screen resolutions, and browser types than ever before. The old school method of fixed page layout design, often leads to a lot of annoying scrolling and zooming, especially for small screen devices. This approach has therefore made room for a new methodology: Responsive Design.

responsive-design-02So What is Responsive Design?

Responsive Design is more than a buzz phrase of the moment. It’s the answer to particularly vexing problems where web designers are faced with, struggling with the ever-growing number of Internet capable screens of varied widths and heights, many able to swap dimensions with the flip of a wrist.

Responsive Design makes your web page look good on all devices

Responsive Design makes your web page look good on all devices: desktops, tablets, and phones. It is about using CSS and HTML to resize, hide, shrink, enlarge, or move the content of a web page to make it look good on any screen. For any particular device, the Responsive Design shifts the page layout around, so that it makes sense for the people who are looking at it. On desktop computers, the design can be enhanced for the larger screen, with increased graphics size and layouts that target wider aspect ratios. On a tablet, the design can change layout and functionality based on the device type or the orientation of the device. On smartphones, the design can change layout based on smaller size, hide some elements, and even take advantage of smartphone features like geolocation and messaging.

Responsive design #01

Study for Responsive Design #01

Nowadays, the majority of websites out there is still based on fixed page layouts. This approach has rapidly become obsolete. Due to the explosion of smartphones and tablets over the past few years, the content of web pages is now consumed by a wider array of screen sizes, screen resolutions, and browser types than ever before. The old school method of fixed page layout design, often leads to a lot of annoying scrolling and zooming, especially for small screen devices. This approach has therefore made room for a new methodology: Responsive Design.

LOVE4design Services: Responsive design

LOVE4design Services: Responsive design

So What is Responsive Design?

Responsive Design is more than a buzz phrase of the moment. It’s the answer to particularly vexing problems where web designers are faced with, struggling with the ever-growing number of Internet capable screens of varied widths and heights, many able to swap dimensions with the flip of a wrist.

Responsive Design makes your web page look good on all devices

Responsive Design makes your web page look good on all devices: desktops, tablets, and phones. It is about using CSS and HTML to resize, hide, shrink, enlarge, or move the content of a web page to make it look good on any screen. For any particular device, the Responsive Design shifts the page layout around, so that it makes sense for the people who are looking at it. On desktop computers, the design can be enhanced for the larger screen, with increased graphics size and layouts that target wider aspect ratios. On a tablet, the design can change layout and functionality based on the device type or the orientation of the device. On smartphones, the design can change layout based on smaller size, hide some elements, and even take advantage of smartphone features like geolocation and messaging.

Ultratech diamonds and rubies

Ultratech diamonds and rubies

The artwork titled “ultratech diamonds and rubies” is part of a collection, published by LOVE4design and was effectively called “object oriented design”. Obviously the term “object oriented” was borrowed from the department of system development, and  as such  it was widely debated in the early eighties. Since we like to separate design and development, we have reserved the term “object orientation” for artwork that is composed of individual artistic components..

Ultratech diamonds and rubies

Ultratech diamonds and rubies

This artwork that was originally created with Adobe Photoshop CC was constructed of s of a few dozen individual layered objects.  It shows an ultra tech decor, that seems to be more or less folded around an iMac.  The iMac’s screen seems to be translucent. The scene that is somewhat cold, is warmed up by several rubies and diamonds. These jewels were brought into the scene as very high resolution images and further transformed into their current state..

What about copyright?

What about copyright? Arent there any legal issues here? We like to think there are not. You see, that’s the power of object oriented design. The art is in the composition, not is the individual objects. All these objects can be turned on and off at will and are easily  exchangeable. In case someone objects to the use of one of these objects, we will humbly apologize and replace it with a slightly different one.  For instance, who owns the hand that is touching the keyboard? We have a ton of this stuff…

ERIXZ chrome business logo

Here’s ERIXZ brand-new chrome business logo

This here is ERIXZ brand-new chrome business logo, created in Adobe Photoshop CC. The chrome effect was easily downloaded as a JPG file from the internet, free of copy rights. The text layer was inserted as a clipping mask, or more precisely, a clipping mask was inserted above the text layer. .

ERIXZ brand-new chrome business logo

ERIXZ brand-new chrome business logo

 

Study for “A car with a view numero 2”

Cream coloured classic Jaguar

Study for “a car with a view”, phase two. Cream coloured classic Jaguar exhibited in a Gothic ambiance. 

Cream coloured classic Jaguar exhibited in a Gothic ambiance

Cream coloured classic Jaguar exhibited in a Gothic ambiance

This artwork technically is but an assemblage of individual graphical objects and therefor we like to refer to this technique as “object oriented design”.

About the method of Object Oriented Design (OOD) 

This artwork technically is but an assemblage of individual graphical objects and therefor we like to refer to this technique as “object oriented design”. The roots of this technique lay in the era when computer graphic where not a common thing. Back then, art students who needed “quick and dirty designs” for their showcases, just teared off colourful  pieces of glossy magazines to combine colors and shapes into aa convincing piece of art. This vert same method still stands when it comes to transparent objects in layered files.

We used this method ta combine a dozen objects, spread over five individual layers, into the the cream coloured Jaguar that seems to be parked in a Gothic apartment on the top floor of some building that contrasts what seems to be a Chinese skyline, with the statue of liberty in the centre.

What’s next?

In the next post we will be discussing some copyright issues, related to this method.