Сетка — кодинг для дизайнеров @setka_design Channel on Telegram

Сетка — кодинг для дизайнеров

Сетка — кодинг для дизайнеров
Дизайнерам про разработку. https://setka.design

Делают @adam_arutyunov и @ivan_dianov.
1,198 Subscribers
112 Photos
46 Videos
Last Updated 11.03.2025 03:39

Similar Channels

Лю 🖤
2,327 Subscribers

Сетка: Кодинг для Дизайнеров

Сетка, как концепция и инструмент, становится крайне важной для современных веб-дизайнеров. Она представляет собой способ организации контента на странице, позволяя создать гармоничное и интуитивное восприятие информации. В последние годы, с ростом значения пользовательского опыта и доступности веб-приложений, знание основ кодинга стало неотъемлемой частью работы дизайнеров. Это позволяет им не только создавать привлекательные визуальные интерфейсы, но и эффективно взаимодействовать с разработчиками. В этом контексте проект 'Сетка' от специалистов @adam_arutyunov и @ivan_dianov предлагает уникальные инструменты и подходы для обучения дизайнеров основам кодинга и их внедрения в рабочий процесс.

Что такое сетка в дизайне?

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

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

Почему дизайнерам важно знать кодинг?

Знание основ кодинга позволяет дизайнерам лучше понимать технические аспекты своей работы. Это включает в себя не только создание прототипов, но и возможность вносить изменения в код самостоятельно, что значительно ускоряет процесс разработки. Дизайнеры, обладающие подобными навыками, способны более эффективно общаться с разработчиками, что приводит к улучшению общего качества проекта.

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

Какие основные языки программирования полезны для дизайнеров?

Наиболее значимыми языками для веб-дизайнеров являются HTML, CSS и JavaScript. HTML используется для создания структуры веб-страниц, CSS отвечает за стилизацию и визуальную презентацию, а JavaScript добавляет интерактивные элементы, такие как анимации и динамическое обновление контента.

Кроме этих языков, стоит изучить также библиотеки и фреймворки, такие как React или Vue.js. Они значительно облегчают процесс разработки сложных пользовательских интерфейсов, позволяя дизайнерам быстро создавать функциональные и привлекательные приложения.

Как проект 'Сетка' помогает дизайнерам?

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

Также, 'Сетка' предоставляет платформу для взаимодействия дизайнеров и разработчиков, что сокращает разрыв между этими двумя сферами и способствует более гармоничной работе над проектами.

Какие преимущества дает использование сетки при разработке интерфейсов?

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

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

Сетка — кодинг для дизайнеров Telegram Channel

Сетка — кодинг для дизайнеров, это канал на Telegram, который предназначен для дизайнеров, интересующихся разработкой. Здесь вы найдете полезные материалы и информацию о кодинге, которая поможет вам улучшить свои навыки и стать успешным в этой области. Основателями канала являются @adam_arutyunov и @ivan_dianov, которые делятся своим опытом и знаниями с подписчиками. Будьте в курсе последних тенденций в мире разработки и узнавайте новое вместе с Сеткой — кодингом для дизайнеров!

Сетка — кодинг для дизайнеров Latest Posts

Post image

Как это связано с предыдущим постом

1. Нет деления на потоки, не нужно ждать начала курса. Все материалы доступны сразу после оплаты. Для удобства каждое занятие опубликовано в отдельном телеграм-канале. Бот присылает ссылку на первый канал-пролог или предлагает добавить папку со всеми занятиями сразу.

С одной стороны, разделение на потоки — это прикольно. Оно создаёт ощущение, что что-то происходит прямо сейчас. Когда доступ даётся ко всем материалам сразу, это может создавать давление от непройденного курса.

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

2. Появились домашки.

Мы всегда придерживались концепции «просто приходи на занятия» и не задавали домашек. Но много выпускников в отзывах написали, что домашние задания стали бы хорошим ориентиром или источником вдохновения.

Теперь домашки есть после каждого занятия. Результатами и кодом можно поделиться, но выполнение всё так же остаётся на усмотрение участника.

3. Теперь вопросы можно задавать не только в общий чат, но и в приватный чат, где сидим мы с Ваней, отвечаем на вопрос, а потом просим сохранить ответ и освобождаем место для следующего желающего задать вопрос.

Писать вопросы в общий чат на сто человек сложно, и в личку писать тоже сложно. А в чат на два человека — как будто легче, такой обман мозга.

4. Добавили в каждое занятие опросы, чтобы отслеживать понятность и отваливаемость — пока только количественно.

Глобально

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

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

Расскажите про курс друзьям! :—)

30 Jan, 09:47
508
Post image

Фантастические сайты на Джаваскрипте

Видели когда-нибудь крутые сайты с плавными анимациями, красивыми эффектами и интерактивом? Те сайты, которые попадают на Эвввордс и выигрывают международные премии. Про которые думаешь: «офигеть, как они вообще такое сделали?»

Такие сайты не соберёшь на Тильде и даже не нарисуешь в Фигме. Их программируют на Джаваскрипте. И это делают не программисты, а дизайнеры-программисты, которые умеют и придумывать крутые эффекты, и сразу же их кодить.

Мы верим в то, что быть таким специалистом выгодно:
— умеешь делать то, что остальные не умеют; делаешь классные сайты другим на зависть;
— можешь комбинировать скиллы на стыке дизайна и технологий; становишься более уникальным и универсальным специалистом, получаешь рыночное преимущество;
— можешь работать в одиночку, не привлекая программиста, который будет реализовывать все задумки;
— легче встраиваешься в технические команды, потому что разговариваешь с разработчиками на одном языке.

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

В прошлом году мы решили, что этой магии можно научить дизайнеров, и провели живой поток курса «Джаваскрипт по-дизайнерски». А потом долго-долго готовили его к выпуску в записи.

И вот.

Фантастические сайты на Джаваскрипте

Курс, на котором мы учим основам JS и показываем реализацию самых распространённых интерактивных эффектов в вебе.

12 занятий, оформленных в виде телеграм-каналов. В каждом канале — видеолекция, домашка, квизы, референсы для вдохновения и другие дополнительные материалы.

Подробная информация, программа, FAQ, формат, тизер и отзывы — на обновлённом лендинге.

Купить доступ можно через телеграм-бота: @gendesign_bot.

30 Jan, 09:46
2,843
Post image

Мы ошибались

Когда мы перезапускали курс генеративного дизайна в записи, то придумали новый формат — и назвали его «полуживой поток». Под каждый поток создаётся отдельный канал, и в течение четырёх недель бот автоматически постит туда курс по сценарию. В канале что-то выходит каждый день — видеолекции, квизы, стороние материалы, советы по Джаваскрипту, или другая дополнительная информация.

В этих каналах отключены комментарии, зато мы приглашаем участников в общий чат всех выпускников курса, где можно задать вопрос или поделиться сделанной работой.

Обычно половина участников живых потоков не приходит на онлайн-занятия, а смотрит их в записи. Поэтому мы предположили, что постинг этих записей можно автоматизировать, а живое общение в зуме или чате потока заменить общением в общем чате выпускников.

В чём-то мы оказались правы, а в чём-то ошиблись. Вот с какими проблемами мы сталкиваемся сейчас:
— люди покупают курс, начинают смотреть, а потом отваливаются;
— у нас нет способов это отследить, чтобы написать человеку и спросить, как дела;
— мы не знаем досматриваемость курса, да и вообще заняты другими делами и не очень увлечены теми, кто сейчас на потоке;
— курс превращается в конвейер, и конверсия в лояльную аудиторию низкая.

Сейчас мы перепридумываем систему так, чтобы всё ещё переиспользовать качественный записанный материал, но при этом следить за теми, кто проходит курс, проактивно спрашивать, как дела и всё ли понятно, стимулировать задавать вопросы и тем самым повышать эффективность прохождения курса. Это постепенный процесс, но мы уже сделали первый шаг.

Почему я вам сейчас это рассказываю? А вот в четверг узнаете.

28 Jan, 08:59
508
Post image

Ваня написал большой, офигенный и вдохновляющий пост, го читать :-)

03 Jan, 19:22
873