The Use of Grid Lines in Web Design: 33 Stunning Examples.

The Use of Grid Lines in Web Design: 33 Stunning Examples.

WAYUP

Сетки всегда использовались для структурирования контента. Даже самые первые рукописи были организованы таким образом, чтобы читателям было легче следить за сюжетной линией и понимать текст.

Период Возрождения, в частности, сыграл важную роль в популяризации грид-системы. Художники XIII века стремились достичь идеальной симметрии в своих работах, а французский архитектор Виллар де Оннекур нашел решение. Он создал диаграмму, в которой объединил сетку с золотым сечением. Это привело к созданию макетов с полями фиксированного соотношения, которые даже сегодня применяются в журналах и книгах. Промышленная революция и развитие печати привели к использованию сеток в газетах и плакатах, но именно швейцарский стиль сделал систему сеток неотъемлемой частью дизайна. Идеальным было добиться ясности и порядка, и сетки сделали это возможным.

Перенесемся в наши дни: сетки используются с той же целью, что и раньше - для создания чистого, легкого для восприятия контента. Когда дело доходит до веб-дизайна, сетки выступают в качестве основы сайта. Несмотря на то, что они разделяют элементы, они также объединяют их в структурно гармоничные блоки, обеспечивая удобство использования.

Blumenkopf.

Blumenkopf

Family Type.

Family Type

At Home Club.

At Home Club

Juxta Press.

Juxta Press

Sār Studio.

Sār Studio

G!theimagineers.

G!Theimagineers.

Bruno Arizio.

Bruno Arizio

NON.

NON

Female Faces.

Female Faces

Oto Nove Swiss – Paris.

Oto Nove Swiss

Studio Almond.

Studio Almond

Hudson Gavin Martin.

Hudson Gavin Martin

Sometimes Always.

Sometimes Always

Cine365 Films.

Cine365 Films

Notter + Vigne.

Notter + Vigne

Mineral Health.

Mineral Health

Honext.

Honext

Off Season.

Off Season

Years Months Days.

Years Months Days

Salus Body.

Salus Body

Kazuki Noda.

Kazuki Noda

F.Miller Skincare.

F.Miller

Canopy Collections.

Canopy Collections

Totême.

Totême

Ōmbia.

Ōmbia

Museum of Peace & Quiet.

Museum of Peace & Quiet

The Mind Map.

The Mind Map

Take a Ride with Me.

Take a Ride with Me

Atolla Skin Care.

Atolla

Wireless Social.

Wireless Social

EDA.

EDA

Grainne Morton.

Grainne Morton

Elam Artists.

Elam Artists

Источник


Report Page