Почему из раза в раз получаются типовые сайты (и что с этим делать) 👇😎

Слева текст, справа картинка, иконочки преимуществ и ставшая уже классикой «шахматка». Примерно так выглядит масса одностраничных (да и не только) сайтов. Хочется добавить «интересности и необычности», и начинаютося перуэты с формой (странные смещения текста или картинок, разрывы заголовков и другие языческие штуки))) На крайняк добавляется какой-нибудь декорчик, ну типа появился дизайн.

Но решение этой проблемы находится на уровне раньше.

И вот 2 глобальные причины, которым можно сказать «спасибо» за типовые решения на выходе:


1. Использование однотипной сетки в 12 колонок

Да, одинаковая сетка будет давать одинаковый результат. Тем более, когда построение макета начинается с сетки: выставляешь свои любимые 12 колонок и пытаешься в них засунуть контент. И получается старый добрый шаблонный дизайн (такое, кстати, уже легко делают нейронки…)

Многим вбили в голову, что это самая удобная сетка, которая легко адаптируется, делится на хуеву гору значений и лечит от всех болезней. Но прикол в том, что самая удобная сетка — это та, которую ты сделаешь для своего проекта. И для каждого проекта она будет разной. Представь многоэтажный дом. Что было бы, если бы все дома строились по одному и тому же плану? Правильно, куча одинаковых домов. Также и с сайтами.

2. Один и тот же подход для проектирования разных типов страниц

Разный тип страниц предполагает разный подход к их построению: например, страницы с фотогалереей или анонсами — это один подход, построение текстовых страниц — другой, промо-страниц — третий.

Например, для текстовой страницы сайта не подойдёт модульная сетка — тут лучше использовать колонки или в принципе выбрать пару направляющих и по ним верстать текст. А вот для фотогалерей модульный подход будет в тему.

На курсе я посветил 1 неделю методам проектирования страниц:

→ покажу, что значит «строить сетку исходя их материала» и как это работает на живом контенте
→ какие бывают сетки и под какие виды проектов актуальна каждая
→ как использовать сетку для верстки текста в разных форматах (сайт, презентация, плакат и т.д.)
→ как совмещать разные сетки
→ как будет работать сетка при адаптиве под мобильные устройства

Короче, вместе с типографикой узнаешь про методы и подходы в проектировании страниц сайтов — полезная штука, которая избавит от многих страданий при работе с макетами 😉

Начинаем через неделю, запись на сайте telidchenko.art

P.S. К посту приложил фрагменты работ из разных типов страниц, в которых использовались разные подходы при построении.

В этом выпуске:

Ольга Каменская
Галина Дёмина
Саша Киржбаум
Алла Пинская
Майя Фрид
Соня Моисеенко

Композиция в вебе это как секретная комната — все хотят в неё попасть, но мало кто знает, как к ней подобраться 🤪

И я понял, почему — куча книг по композиции написаны в основном про картины, ну максимум графический дизайн.

А мы сейчас работаем в цифровой среде, в которой всё несколько иначе: другой формат, преобладают геометрические формы, и всё воспринимается в движении.

Работая с типографикой, мы по-любому имеем дело с композицией: как элементы «общаются» друг с другом, с форматом и со зрителем. И чтобы закрыть вопрос с композицией, я включил в курс отдельный блок по ней, наложив принципы композиции на цифровые форматы: сайты, презентахи, плакаты и т.д.:

→ расскажу, какие бывают композиции, как с помощью композиции можно передать характер и вызвать нужные ощущения.
→ за счет чего можно ускорять и замедлять движение композиции (и зачем это вообще нужно). И как сделать такую подвижную композицию устойчивой.
→ расскажу про отношения элементов (контраст, нюанс, тождество, ритм, пропорции): как они работают внутри текста и между элементами.
→ ну и конечно, покажу, как подойти к построения композиции, с чего начать, когда смотришь на чистый лист и волей-неволей рука тянется к поиску референсов (спойлер: покажу, как можно обходиться и без них)

Короче, помимо работы с типографикой попрактикуешься в построении композиций. Текст будет как основной материал, из которого будем строить разные интересные штуки. А это уже про композицию 😉

Залетай, стартуем 20 октября telidchenko.art (с разборами осталось 5 мест, если что).

P.S. Ну и по традиции, работы с прошедших потоков:

Вова Гаврилец
Саша Киржбаум
Слава Ксендзюк
Юля Март
Катя Беляева
Настя Верячёнова
Рома Сатаров
Настя Емельянова
Катя Бочарникова
Ксюша Юдинская