Англійська лексика: UX/UI-дизайн · Візуальний дизайн і компонування

Що означає grid?

Значення й приклади · UX/UI-дизайн

/ɡrɪd/іменникОсновний термін

grid: сітка, модульна сітка

Невидима система колонок, рядків і проміжків, за якою дизайнери послідовно розміщують і вирівнюють елементи сторінки чи екрана.

Де і як уживається

Поширений вебмакет має 12 колонок на комп’ютері й 4 на телефоні. Дизайнери обговорюють колонки, проміжки, поля та вихід за межі сітки. Багато команд також використовують крок відступів у 8 пунктів.

Приклади речень

The image doesn't sit on the grid, so the whole page looks slightly off.
Зображення не вирівняне за сіткою, тому вся сторінка здається трохи перекошеною.
Відхилення одного елемента від спільного вирівнювання впливає на вигляд усього макета.
We use a 12-column grid with 24-pixel gutters.
Ми використовуємо сітку з 12 колонок і проміжками 24 пікселі.
Задана кількість колонок і ширина проміжків визначають структуру компонування.

Поширені словосполучення

12-column grid
layout grid
align to the grid
break the grid

Це слово в інших галузях

Те саме англійське слово може мати інше значення в іншій галузі:

Інші терміни: Візуальний дизайн і компонування

Закріплюйте лексику читанням

Тексти відповідного рівня допомагають запам’ятовувати нові слова. Оберіть безкоштовні книжки англійською: