Author

Diana Hutter

Date

Nov 6, 2023

Category

Generative Design

Social
Text Link
KI and Designers

KI as a help for the work of designers and the revision of the design

This project I did while my sparetime after my graduation at HfG. It shows like a little design challenge, which I set for myself. I wanted to deeply understand how KI is able to improve the workprogress of a UI designer like me. Therefore I used DALL·E 3 from the Microsoft Bing Image Creator. I tried different concepts for my miniproject:

  1. Poster for Brand collaboration marketing
  2. Landing page
    2.1 Fitness Shop
    2. Frozen goods Supplier

1. Poster for Brand collaboration marketing

First I tried to collab different brands on one picture. In my example I picked PRADA and Adidas. At first glance I noticed that the holders would be also able to implement in shop window decoration. That's because I told DALL·E 3 to create 3D models.

PRADA x Adidas

Prompt: Brand Collaboration of Prada and Adidas with a vertical tilted shoe in the foreground and golden color in the background, rubber style, diffuse light, poster design, digital art, 3D rendering, 8k, majestic flair

No items found.

Prompt: Flat logo food plate, minimalistic, soft contours

No items found.

Prompt: Flat logo food plate, minimalistic, soft contours

2.1 Landing page of a fitness shop

I rebuilded all the mainpages of websites in Figma to move all the elements around and change the font in the way it meets my taste and in a way it could actually work in real life. That's because KI doesn't always know the laws of the design. The products on the website I also rebuilded when needed again with the DALL·3 tool.

Generated by DALL· E 3

Refined with Figma

Prompt: Website UI glass morphism for a fitness shop with high resolution product photos, rounded off buttons

No items found.
No items found.

Prompt: Flat logo food plate, minimalistic, soft contours

No items found.

Prompt: Flat logo food plate, minimalistic, soft contours

Pill Box in cylinder shape in matt black as a product photo for fitness shop, light comes from right, front view, high resolution
Sport Vest with a cold color palette in a minimalistic style, subtle self-illuminating blue light, front view, and high resolution
Black beanie as a product photo for fitness shop, light background, birds view, light table, 3D model animation style, high resolution
No items found.

Prompt: Flat logo food plate, minimalistic, soft contours

No items found.
Fitness Kettlebell as a product photo, Matt Black, flat style, simplified, front view, 3D rendering, 8k
Fitness Drinking Bottle as a product photo, Matt Black, flat style, simplified, front view, 3D rendering, 8k
Logo, triangle, minimalistic three lines, thin contours, circle as a background
No items found.

Prompt: Flat logo food plate, minimalistic, soft contours

2.2 Landing page of a frozen goods supplier

I didn't wanted to choose the ordinary colours of a frozen goods supplier. More than that I choose colours that enhance the appetite. For a more frosty look I added a decend blue tone to my standard black font colour. It was also recommended from the generated screen, so I kept that. The Logo I reconstructed with the powerful KI tool and also modified it till it machtes my style. The food plate and the vegetables where again prompted with KI and cropped with Photoshop.

Generated by DALL · E 3

Refined with Figma

Prompt: Website mainpage of a frozen goods supplier, vibrant colours, food plates, recipes, rounded off buttons, 4:3

No items found.
No items found.

Prompt: Flat logo food plate, minimalistic, soft contours

No items found.

Prompt: Flat logo food plate, minimalistic, soft contours

Prompt: Flat logo food plate, minimalistic, soft contours

No items found.
No items found.

Prompt: Flat logo food plate, minimalistic, soft contours

Prompt: Realistic spaghetti with ratatouille on a plate on table, for food supplier website, freshness, fruit and vegetables, neutral background, bird view, ratio 4:3

No items found.

Prompt: Flat logo food plate, minimalistic, soft contours

Conclusion

In my opinion KI image generator tools gives the designer to the hand, which has a great benefit on their day-to-day designer assignments! IIt was necessary for me to get a feeling for writing prompts. But it really improves and fastens my work and also gave me a lot inspiration. Designer can create something really innovative with the tools and enhance their accelerate work. The tools are able to get a lot of variants in a short amount of time. This is nice, when you could show the customer a glimpse of a meaningful design and your plans on how to work on his assigment in the moment right when you speaking to him. This could contribute to high customer satisfaction.

Other Blogs

Frames of Beauty: Capturing Moments
Photography work in day to day situations and for business
A Day in my Life as a Designer
A Glimpse Behind the Scenes of My Daily Work
Digital Impressions: Photography in the Digital Age
A new way of taking pictures with camera
Design Thinking and Principle of Scrum Working
The procedure of conduct and manage workshops