Правила хорошего дизайна

Источник #теория Дизайн-форум

Taste Skill — бесплатный набор skills, который задаёт Claude правила работы с композицией, типографикой, цветом и иерархией. Вместо одинаковых карточек и градиентов — продуманный интерфейс под конкретную задачу. 🖇️ Внутри: какие skills бывают, как установить и готовые промпты под сайт и редизайн. Забирайте ❤️

🕊️Учебные аудитории Ленинградского текстильного института (ныне - СПбГУПТД) в годы блокады изменились до неузнаваемости. Значительная часть помещений корпуса на улице Герцена, 18 (ныне - Большая Морская) была отдана фронтовым госпиталям. Начальником эвакогоспиталя стал военврач 3 ранга Толстов. 🕊️Чтобы поддержать настрой больных солдат, в библиотеке ЛТИ проводили книжные выставки, а в палатах госпиталя регулярно зачитывали последние военные сводки из газет. Медперсонал проживал в служебных кабинетах вместе с бойцами местной противовоздушной обороны. В других же помещениях на базе спецлаборатории размещался цех по изготовлению хвойного настоя, который содержал витамин С. Лекарство давали бойцам в госпитале. 🕊️Из воспоминаний Елены Писаковой, студентки прядильного факультета ЛТИ: «В Текстильном институте был госпиталь, где я работала санитаркой. Все мои родственники умерли от голода в Ленинграде. Похоронив последнего, я шла в институт совершенно больная и опухшая от голода. И у самого института yпала, потеряв сознание. Проходившая мимо моя преподавательница французского узнала меня и при помощи дворника занесла в институт в какую-то аудиторию. По распоряжению директора института Николая Ивановича Труевцева меня поместили на 12 дней в профессорско-преподавательский стационар, находившийся в институте связи напротив ЛТИ». На фото: студентки ЛТИ Саша Минина и Зоя Шамрай, работавшие медсестрами в госпитале в институте. Подробнее на Дзене. 👻MAX | 📲ВК | 📝Дзен

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

Пост большой, сорри На этих и прошлых выхах плотненько посидел над контентом для своего сайта В этот раз обещал рассказать про смыслы, структуру и тексты, поехали 🚨 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 • отдаю ии-шке, прошу написать нормально и отредачить • переписываю уже своими словами Часто ваще сношу текст после ИИ и пишу с нуля Итоговая последовательность: → Какая цель у моего портфолио → Из каких частей сайта сложится эта цель → Как я расскажу про каждую из частей Через недельку напишу про визуал и разработку

Просишь агента собрать экран по своей дизайн-системе. Он что-то делает, ты открываешь Фигму, а там компоненты свои, стили свои. Пишешь ещё раз, прикладываешь скрин, объясняешь. Потом думаешь, что надо попробовать другого агента, может, тот поймёт быстрее. Только новому тоже придётся показать, где лежат файлы, какие компоненты брать и по каким правилам всё собирать. Иначе опять объясняешь одно и то же в каждом чате. Сначала вроде терпимо, потом хочется уже нормально настроить и заниматься задачами. Вчера, кстати, статейку как раз от Фигмы выкладывал, они там тоже таким занимались с Coinbase, почитайте. В общем, Даня Шишко собрал бесплатный гайд по настройке агентов для дизайнеров. С файлами, которые можно скачать и использовать у себя, подключением Фигмы и разбором того, что делать, когда агент снова ничего не видит. Как обычно, бесплатно и с пользой. 📌 Что внутри - Стартовые файлы и инструкции для повторяющихся задач; - Подключение Фигмы, чтобы агент видел компоненты и стили; - Разница между Claude и Codex и выбор под свои задачи; - Три кейса: прототип из брифа за день, экраны по дизайн-системе и прототип раньше макетов; - Что проверить, если агент не находит файлы или делает что-то не то. Если пока настраивали всё по ходу дела, можно пройтись по гайду и сравнить со своей сборкой. А если только начинаете, будут готовые файлы и примеры, с которых можно стартовать. Газ настраивать 👍 🔠 Гайд лежит в закрепе канала Даниила, забирайте 🔠 Гайд лежит в закрепе канала Даниила, забирайте 🔠 Гайд лежит в закрепе канала Даниила, забирайте

В пятницу доверстал статичную версию сайта, поправил косяки по вёрстке, немного доработал скилл, чтобы нейронка точнее забирала макеты и не выдумывала отсебятину, а то она любит. Затраты по времени: 5 часов План на сегодня: Подготовить раскладку макетов для описания анимации для скилла. Буду делать посекционно и наблюдать, как скилл справляется Ссылка на сайт Это статус от Артема, разработчика. Пилим эталонный проект для курса "Завоевываем AWWWARDS" (Промо-дизайн + Claude Code). Больше информации в этом посте. Старт 21 сентября. Хочу делиться с вами процессом разработки. Поставьте 🔥, если интересно. Также пишите, пожалуйста, вопросы по Клоду и промосайтам.

Ну вот часы и пробили полночь, а значит, настал момент, когда я могу от всего сердца поздравить Вас с днём рождения!!!🌺 Я безмерно благодарна судьбе за нашу встречу, знакомство и, в итоге, совместную работу) Вы - человек с огромным сердцем и человек с большой буквы! Благодаря Вам я ещё сильнее полюбила сферу дизайна, смогла и смогу преодолеть многие трудности. Приятно осознавать, что ты работаешь в той сфере, о которой мечтала уже довольно долгое время, огромное спасибо, что подарили мне эту возможность!!! Мне очень приятно видеть, какие тёплые и дружеские отношения сложились в нашей команде. Это лучше всего говорит о том, насколько Вы добрый, открытый и искренний человек, к которому тянутся люди! Желаю Вам и Вашей семье самого главного: крепкого здоровья, безмерного счастья, благополучия, незабываемых впечатлений от жизни, приятных встреч, исполнения желаний и как можно больше поводов для счастливых улыбок! А ещё побольше счастливых улыбок заказчиков🍷 С днём рождения! Пусть впереди Вас ждёт ещё множество прекрасных событий, вдохновляющих проектов и счастливых моментов! ❤️

А тут красота: хлопнул один класс — bazza.dev/craft/2026/hit-area — и готово.

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – magazine.shopify.com – howwefeel.org – claudetype.com – claude.ai – realfood.gov ——— – voic.es – willbeeching.com – halemercantile.com – epiminds.com – droneland.au ——— – tilt.io – andmata.com – terminal-industries.com – valientebrands.com – sleep-well-creatives.com ——— – stripe.com/en-nl – weareexample.com – scrnshts.club – farmminerals.com/promo – adhdexperience.com ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы