Ласт колл фор «Большая переверстка». Начинаем в понедельник, 5 октября: vk.ru/pereverstka_online

Главная тема мастер-класса — алгоритм верстки. Это мой метод последовательной сборки макета: 1. Сначала разбираемся, что именно нужно сказать 2. Потом определяем, как устроена эта информация 3. Далее собираем конструкцию макета 4. И только после этого занимаемся оформлением — шрифтами, цветами и спецэффектами Содержание → Структура → Конструкция → Стиль Каждый следующий шаг опирается на предыдущие, поэтому решения перестают быть случайными. На мастер-классе учимся применять алгоритм верстки на разных форматах, от книжных обложек до таблиц. Подробнее о методе с примерами

Нейтан Кёртис разбирает, зачем дизайн-системам нужны формальные контракты компонентов. В них фиксируют свойства, состояния, зависимости и правила поведения, чтобы разные платформы одинаково понимали замысел компонента. Автор предлагает строить такие контракты на основе схемы. Она помогает проверять структуру данных, автоматически находить ошибки и генерировать большую часть кода. Хороший контракт должен быть типизированным, неповторяющимся, независимым от конкретной платформы, проверяемым, детерминированным, недорогим в поддержке и готовым к изменениям. Внутри: – Чем контракт компонента отличается от обычного описания или файла в Markdown; – Почему каждое решение нужно хранить в одном месте; – Как сделать контракт независимым от Фигмы, веба, iOS и Android; – Зачем нужны схемы, автоматическая проверка и детерминированная генерация; – Как менять контракты через ADR, версии и понятные правила совместимости. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Нейтан Кёртис показывает, как превратить спецификации компонентов в рабочий центр дизайн-системы. Они собирают решения из Фигмы, прототипов и кода, а затем помогают переносить их между этими средами без потери деталей. Для этого нужны структурированные данные, схемы, версии и понятные правила. ИИ может помогать собирать требования и превращать их в код, но важные решения должны оставаться видимыми, проверяемыми и доступными для ревью. В такой системе инженеры тоже влияют на дизайн: находят проблемы с доступностью, уточняют поведение и возвращают эти решения в общую модель. Внутри: – Почему спецификация становится связующим слоем между дизайном, кодом и документацией; – Какие данные стоит описывать для каждого компонента; – Зачем разделять сгенерированные правила и требования, написанные людьми; – Как переносить решения между Фигмой, прототипами и разными платформами; – Почему ИИ лучше работает со структурированными контрактами, чем с разрозненными макетами. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

  📍 Применение технологии компьютерного зрения в сочетании с алгоритмом для выравнивания контрастности изображений позволил исследователям СПбГУПТД повысить точность распознавания лиц при сложном освещении. Исследователи объединили метод локальных бинарных шаблонов LBPH с алгоритмом адаптивного выравнивания контраста CLAHE. Решение востребовано для встраиваемых систем контроля доступа и мобильных приложений.   📍 Лекарство из нефти: ученые ПНИПУ с коллегами нашли замену импортному сырью для фармакологии. Они впервые доказали, что продукты одного из отечественных месторождений эффективно заживляют раны и почти вдвое превосходят коммерческие аналоги по обезболивающему действию, а мази и кремы из этого сырья можно применять в дерматологии и восстановительной медицине.   📍 25 новых ИТ-сервисов и продуктов для студентов и преподавателей подготовил к запуску Томский госуниверситет. Часть из них использует искусственный интеллект. Среди решений — платформа для поиска запросов промышленности на научно-исследовательские и опытно-конструкторские работы, ИИ-тренажер для анализа образовательных программ и др.   📍 Две новые разработки — модульный учебно-исследовательский комплекс и электротележку с двумя роботами представили на Международном фестивале молодежи в Екатеринбурге ученые ЮУрГУ. Комплекс предназначен для изучения основ промышленной автоматизации. На электротележке установлен робот-манипулятор для захвата и перемещения грузов, автоматизированной укладки и подачи на конвейер.   📍 Доступ к формированию цифровых стандартов ООН получил МГИМО после присоединения к Международному союзу электросвязи — структуре ООН в сфере цифровых технологий. Университет сможет системно работать по направлениям радиосвязи, стандартизации и развития электросвязи, участвовать в исследовательских комиссиях и подготовке рабочих документов.   Работы ведутся в рамках национального проекта «Молодежь и дети». 👻МАХ | 💙ВК | 📝ДЗЕН

Мне тут GPT набросал быструю структуру сайта. Притом, я ему вообще никакой визуал не скармливал. Он сам сходил ко мне на Беханс, что-то там для себя посмотреть)) Я сразу же обратил внимание на надписи. #ИИ

Автор проверил это на трёх ИИ-агентах. Всем дали одну библиотеку компонентов, токены и задания собрать страницу настроек для разных продуктов. В результате получились три вполне рабочие страницы, но с разной структурой: где-то вкладки, где-то карточки, разные способы сохранения и разные подходы к опасным действиям. Компоненты задают кнопки, поля и переключатели, но не отвечают на вопросы более высокого уровня. Поэтому команда должна отдельно описывать повторяющиеся решения: как устроена страница настроек, где размещается опасная зона, когда изменения сохраняются и как подтверждается удаление. После этого такие правила можно закрепить в коде и понятных паттернах, чтобы следующий дизайнер или ИИ не решал ту же задачу заново. Внутри: – Почему библиотеки компонентов сами по себе не создают единую систему; – Какие решения чаще всего остаются только в головах и старых макетах; – Как разложить страницу настроек на поведение, строки, группы и общий шаблон; – Что меняется, когда правила описаны рядом с компонентами; – Как использовать ИИ-агентов, чтобы находить места, где продукт начинает расходиться. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Допустим, сейчас дизайн-проект стоит 500 евро, а вы хотите брать за него 1000. Само решение повысить стоимость ничего не меняет. Нужно понять, за что клиент будет платить в два раза больше и почему он выберет именно вас. Перед повышением цены мы бы проверили несколько вещей. 🔸Какие проекты есть в портфолио? Если вы хотите работать с более крупными брендами, в портфолио должны быть задачи соответствующего уровня. Не обязательно ждать реального клиента: часть кейсов можно создать самостоятельно. Но они должны показывать, что вы умеете работать со сложной задачей, а не только делать красивый визуал. 🔸Что входит в услугу? Возможно, раньше вы продавали только дизайн, а теперь можете провести исследование, предложить концепцию, собрать систему макетов и подготовить всё к запуску. Тогда меняется не одна цифра в прайсе, а содержание предложения. 🔸Умеете ли вы объяснить свои решения? Чем выше стоимость проекта, тем чаще клиент хочет понимать логику работы. Почему выбрана такая структура? Как дизайн связан с задачей бизнеса? Какие ограничения вы учли? 🔸Где вы будете искать клиентов с другим бюджетом? Если продолжать работать с той же аудиторией и отвечать на те же недорогие заявки, повышение стоимости может ничего не дать. Иногда нужно менять не прайс, а каналы продвижения, позиционирование и тип клиентов. 🔸Готов ли ваш рабочий процесс к более сложным проектам? Проект за 1000 евро может требовать больше коммуникации, этапов, ответственности и контроля сроков. Это тоже нужно учитывать заранее. Поэтому вместо цели «поднять чек» лучше составить конкретный план: ▪️ какие кейсы добавить; ▪️ как изменить услугу; ▪️ чему нужно научиться; ▪️ где искать новых клиентов; ▪️ как перестроить презентацию и процесс работы. 📍Тогда повышение стоимости перестаёт быть желанием и становится задачей, которую можно выполнить.

Наконец-то готова показать кейс коммерческого проекта. Это редизайн сайта Радищевского музея, сотрудником которого я являюсь. Основную часть работы делала со школой, адаптивки и кейс доделывала сама. Была переработана сложная информационная архитектура и навигация, внедрена единая UI-система, структурирован контент. Благодарю за помощь куратора Артура и, конечно, Женю! Команде Uprock спасибо за все знания и навыки, которые я получила в процессе обучения ❤️

И я вот все думал, надо же это ... Ну как ... Ну я не автор книги же (по крайне мере пока). Но и в школе я больше любил читать критиков типа Белинского, которые по факту разъебывали. Поэтому выступлю в качестве критика. Хули. Погнали. Короче, мне кажется, что тем кто не знаком лично с Игорем будет чуть трудновато читать книгу. Почему: тут есть всякие обороты речи лично Игоря, которые кому-то со стороны могут показаться какими-то излишне нарочитыми или слишком нравоучительными. Прикол в том, что я, читая книгу, узнаю в этих словах Игоря, и знаю, что это совершенно другое. Это его стиль, форма речи, это он сам. И когда я дохожу до прочтения очередной такой вставочки, мне сразу представляется он сам и какие-то истории из нашей совместной работы в Рамблере. ("Пока, пацаны!") И для меня лично это все тёплые моменты 10 лет назад. Короче, для не знакомых это будет наверное чуть сложно. Но. Че мне нравится Кинга Игоря. Вот я люблю такой формат, он меня чуть относит Эндрю Гроуву, Люку Вроблевски (design form) и другим схожим авторам: книга — огромный справочник. И будто нарочита так структурирована. Есть у тебя вопрос по росту дизайнеров: открыл. Есть по целям и из достижению: открыл. Настольная книга. Как Мильчин. Появился вопрос: открыл, прочитал, воспользовался. Это же охуенно. Куча практически дельных советов Пост вообще не реклама, у меня ее никто не покупает 😂☠️ Если ты, пиздюковый лид, небольшой групхэд, менеджер начинающий свои первые танцы с с-2/с-3 левелом — бери. Вот правда годно будет, не пожалеешь. Купишь книгу — сэкономишь на консультации с каким-нибудь матерым чуваком за ахулиард. Ну как минимум в начале и pre-senior джедайского пути менеджера

Автор проекта Варвара Найданова, выпускница Колледжа дизайна и декоративного искусства РГХПУ им. С.Г. Строганова. Подробнее на Designnews.ru

Пост большой, сорри На этих и прошлых выхах плотненько посидел над контентом для своего сайта В этот раз обещал рассказать про смыслы, структуру и тексты, поехали 🚨 1 / Смыслы Сначала надо понять самому: а зачем вообще делать портфолио? У каждого свои цели — кто-то ищет работу, кто-то проекты на фрилансе, а кто-то просто тешит себя тем, что у него есть сайт Проще всего начать так: пойти в ai-чат и сказать «Брат, хочу сделать портфолио. Задай мне глубокие вопросы о целях и задачах, которые я перед ним ставлю». В ответ получите список из 10–20 вопросов о вас, вашем опыте, текущем состоянии и т.д. Старый промпт «задай мне вопросы» до сих пор работает отлично — так проще собрать контекст. Не ленитесь его давать! Сам я занялся этим ещё несколько недель назад и стал вести Life-OS — большой проект про мою жизнь и фокус, что-то вроде второго мозга. Просто делегировал часть «думания» ии-шке. Про результаты напишу через несколько месяцев, пока рано 2 / Структура Когда есть смыслы, можно идти в структуру Но сначала ответьте: насколько большим вы видите свой сайт? Частые варианты: многостраничник с кейсами и кучей инфы о себе, one-page или что-то среднее (классика — «обо мне» + пара кейсов). И не забывайте: структура есть как у сайта целиком, так и у каждой страницы Этот этап — создание «позвоночника», на котором всё будет держаться. Если на прошлом шаге вы дали достаточно контекста — всё само соберётся в единый вижн Я решил начать с one-pager-а, а кейсы написать потом. Структуру запланировал такой: Hero, My own products, Track record, Selected work, Contact. Дальше буду декомпозировать каждый кусочек отдельно 3 / Тексты Это база, на которой строится портфолио продуктового или UX/UI дизайнера. Вы описываете свою работу СЛОВАМИ. Умение писать лаконично — это круто: так вы не растянете кейсы. Я советую подходить к тексту с вопросом «а что я хочу этим сказать?» Пишите текст с ИИ, но переписывайте его Пока что ИИ-шные тексты в большинстве своём дерьмо. На английском ещё куда ни шло, а на русском всё печально. Чтобы получалось относительно нормально, приходится использовать всякие приблуды-хьюманайзеры В интернетах есть несколько готовых штук для русского (например, такая). Ещё можно скормить ии-шке свои тексты как реф (но мне не прям нравится, что выходит) С наскока написать нормальный текст получается редко. У меня уже выработался паттерн: • наговариваю текст через superwhisper / войс в тг / войс-мод в Claude • отдаю ии-шке, прошу написать нормально и отредачить • переписываю уже своими словами Часто ваще сношу текст после ИИ и пишу с нуля Итоговая последовательность: → Какая цель у моего портфолио → Из каких частей сайта сложится эта цель → Как я расскажу про каждую из частей Через недельку напишу про визуал и разработку

Нравится, как Олеся связала дизайн с тематикой фильмов. Вместо привычной корпоративной подачи она использовала крупные кадры, много воздуха и вытянутую типографику. И благодаря таким деталям этот дизайн воспринимается как продолжение визуального языка студии, а не как сухая визитка компании. Отзыв Олеси (@auselox): Меня зовут Олеся, и я хочу рассказать про мой проект Studio Canal, который я реализовала в рамках обучения в школе Uprock. Я проходила курс около года назад, уже имея опыт в дизайне, но мои знания были не слишком структурированными и разрозненными за счёт специфики моей работы, где я занималась разными направлениями дизайна, и курс как раз дал мне возможность углубиться в проектирование интерфейсов и выстроить эффективный процесс работы над проектом. За время обучения я успела сделать несколько проектов один из которых -- это корпоративный сайт киностудии Studio Canal. В основу визуальной концепции я хотела поместить сами фильмы и выстроить дизайн таким образом, чтобы он отходил на второй план, позволяя кинокартинам самим становиться главным героем коммуникации за счёт минималистичного подхода, ограниченной цветовой палитры и свободного пространства. На протяжении всего проекта меня сопровождали кураторы школы Алиса и Маргарита, которые помогали мне и с большим вниманием относились к каждому этапу моей работы. 📱 Смотреть кейс на Behancе Проект выполнен в рамках обучения на курсе "Веб-сайты" в школе Uprock #айдентика #нейросети #3d

1. Я его пишу. По 20-30 минут в день, зато каждый день. С утреца после кофе — именно в это время на меня снисходит вдохновение. А иногда еще вечерком. 2. Структура получилась практически безупречная. Потому что простая — это видно даже по названиям. Всего 6 глав, все построены однотипно. 3. Пишу в гугл-доке и ничего пока не верстаю и не оформляю, потому что я не умею думать о содержании и форме одновременно. Сначала мне нужно полностью сконцентрироваться на содержании, а потом абстрагироваться от него и начать думать о форме. #курсовоздухе

Лена Мезина из «Синтеки» рассказывает о сервисе «Фейскит», которым пользуются рабочие, прорабы и кладовщики. Люди открывают приложение, чтобы быстро получить инструмент или начать смену. Телефон может быть в перчатках, под дождём или с испачканными руками, поэтому каждый лишний шаг и маленькая кнопка мешают работе. Команда увеличила кнопки, вынесла частые действия на главную и разделила меню по уровням. После редизайна пользователи сначала просили вернуть старый интерфейс, но через три недели начали пользоваться новой навигацией. В другом сценарии добавили дополнительное подтверждение фотографии перед началом смены: шаг стал длиннее, зато ошибок распознавания стало меньше. Внутри: – Почему привычные правила минималистичного интерфейса плохо работают в полевых условиях; – Как размер кнопок, структура главной и меню влияют на скорость работы; – Почему первые негативные отзывы после редизайна не всегда говорят о провале; – Когда дополнительный шаг помогает снизить количество ошибок; – Как статистика по 36 тысячам операций помогает команде спорить о будущем сценария. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Ищем универсального дизайнера в команду разработки на коммерческие проекты. Что нужно делать: — проектировать сайты и отдельные страницы с нуля и с помощью ии — продумывать структуру и визуальную подачу; — работать с UI/UX и адаптивными версиями; — создавать графику для проектов: баннеры, иллюстрации, визуальные элементы; Что важно: — коммерческий опыт именно в web-дизайне; — хороший уровень графического дизайна; — сильное портфолио с реальными сайтами/лендингами; — самостоятельность: нужен человек, который может взять задачу и довести её до результата; Формат: аутсорс с дальнейшим переходом в штат Если ты подходишь — присылай портфолио + кратко о себе + ожидания по доходу → @Evgeniya_CPA

С 1 по 5 сентября мы по шагам создадим собственный сайт: ▪️ продумаем структуру и тексты ▪️ соберём дизайн-систему ▪️ создадим изображения ▪️ превратим всё это в готовый работающий сайт Первый урок уже вышел. В нём разбираем, как создать структуру сайта, найти референсы и собрать дизайн-систему. Также участники получат готовые промпты, подборку сайтов для вдохновения и 29 шрифтовых пар. Все уроки и дополнительные материалы будут выходить в нашем канале. Переходите по ссылке и присоединяйтесь к интенсиву: ПЕРЕЙТИ НА КАНАЛ А в конце среди самых активных участников мы разыграем 4 места на мини-курс «Нейрофото».

Напоминаем, что уже с 1 по 5 сентября у нас пройдет бесплатный интенсив, на котором мы вместе создадим сайт с нуля. Мы будем собирать сайт-портфолио, но сам подход можно адаптировать практически под любую нишу: свои услуги, личный бренд, небольшой проект или продукт. За 5 дней разберем весь процесс — от структуры и визуального направления до готового сайта. Поэтому, если вы давно хотели сделать себе сайт, но постоянно откладывали или не понимали, с чего начать, приходите на интенсив. Участие полностью бесплатное ⤵️ https://t.me/neyropred

by Владимир Аюев🖤 13 и 20 сентября с 13:00 до 16:00 пройдёт двухдневный интенсив о визуальных исследованиях — практике, которая помогает дизайнеру расширять кругозор, находить неожиданные решения и формировать собственный подход к работе. 🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤 🖤🖤🖤🖤🖤🖤🖤🖤🖤 🖤🖤 Вова Аюев — арт-директор и основатель студии Sasha™, преподаватель НИУ ВШЭ, BBE и Центрального университета. Работал с Adidas, Coca-Cola, Яндексом, Альфа-Банком, Кинопоиском, Manizha и другими. 🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤 🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤 участники разберутся, как выбирать тему исследования, искать и систематизировать материалы, превращать наблюдения в визуальные идеи и применять этот метод в собственных проектах. Между встречами участники выполнят практическое задание, а на второй встрече разберут результаты вместе со спикером. участники интенсива получат: • понимание метода визуального исследования • инструменты для поиска и структурирования материала • опыт работы над собственным исследовательским проектом 🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤 🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤 🖤❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️ 13 сентября, 13:00–16:00 — лекция и выдача задания 20 сентября, 13:00–16:00 — разбор выполненных работ 🖤 РЕГИСТРАЦИЯ 🖤

Евгения Шамрай из студии «Проект» рассказывает, почему первый рабочий скилл часто разваливается, когда его открывает второй человек. Пока им пользуешься одна, половина правил живёт в голове. Другой видит только файл и сразу находит дыры: слабое описание, смешанные зоны ответственности и противоречивые инструкции из разных частей проекта. Большой универсальный скилл оказался плохой идеей. Нормальный командный скилл ближе к дизайн-системе: у него есть границы, владелец, структура и история изменений. Description решает, подключится ли он вообще. А знания лучше держать рядом отдельными файлами, а не в одном огромном SKILL.md. Внутри: – Почему description важнее красивых правил внутри файла; – Как делить скиллы по одной ответственности, а не по «всему проекту»; – Зачем делать SKILL.md роутером, а знания выносить в папки; – Как дописывать правила после реальных ошибок, а не заранее; – Зачем нужен отдельный проверяющий агент, а не проверка внутри исполнителя; – Почему без владельца и короткого CHANGELOG скилл быстро зарастает мёртвыми правилами. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

by Владимир Аюев🖤 13 и 20 сентября с 13:00 до 16:00 пройдёт двухдневный интенсив о визуальных исследованиях — практике, которая помогает дизайнеру расширять кругозор, находить неожиданные решения и формировать собственный подход к работе. 🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤 🖤🖤🖤🖤🖤🖤🖤🖤🖤 🖤🖤 Вова Аюев — арт-директор и основатель студии Sasha™, преподаватель НИУ ВШЭ, BBE и Центрального университета. Работал с Adidas, Coca-Cola, Яндексом, Альфа-Банком, Кинопоиском, Manizha и другими. 🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤 🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤 участники разберутся, как выбирать тему исследования, искать и систематизировать материалы, превращать наблюдения в визуальные идеи и применять этот метод в собственных проектах. Между встречами участники выполнят практическое задание, а на второй встрече разберут результаты вместе со спикером. участники интенсива получат: • понимание метода визуального исследования • инструменты для поиска и структурирования материала • опыт работы над собственным исследовательским проектом 🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤 🖤🖤🖤🖤🖤🖤🖤🖤🖤🖤 🖤❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️ 13 сентября, 13:00–16:00 — лекция и выдача задания 20 сентября, 13:00–16:00 — разбор выполненных работ 🖤 РЕГИСТРАЦИЯ 🖤