Веб-дизайн блоков с нуля: от сетки до визуала.

Веб-дизайн блоков с нуля: от сетки до визуала. — Изображение №1 — Интерфейсы на Dprofile

Task:

Create a design for several website blocks, independently developing and applying a grid, based on the provided texts and images.


Project goal:

Develop stylish and functional blocks that will be used on the company's website and will demonstrate competent work with composition, typography and visual hierarchy.


What is provided:

Texts - headings, paragraphs, signatures, buttons
Photos - images for backgrounds and cards


What needs to be done:

1. Create a grid (column system) for the web interface - from 4 to 12 columns (at your discretion, the main thing is to explain the choice).

2. Based on it, draw 3-6 website blocks:
- header (website header)
- block with advantages/services
- block “About the company”
- cards/gallery (reviews, cases)
- CTA block (call to action)
3. Observe the principles of modular grid, alignment, indents, repetition and rhythm.


Веб-дизайн блоков с нуля: от сетки до визуала. — Изображение №2 — Интерфейсы на Dprofile
Веб-дизайн блоков с нуля: от сетки до визуала. — Изображение №3 — Интерфейсы на Dprofile
Веб-дизайн блоков с нуля: от сетки до визуала. — Изображение №4 — Интерфейсы на Dprofile
Веб-дизайн блоков с нуля: от сетки до визуала. — Изображение №5 — Интерфейсы на Dprofile
Веб-дизайн блоков с нуля: от сетки до визуала. — Изображение №6 — Интерфейсы на Dprofile
Веб-дизайн блоков с нуля: от сетки до визуала. — Изображение №7 — Интерфейсы на Dprofile
Веб-дизайн блоков с нуля: от сетки до визуала. — Изображение №8 — Интерфейсы на Dprofile

Оценить

Добавить в коллекции...

От автора