Как думает арт-директор, когда рисует макет?!

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ม.ค. 2025

ความคิดเห็น • 71

  • @UPROCK
    @UPROCK  ปีที่แล้ว

    🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot

  • @soplyamily
    @soplyamily 2 ปีที่แล้ว +18

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

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว +1

      Да так и есть, дизайнеры часто путают дизайн с изобразительным искусством)

  • @UPROCK
    @UPROCK  2 ปีที่แล้ว +18

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

    • @dmitriikulbaka1862
      @dmitriikulbaka1862 2 ปีที่แล้ว +2

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

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

      @@dmitriikulbaka1862 спасибо большое за отзыв, значит пока оставлю так) И рад, что подтолкнул к новому подходу.

    • @КатеринаПустаход-з5н
      @КатеринаПустаход-з5н 2 ปีที่แล้ว

      Продолжайте пожалуйста, У вас много идей и решений для структуры страницы можно подсмотреть и на основе этого тренироваться

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

      @@КатеринаПустаход-з5н Договорились!

  • @hannehai
    @hannehai 2 ปีที่แล้ว +14

    Женя, прекрасный обзор живого примера! Благодарю!🙏 Я в восторге, словно отдохнула эти 14 минут! 💜Формат однозначно продолжать! Звук, музыка, анимация, красота! 👍😇😍

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว +3

      Класс, что изучение нового позволяет отдыхать)

  • @NikitaIshimbaev
    @NikitaIshimbaev 2 ปีที่แล้ว +6

    Однозначно интересный формат, хочется видеть такие видео чаще)
    Удивило, как быстро перебрали такое большое кол-во вариантов 😅

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

      Поверь, я сам удивился) думал видео выйдет на полчаса минимум. Но надо укладываться в формат ютуба 10-20 минут.

  • @Elena_Shipovnik
    @Elena_Shipovnik 2 ปีที่แล้ว +2

    Жень спасибо тебе что помогаешь нам развиваться, в такое тяжёлое время так помогает отвлечься....!!!!

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

      Очень рад помочь, это наполняет меня смыслом.

  • @dooooors
    @dooooors 2 ปีที่แล้ว +1

    формат очень крутой! очень ждем подобных видео разборов)

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

      Класс, рад что формат нравится) Непременно буду делать!

  • @Хехек0
    @Хехек0 2 ปีที่แล้ว +1

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

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

      Спасибо большое)

  • @marusyam2591
    @marusyam2591 2 ปีที่แล้ว +12

    Интересно! Понимаешь, как выстраивается идея и почему те или иные решения иногда не удачные. Спасибо 💚👍

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว +2

      Буду еще искать новые форматы!

  • @JuliaKhaas
    @JuliaKhaas 2 ปีที่แล้ว +2

    Очень понравился формат!
    Теперь буду больше вводить экспериментов и не бояться отказываться от решений, которые казались изначально самыми лучшими))
    😅

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว +2

      Очень рад, что вдохновил тебя Юля)

  • @atmanoum
    @atmanoum 2 ปีที่แล้ว +1

    Интересно! Хорошо объясняешь логику при разработке дизайна. Я раньше всегда делал один вариант и в неё что-то менял, сейчас пересмотрю подход

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว +1

      Да это важно, так как ценность работы дизайнера - это перебрать все возможные варианты и предожить лучший

  • @ВиталийЗахаренко-щ6щ
    @ВиталийЗахаренко-щ6щ 2 ปีที่แล้ว +1

    Спасибо Женя!
    Полезные, емкие и познавательные видео! Класс 🙏😎

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว +1

  • @inobdinabdurahmonov2718
    @inobdinabdurahmonov2718 ปีที่แล้ว

    Супер-крутой короткий и полезный видос 🤘

    • @UPROCK
      @UPROCK  ปีที่แล้ว

      Спасибо🙏

  • @ЕкатеринаЗиберт-у1ю
    @ЕкатеринаЗиберт-у1ю 2 ปีที่แล้ว +3

    Значит весь секрет в итерациях и арт-дирекшене.
    А я думаю, почему у меня всё так топорно...)
    Очень интересный формат. Ход мысли и житейский кейс, это просто к-к-комбо)

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว +1

      Да так и есть, хороший артдирекшн решает. В этом весь секрет обучения у меня школе дизайна.

  • @anastasiya_n
    @anastasiya_n 2 ปีที่แล้ว +1

    посмотрела, как интереснейший короткометражный фильм! 🔥 Как очередное подтверждение тому, что хороший дизайн - это многократный перебор вариантов. У меня с генерированием таких вариантов всегда проблемы (я сейчас только учусь), ступор

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว +2

      Да хорошая работа - это много работы)

  • @aysel_ays
    @aysel_ays 2 ปีที่แล้ว +1

    Спасибо! Засыпаю с вашими разборами❤

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

      Я "за" здоровый сон)

  • @talukov
    @talukov 2 ปีที่แล้ว

    Очень интересно, спасибо!

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

      Всегда пожалуйста, очень рад)

  • @lidiiarysich4710
    @lidiiarysich4710 2 ปีที่แล้ว +1

    Понравился больше понравился светло-серый вариант. Выглядит чище что ли, и текст хорошо считывается.
    Ну и да, обзор интересный )

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

      Специально для вас оставил все варианты, чтобы вы могли выбрать себе любой.

  • @dinmolchanov1950
    @dinmolchanov1950 2 ปีที่แล้ว

    Красиво конечно, но не без нюансов) 11:06 четырёхзначные цифры не отбиваются пробелом (вы же не отбиваете год, например 2 022), пятизначные и далее конечно да. По финальному макету: 1) В телефоне код страны не обрамляется скобками (это было раньше, когда код было вводить необязательно) 2) В форме "получить консультацию" зачем делать такую "колбасу" из кнопки? Всё равно в мобильной версии она ужмётся. 3) В блоке "проекты", если будет больше 5-ти преимуществ, как это будет выглядеть? 4) В блоке "портфолио" вообще не читается слайдер, а в моб. версии это как будет, там по формату поместится только одна фотка и стрелка? 5) В блоке "отзывы" ну тут верстальщик вам передаст большой "привет" (круг, в круге), ну такое себе решение ради креатива, хотя смело) 6) Внизу всё таки маркетолог обязательно скажет добавить CTA, зуб даю) В целом: такой сайт непонятен, как он будет корректироваться, если вносят дополнения, и как это сделать максимально для выгоды компании? Как он выглядит в адаптиве и как перестроятся все блоки с этим учётом? Но всё равно спасибо вам за контент, для начинающих дизайнеров это очень ценно!

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว +1

      Спасибо за правки, и рад, что вы не мой клиент)
      Кстати самые худшие клиенты, это дизайнеры

  • @ЯнФёдоров-в6с
    @ЯнФёдоров-в6с 2 ปีที่แล้ว +1

    Привет, накидывай компрессор на дорожку голоса с пресетом под подкаст или вокал. Некоторые слоги тихо. + 100 к подаче будет как у джо рогана. Спасибо за ролики

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

      Привет! Буду иметь в виду, попробую, спасибо!

  • @BobPagespb
    @BobPagespb 2 ปีที่แล้ว +1

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

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว +1

      Спасибо, что оценили работу, абстрогировавшись от субъективного взгляда. Визуал не обязательно зайдёт, все люди разные, у Вас будут другие решения, главное чтобы они были логичными и обоснованными)

  • @yuliiakochurovski5891
    @yuliiakochurovski5891 2 ปีที่แล้ว

    Я успокоилась немного ))) Пока делала самый первый свой лендинг в рамках учебы перебрала 1000 **** 0000 вариантов. Видимо это правильно и хорошо, что так делала...

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

      Да так правильно, главное не увлекаться)

  • @Tanatopraktik
    @Tanatopraktik 2 ปีที่แล้ว

    Круто

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

      Спасибо🙏

  • @КатеринаПустаход-з5н
    @КатеринаПустаход-з5н 2 ปีที่แล้ว

    Здравствуйте :) Спасибо, что показали все варианты макетов
    Скажите, по поводу блока "Услуги" в финальной версии, кликнув на услугу, что будет? Справа поменяется картинка и снизу появится описание или пользователь перейдет на другую страницу? По дефолту картинка справа от списка услуг - это просто картинка? Правильно? Или она относится к первой услуге? Не понятно, просто)
    По поводу цвета текста на светло сером фоне (например, блок Услуги) Сорри, уже под прошлым видео писала. Вы пояснили, но я не понимаю. Не подумайте, что я душнила :) Ну правда шрифт, именно прописной, мне не четко виден,
    Объясню чего пристала
    Мне давали тестовое - темную тему для приложения, Я сделала на своем низком уровне на темно-синем фоне светло- оранжевые буквы, но плохо подобрала контрастность. Дизайнер, который проверял макет закидал меня помидорами. И велел впредь проверять контраст и доступность согласно требованиям WCAG. Поэтому вот я и проверяю теперь)
    Я понимаю, что сейчас новый взгляд на сочетание цветов. Мне очень нравятся ваши решения на Бехансе, там есть много нестандартного)
    Пару раз замечала, что если брать необычное сочитание фона и фришта и подгонять под требования WCAG, то фон или максимально темный или максимально светлый получается, а шрифт наобарот
    Можете пояснить за эту тему? или Может не надо загоняться сильно по этому поводу?

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว +1

      Привет! При клике на услугу происходит переход на страницу с подробной информацией о самой услуге / либо на поп-ап. По дефолту изображение справа - просто абстрактная картинка из их портфолио. При наведении на услугу из списка она меняется на соответствующую. В статичном макете это всё может быть не так очевидно, а на реальном сайте будет очень логично и просто.
      По поводу прописаного шрифта: действительно, можно подобрать и получше. Пойми правильно, я ограничен по времени с этими видео, и дело даже не в том, сколько времени можно уделить самому макету, сколько во времени, которое нужно, чтобы свежим взглядом оценить. Я удовлетворён этим шрифтом процентов на 80. То есть он в принципе нормальный, но можно ли найти лучше? Да, можно.
      Про дизайнера, который тебя заклевал - как с рабами в Риме, нет хуже хозяина, чем недавний раб: нет хуже дизайнера чем недавний джун, которого все клевали, похоже что ситуация именно такая) Поправить контрастность вообще несложно, когда у тебя все цвета в стилях, зачем делать из этого проблему?

  • @Milena_makeit
    @Milena_makeit 2 ปีที่แล้ว

    Спасибо большое за обзор! Сколько уходит времени примерно в школе на создание одного проекта?

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

      Если чистого времени, то 40 часов, как реальный проект. А так распределяйте время, как вам удобно.

  • @konstantin_davydov
    @konstantin_davydov 2 ปีที่แล้ว

    🔥🔥🔥

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

      👐👐👐

  • @ScreaminPND
    @ScreaminPND 2 ปีที่แล้ว +1

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

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

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

    • @ScreaminPND
      @ScreaminPND 2 ปีที่แล้ว

      @@UPROCK понял, ознакомлюсь, спасибо

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

      @@ScreaminPND спасибо, физически не могу писать длинные объяснения. Там все подробно расписано, надеюсь, тебя удовлетворит объяснение. А так ты конечно можешь сделать все по своему, я показываю свой подход.

  • @alex_pivko
    @alex_pivko ปีที่แล้ว

    Люди все так восхищены этим видео. Не соглашусь именно по дизайну. Как преподносится идея и сам формат - великолепно. Тематика сад мечты. Вариант который был изначально конечно сильно переиграл эту тематику. Шрифт, картинки, цвета. Вся типографика и графика ушли в рисовалку. Итоговый вариант ваш наоборот сильно ушел в проектирование и в процесс. Как будто между первым вариантом и вашим итоговым не нашлось золотой середины. Кто является ЦА сайта сад мечты ? Мне кажется женщины в основном. Делать серый фон было мне кажется жутковато. светлый вариант лучше но нам нем тоже есть свои странные решения именно если смотреть со стороны пользователя. Короче у меня много вопросов которые я хотел бы обсудить но не на уровне спора а на уровне реально беседы. У меня нет опыта большого в дизайне, я совсем новичок. Но я ухватил твою, Женя, идею - дизайн должен быть реализован для конкретного пользователя, через проведение исследований. В данной работе мне кажется в точку не попали. Сейчас коплю деньги на обучение в вашей студии, потому что я увлечен веб дизайном и мне нравится думать о том как дизайн влияет на пользователя. И чувствую что ваша школа поможет мне раскрыться. Планирую тариф от 0 до мидл +. Ждите в рядах учеников как смогу всю сумму накопить ))
    И спасибо Женя за твою работу. Благодаря твоим видео я прошел кризис когда уже хотел бросить веб дизайн и благодаря твоей философии в дизайне я понял что мне просто нужен апгрейд.

    • @UPROCK
      @UPROCK  ปีที่แล้ว +1

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

    • @alex_pivko
      @alex_pivko ปีที่แล้ว

      @@UPROCK полностью согласен, что не бывает ничего идеального в мире. И даже хорошо что можно увидеть и очень хорошее и просто хорошее а иногда даже что не нравится. Это же значит что канал и автор честно все показывает

  • @vladimirtochanenko482
    @vladimirtochanenko482 ปีที่แล้ว

    Формат видео интересный но слишком много внимания подбора цвета на всех этапах. Видать дизайнеру нравится играть с цветом, а не шрифтами.)) Курсив в заголовках я б не использовал, по лает излишней динамики а сад вообще не про динамику )

    • @UPROCK
      @UPROCK  ปีที่แล้ว

      Салют, Владимир! Спасибо, что поделились) Разумеется, на своих проектах Вы можете использовать те решения, которые посчитаете нужным, будете находить нужный цвет за меньшее количество итераций и подберёте более подходящий шрифт. Надеюсь из этого видео Вы почерпнули для себя какие-то полезные моменты👍

  • @BaxtiyorjonSobirjonov
    @BaxtiyorjonSobirjonov 2 ปีที่แล้ว +1

    To be Continued...

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว +1

      Еще адаптив будем рисовать по этому макету)

  • @umxaten6326
    @umxaten6326 2 ปีที่แล้ว

    Чето не понял. Тут header не несёт информации, тайтлы не в геометрии, а информативность за счёт иконок совершенно неразборчивых страдает. Я правильно понимаю,что весь свой максимализм в жопу надо запихать и слушать заказчика? (Сам вообще новичок, но глаз алмаз)

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

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

  • @modernodj
    @modernodj 2 ปีที่แล้ว +4

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

    • @UPROCK
      @UPROCK  2 ปีที่แล้ว

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