Category Archives: Design

LOVE4design Graphics: Ads in remote places

Ads in remote places

LOVE4design / About Us / Our Mission

LOVE4design / About Us / Our Mission

Even in the most remote places billboards advertise the services of LOVE4design, like here, on the surface of the moon.. Just behind the billboard, the earth is seen rising from the moon. This new advertising campaign aims to introduce our services to the most remote places in the entire universe.

 

LOVE4design Graphics: Billboard advertising ERIXZ Change Design

Billboard advertising ERIXZ Change Design

LOVE4design Graphics: Add for ERIXZ Change design

LOVE4design Graphics: Add for ERIXZ Change design

This billboard advertises ERIXZ Change design. The logo that was used here is an enhanced version of the older ERIXZ logo. also known as the Erixzicon. The image  is created by Love4design, using a layered composition in Adobe Photoshop CS6. There’s an orange gradient background that seems to be cold enough to make little water drops condense on the screen. On top of the background, the main body of the logo is formed by ten rectangular objects,  or to be more precise, ten parallelograms. The top layer consists of shiny chrome looking letters, masked out of a spiraling black and white image underneath.. The billboard itself is a layered Photoshop document with several smart objects, that was downloaded from the internet, free of charge or royalties.

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.

Study for “A car with a view numero 1”

Porche 911 Carrera convertible on the roof of the world

Study for “a car with a view”,phase one.

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

"A car with a view"; Porsche 911 carrera convertible on the roof of the world

“A car with a view”; Porsche 911 carrera convertible on the roof of the world

For this image, that originates from a transparant (png) file we have chosen a Porche Carrera 911 convertible as the model for our decor. The car is placed on top of a very high phantasy building, obviously  constructed in a Gothic style architecture, looking out over a future world with a wide panorama, hence the title “a car with a view”.

To accentuate the importance of the car as the central object of the image, there’s a black and white tile floor played under it and shiny chrome barrier posts on both sides, with a red cord in between . What exactly the meaning is of the goat in this shiny ambiance is left to the viewers imagination.

 

Atomium

Gold-plated atomium

This gold-plated Atomium seems to be surrounding the missing puzzle piece that is abundantly used as  the site icon for the LOVE4design website. The problem with this image is that it seems impossible to separate the Atomium from the missing puzzle piece, although each has its own separate layer.

Gold-plated LOVE4design icon

Gold-plated LOVE4design icon

This gold-plated Atomium seems to be surrounding the missing puzzle piece that is abundantly used as  the site icon for the LOVE4design website. The problem with this image is that it seems impossible to separate the Atomium from the missing puzzle piece, although each has its own separate layer.

ERIXZ Gold Plated Logo

Gold Plated Logo for ERIXZ Change Design

This gold plated business logo was designed by ERIXZ Change Design in a series of business logos for LOVE4 design and Look and Feel designs.

Aa usual, the images were created by Photoshop Creative Cloud, which we at LOVE4 design consider to be the best image editing program in the world today.

ERIXZ Gold Plated Business Logo

ERIXZ Gold Plated Business Logo

LOVE 4 design (checkout LOVE4 design) is the primary domain for ERIXZ Change Design (checkout ERIXZ Change Design) and Look and Feel designs (checkout Look and Feel designs).

Design and Development Issues # 2

LOVE4design has specialised in the use of Adobes Creative Cloud

Magazine style front page for ERIXZ Change Design website

Magazine style front page for ERIXZ Change Design website

Over the years LOVE4design specialized in the use of Adobes Creative Cloud for our clients design as well as development projects. We Like to keep things simple. Therefor we concentrate on a limed array of tools to get the job done. For all our development projects we relay on the combination of WordPress and Adobe Dreamweaver which we find a strong couple. For all our design projects varying from graphic design to animations,  we choose a combination of products from Adobes Creative Cloud, like Adobe Photoshop, which we think is the worlds best image editing program and, for instance Adobe Illustrator  or Adobe After Effects.