🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot Сегодня продолжаем нашу рубрику по улучшению веб-пространства! Поделитесь полезна ли рубрика, какие ваши впечатления и тематики, которые вы хотите, чтобы я отредизайнил.
Да, очень полезно для прокачки насмотрености. Обычно ты просто смотришь чужие сайты, но ощущение, что нехватка опыта не позволяет полностью осознать и понять все решения. А тут всё понятно объясняют)
Очень зашло! Женя, безумно понравилось цветовое решение, фактически тот же кирпично-коричневый, что был у ребят на первоначальном варианте, но как он тут заиграл и как изящно сочетается с нежным розовым! Круто. Спасибо тебе, за эту рубрику 😊
Я конечно не дизайнер, но принимаю участие в разработке сайтов. Честно говоря, я ожидал абсолютного другого уровня за 250к рублей. Такие дизайны рисуются максимум за 100к, в лучшем случае за 150к у какого-нибудь зарубежного заказчика. Чисто субъективное мнение. Если вы и вправду зарабатываете столько денег, создавая подобные дизайны, то могу вас только похвалить.
Пожалуйста👍 Главное не забывать, что насмотренность - это не только регулярно смотреть на хорошие сайты, но и анализировать их, находить закономерности)
Здравствуйте! А при создании дизайна блоков, где услуги разворачиваются, всегда делается один вариант услуги с информации, или дизайнеру нужно делать под каждой услугой свой разворот?
Приветствую. Для услуг лучше делать какую-то единую форму/структуру, потому что: 1. Так легче верстать 2. В последующем клиенту будет проще добавять новые услуги, так как они могут меняться
привет! спасибо за такие разборы, очень интересно смотреть и слушать как ты все комментируешь) реально как губка впитываю контент) хотелось бы узнать в фигме ты часто прибегаешь к "упрощениям" типа автолэйаута, собирания контейнеров во фреймы или группы, создавать компоненты чтобы было легче дальше просто копировать элементы, а не создавать каждое заново?
Привет! Да, инструменты типа автолейаутов и компонентов сильно экономят время, поэтому советую изучить их и начинать использовать в работе как можно раньше)
Привет! Раньше резина была популярна, а сейчас всё строится на брейкпоинтах. Просто ты тратишь много усилий на то, чтобы эта сетка выглядела хорошо на любой ширине, а пользователь смотрит всё равно в браузере фиксированного размера)
@@UPROCK так в веблоу например наоборот настраиваешь грубо говоря только десктоп и мобилу, и все.. смотрится везде красиво ..а если по всем брейкпоинтам то больше работы.
Здравствуйте, извините, но меня мучает вопрос: у вас на сайте школы, когда просматриваешь информацию о курсе, цену прям приходится искать, листать долго вниз, а по пути много раз встречается: "оставить заявку", разве это не похоже на прием инстаграм-магазинов по типу "цену в директ", конечно, все имеют на такое право и это наверное прием продажи, меня просто такое немного напрягло, мне кажется, что пользователю выискивать цену может быть неприятно, разве это не так?
Привет! У меня такая политика, что цену мы даём только после рассказа о всех механиках курса. А стоимости в конце даны довольно подробно, на разных условиях и этому уделено отдельное внимание)
@@GFeest_ Супер! для меня самое главное, что вдохновляю и развиваю) По шрифту: это PP Right Grotesk, для некоммерческих проектов у него есть бесплатная версия. А вообще я все полезные ресурсы собрал в одном месте, на uprock.ru )
Женя, как всегда мега интересно визуально при простых композиционных решениях. Ещё хочу выразить благодарность за работу с цветом. Как же надоели белые сайты, переполненные графикой и иконками. Этот сайт даже без текста выделяется среди остальных!
Круто сделано. Очень красивый редизайн. Подскажите пожалуйста, в местах, где "подробнее", "забронировать", и пр., после нажатия окно, куда человек будет проваливаться, там тоже надо какой то дизайн делать?
@@UPROCK всё теперь ясно. Спасибо большое за обратную связь. Я начинающий графический дизайнер, но вы очень интересно рассказываете и делаете видео. Приятно смотреть.
Привет, Дарья! Спасибо🙏 Вообще это концепт, чтобы уместить в одно видео побольше интересных решений, возможно непосредственно дизайн сайта мог бы быть другим. Но ничего невозможного тут нет, и вполне можно реализовать такой проект самостоятельно в вебфлоу
У автора определенно не стандартный подход, выработался свой определенный стиль и понимание, интересно посмотреть примеры журнальных шаблонов, где много информации и вся главная, или индивидуального блога?
Привет, спасибо за комментарий. У меня есть школа дизайна и я могу показать новостные проекты моих студентов www.behance.net/gallery/158777989/Its-Nice-That-redesign www.behance.net/gallery/158063473/The-EMPIRE-news-portal Больше проектов здесь www.behance.net/uprockclan
Мне, как дизайнеру, больно смотреть на редизайн ) подход к типографике, логике, композициии отступам слишком креативный. Если бы нарушили меньшее количество правил, было бы лучше) Больше всего меня пугает то, что элементы внутри блока буквально задыхаются, их линии трамбуют. Можно ведь было увеличить отступы от линии в три раза, тогда линий было бы меньше, так как они бы использовались не как рамки, а как сепараторы.
Моя задача - показать как можно делать нестандартно и в то же время логично и обоснованно, руководствуясь моим реальным опытом, полученным за годы успешного проектирования и запуска сайтов. Вы можете воспользоваться этими решениями или делать как сами считаете нужным 🤷♂️
У вас очень интересные и логичные решения, но все-таки скажу) Этот огромный кернинг в разделе "О нас" как ложка дегтя, сразу бросается в глаза. Понятно что текст по ширине выровнен, но так сжать хочется)
Спасибо за тёплые слова) По поводу раздела "о нас" - мне он нравится, пойми правильно, весь мой дизайн несёт рекомендательный характер, ты можешь заимствовать или не заимствовать эти решения, по своему усмотрению. Главное в макете - всё же, общая логика
Как всегда - очень круто! Можно узнать, как потом реализовывается макет: переносите все на Тильду или какой-то иной конструктор? И бывают ли стилистические моменты/приемы, которые невозможно или очень тяжело реализовать на "конструкторе"? Буду рада ответу)
Привет! Я максимально зеленый в этой сфере и хотел узнать, как ты выбираешь цветовую гамму? Есть ли какие-то таблицы для подбирания цветовых палитр? Первое, что зацепила меня, это необычная цветовая гамма, которая вроде бы и режет глаз, но делает это в меру броско и притягивающе, поэтому хотел бы услышать ответ, спасибо!
Привет! Если ты совсем новичок, могу дать простой совет: всегда сначала рисуй монохромную схему, уже на ней всё должно выглядеть хорошо. Если всё плохо, значит есть проблемы с композицией, и никакая палитра их не исправит. Дальше, если к тебе пришёл клиент - в подавляющем большинстве случаев у него уже есть какая-то айдентика и фирменный цвет, который нужно использовать, возможно с минимальными градациями. А вот использование более сложных палитр потребует развития вкуса, насмотренности и фиксации на практике с обратной связью.
Здравствуйте! Получился интересный дизайн, мне понравилось. Но я немного не поняла насчет резиновой верстки. Можете пояснить пожалуйста? Я просто делала сайт-визитку, где было много блоков и информации. И было принято решение сделать справа фиксированную навигацию по разделам контента на страничке при скроле, а контент шириной 1200px увести влево. Заказчику понравилось, друг верстальщик сказал, что легко такое делать. Я видела примеры таких сайтов, и мне показалось это удобным. Получается в таком случае лучше резиновая верстка, либо я не так поняла? Ps. сначала все делалось не под Тильду, но потом решили все таки остановится на конструкторе. Но и там я нашла решение вроде как решить это задачу не используя код, хотя я понимаю, что возможно такое будет притормаживать
Привет! Резиновая вёрстка это когда вся сетка меняется от ширины и размеров экрана. Фиксированную навигацию я бы сделал во-первых слева, а во-вторых когда пунктов меню очень много. А так по возможности вертикально разместил бы, конечно
зачем использовать линейки, если разметку лучше делать сеткой, так более правильно, и точно будет всегда ровно. Новичков лучше обучать сразу удобным инструментам а не топорному использованию путем расставления линеек при помощи прямоугольников
По цветам спорно, понятно, что фотки стоковые со старого сайта, часто они такие же приглушенные и не привлекают, предыдущий фон делал акцент на фотках и раскрывал интересные процедуры, тут все под одно подогнано. А композиция в целом прикольная.
Да, это действительно так, в самом видео я упоминал о том, что использую слегка экстравагантные цвета. Сама композиция хорошая, ты можешь притушить эти цвета при необходимости. В предыдущей версии не на что было сделать акцент, кроме фоток) В моём случае акцент смещён на разные типы услуг и взаимодействие с ними, это самое главное
Спасибо, что видео зачастили. Смотрю каждый выпуск. Страница очень насыщенная получилась. Такое ощущение, что на мобилке она будет километром в длину) Мне непонятно, как ты выбираешь контейнер. Самый распространенный 1200, но здесь, наверное, 1360. Почему? В чём преимущество?
Мобилку нарисую, сейчас какая-то засада со временем. Между нами используй контейнер 1200, если не знаешь какой использовать другой. Я выбираю другой контейнер перебрав несколько разных вариантов визуальных решений.
@@Тишина-н5м спасибо, что уточнил. На самом деле это небольшие суммы. Я 20 лет занимаюсь дизайном, если бы дешевле стоило, то вот это было бы странно. Суть в том чтобы твои решения были обоснованны и максимально логичны для пользователей и бизнеса.
Смотришь такой дизайн от Cuberto, без смещения акцентов, давления цветом и идеальную/удобную типографику, без сетки, из-за которой огромные дыры в пространстве при скрытии направляющих... А потом кааак смотришь редизайна от UPROCK и прям бальзам В глаза :)
А это реальный проект, который сверстали? Дизайн действительно необычный, нескучный и функциональный. Мне только цвет не нравится, но это уже дело вкуса) а есть ссылка на Беханс ?
Привет! Это проект, к которому имел отношение один из наших студентов, как и все проекты из данной рубрики. Они выполняли данные заказы и спрашивали, как бы я мог их переосмыслить. Цвет можно использовать любой, главное композиция, рад что согласен про "дело вкуса". В каждом макете нужно сделать и правильно и весело, чтобы вам было интересно смотреть как я пытаюсь сбалансировать и то и то)
Андрей, ну тебе может быть не зашло.. а по поводу конверсии мы же не можем отталкиваться от ощущений, нужно запускать, тестировать) Я отталкиваюсь от опыта по аналогичным проектам, которые делал для своих клиентов
Выглядит здорово, но верстальщик не очень будет рад и ещё функционал усложнил с записью к отдельному мастеру. А так очень даже. И да, интересна мобильная версия)
Рад, что проект зашёл) По поводу вёрстки - такой дизайн вполне можно реализовать на webflow силами самих дизайнеров. По мобильной версии - заказ принят, выложу либо на этом канале, либо у себя в тг
Тот случай, когда до было лучше. И тут даже не вкусовщина, а уровень самой работы. Ужасное сочетание цветов и позиционирование элементов. Это напоминает мне мой первый опыт с дизайном)))
Рад, что Вам понравилось, вообще это мои решения, не обязательно их повторять дословно. В своём дизайне можете сделать элементы крупнее и акценты сильнее, главное - это общие принципы подхода к вебу, функциональность и эстетика
Хочу сказать свое мнение как пользователь: всегда приходила в непонимание и отвержение при использовании таких сайтов. Для поиска информации такой сайт был худшим кошмаром для меня, я всегда бесилась и выходила. Наверное я даже не смогу объяснить почему конкретно, но это так. Слушая вас в процессе работы - да, кажется все логично и будет работать так, как задумано. Но до моего вхождения в эту сферу, я искренне ненавидила подобного типа сайты. Стараюсь не давать себе забыть об этом
@user-pn1qi8pp9t Привет! Да, действительно есть проблемы, что дизайнеры перебарщивают с красотой и избыток эстетики идёт во вред. Но всё же мой случай - это примеры реальных сайтов, которыми довольны и пользователи и клиенты. Думаю, несправедливо будет грести меня под общую гребёнку)
тоже не люблю такие сайты. Пример ДО был более клиентоориентирован, хоть и плоховат в дизайне. Там были четкие блоки кнопки и тд. В "новом" же дизайне огромные дыры , линии, хз для чего это. наверно для behance)))
шёл 2022 год.. самые, блядь, самые бюджетные ноуты умеют в 1920px по ширине. Ребятки из упрок доказывают, что актуалочка для ноутов - 1400 с областью контента 700. При этом утверждая что резиновая верстка - всё.
Ты немного ошибаешься про пиксели, прочитай, как работает масштабирование и брейкпойнты в вебе. я тоже сначала думал, что это бред, но когда начал собирать кейсы на вебфлоу, понял прикол. Тебя не заставляло задуматься, почему в Фигме например Фрейм айфон 14 это 390 на 844? При экспорте происходит scale x2/x3/x4. Я немного коряво объясняю, но ты можешь быстро убедиться. Зайди в тильду, нарисуй прямоугольник от края до края и посмотри как он будет отображаться на твоем 1920, хотя макет в тильде 1200
Тут весь смысл в том, что даже при большом разрешении монитора, контейнер на 1400 px будет отображаться по центру, а слева и справа от этого контейнера просто будет фон без информации (текст, фото и т.д.). И это на самом деле отличное решение. Меня лично приводят в ярость сайты, на которых вся информация растянута по ширине так, что на мониторах с большой диагональю надо головой крутить слева направо. Когда информация находится прямо перед глазами, то её легче читать.
@@Blck_Ktn я понимаю замысел автора. тут суть в другом. в 2022, когда 1920 доступно на ноутах за условные 15к, верстать макет 1400 с контейнером шириной 700 - это пиздец. доказывать, что это ниибаццо какое крутое дизайнерское решение - дважды пиздец. Кстати, если открыть сайт, о котором речь (reboothome(dot)by) , то можно убедиться, что дизайн упрока им нихуя не зашел
@@Tafratov Ты все правильно объяснил, но между нами на таких мудаков даже не нужно тратить время. У него цель в интернете самоутвердиться за чужой счета, а не дать что-то полезное. Так что он даже не будет вникать в твои слова.
За упоминание вражеской соц.сети (по принятому закону), без соответствующей ссылки может не хило так прилететь. Не стоит об этом забывать, вы ведь знаете где мы живем...
Привет! Раньше резина была популярна, а сейчас всё строится на брейкпоинтах. Просто ты тратишь много усилий на то, чтобы эта сетка выглядела хорошо на любой ширине, а пользователь смотрит всё равно в браузере фиксированного размера)
![Рисуем стильный сайт для игровой студии с арт-директором [Re-Design]](http://i.ytimg.com/vi/eKs6FRxNpgM/mqdefault.jpg)
![Рисуем стильный сайт для игровой студии с арт-директором [Re-Design]](/img/tr.png)
🔥 Бесплатный курс по дизайну с бесплатной обратной связью: t.me/freeeducation_uprockbot
Сегодня продолжаем нашу рубрику по улучшению веб-пространства!
Поделитесь полезна ли рубрика, какие ваши впечатления и тематики, которые вы хотите, чтобы я отредизайнил.
Да, очень полезно для прокачки насмотрености. Обычно ты просто смотришь чужие сайты, но ощущение, что нехватка опыта не позволяет полностью осознать и понять все решения. А тут всё понятно объясняют)
@@georgybakharev4645 рад, что пригодилось))
Хочу посмотреть как ты собираешь ui kit
@@matteriya6637 там ничего сложного, достаточно быть аккуратным и внимательным)
Публикуйте пожалуйста эти сайты на своем аккаунте Беханс
Очень зашло!
Женя, безумно понравилось цветовое решение, фактически тот же кирпично-коричневый, что был у ребят на первоначальном варианте, но как он тут заиграл и как изящно сочетается с нежным розовым!
Круто. Спасибо тебе, за эту рубрику 😊
Да с цветом нужно уметь работать) Спасибо, что оценил)
"Почистить душу, настроить карму"
Женя, вы лучший!
Надо было стать стендапером в свое время)
Я конечно не дизайнер, но принимаю участие в разработке сайтов. Честно говоря, я ожидал абсолютного другого уровня за 250к рублей. Такие дизайны рисуются максимум за 100к, в лучшем случае за 150к у какого-нибудь зарубежного заказчика. Чисто субъективное мнение. Если вы и вправду зарабатываете столько денег, создавая подобные дизайны, то могу вас только похвалить.
Рынок большой, бывает всякое)
Ахаха, поддерживаю. Дизайн на любителя.
Исходный вариант нравится больше
Евгений! Балдеж! Вот что значит - тренировать насмотренность! Спасибо ❤
Пожалуйста👍 Главное не забывать, что насмотренность - это не только регулярно смотреть на хорошие сайты, но и анализировать их, находить закономерности)
Шикарная работа Евгений!!!! С удовольствием бы такую сверстал! Спасибо за контентик и за "свежий глоток воздуха"! Всего доброго!
Класс! Спасибо за тёплый отзыв, очень рад, что проект пришёлся по душе 👍
Шикарно рассказано все по видео и объяснил почему это так сделано, а почему то так... Спасибо за контент и лайк
Всегда пожалуйста) Классно, что ролик оказался Вам полезен👍
Информация по силовым линиям дает много к понимаю построения страницы, лайк 👍
Спасибо, Татьяна, очень рад🙏
Очень круто, спасибо за урок! Отличная работа и подробное объяснение
Рад что понравилось)
Здравствуйте! А при создании дизайна блоков, где услуги разворачиваются, всегда делается один вариант услуги с информации, или дизайнеру нужно делать под каждой услугой свой разворот?
Приветствую.
Для услуг лучше делать какую-то единую форму/структуру, потому что:
1. Так легче верстать
2. В последующем клиенту будет проще добавять новые услуги, так как они могут меняться
привет! спасибо за такие разборы, очень интересно смотреть и слушать как ты все комментируешь) реально как губка впитываю контент) хотелось бы узнать в фигме ты часто прибегаешь к "упрощениям" типа автолэйаута, собирания контейнеров во фреймы или группы, создавать компоненты чтобы было легче дальше просто копировать элементы, а не создавать каждое заново?
Привет! Да, инструменты типа автолейаутов и компонентов сильно экономят время, поэтому советую изучить их и начинать использовать в работе как можно раньше)
Здравствуйте! Подскажите пожалуйста, где скачать материалы для урока?
Здравствуйте! К сожалению, для этих уроков ещё не предусматривалось материалов для скачивания(
Вопрос почему резину не делают?? Интересная информация)
Привет! Раньше резина была популярна, а сейчас всё строится на брейкпоинтах. Просто ты тратишь много усилий на то, чтобы эта сетка выглядела хорошо на любой ширине, а пользователь смотрит всё равно в браузере фиксированного размера)
@@UPROCK так в веблоу например наоборот настраиваешь грубо говоря только десктоп и мобилу, и все.. смотрится везде красиво ..а если по всем брейкпоинтам то больше работы.
Спасибо, что поделились своей работой! 💙🌠
Всегда пожалуйста👍
Класс! Очень бы хотелось увидеть мобильную версию данного дизайна.
Привет! Как и обещал, выложу в своем тг t.me/evgenyuprock )
Здравствуйте, извините, но меня мучает вопрос: у вас на сайте школы, когда просматриваешь информацию о курсе, цену прям приходится искать, листать долго вниз, а по пути много раз встречается: "оставить заявку", разве это не похоже на прием инстаграм-магазинов по типу "цену в директ", конечно, все имеют на такое право и это наверное прием продажи, меня просто такое немного напрягло, мне кажется, что пользователю выискивать цену может быть неприятно, разве это не так?
Привет! У меня такая политика, что цену мы даём только после рассказа о всех механиках курса. А стоимости в конце даны довольно подробно, на разных условиях и этому уделено отдельное внимание)
@@UPROCK спасибо за ответ!)
Огонек! Спасибо, что делитесь своей работой) ❤🔥
Супер) Всегда пожалуйста!
Приветствую,а вы шрифты в дизайнах используете лицензионные ? Свободные к коммерческим услугам ?
Привет! я использую бесплатные шрифты с сайта www.fonts.uprock.ru/ 😉
Спасибо за полезный контент ❤️😎
Стараюсь разбавить ютуб качественным контентом о дизайне)
Оой, ещё не смотрел, но уверен что годнота. Спасибо за такую периодичность выпуска роликов
Надеюсь, не разочаровал)
@@UPROCK глянул, супер! Какой же классный контент делаешь. Честь и хвала. Многое черпаю для себя
@@UPROCK Я что-то не поймал момент где видно какой шрифт используется в заголовках. Как он называется? Давно подобный ищу
@@GFeest_ Супер! для меня самое главное, что вдохновляю и развиваю) По шрифту: это PP Right Grotesk, для некоммерческих проектов у него есть бесплатная версия. А вообще я все полезные ресурсы собрал в одном месте, на uprock.ru )
@@UPROCK Спасибо, Жень)
Спасибо большое! Получилось очень красиво)
Спасибо)
А как вы бы сделали адаптив с фото по краям контейнера? Перенесли бы их все вниз или подняли?
Сделал бы на всю ширину, если правильно понял о чем речь)
Женя, как всегда мега интересно визуально при простых композиционных решениях. Ещё хочу выразить благодарность за работу с цветом. Как же надоели белые сайты, переполненные графикой и иконками. Этот сайт даже без текста выделяется среди остальных!
Согласен, немного разнообразия цветовой палитре сайтов не хватает)
Очень рад что зашел проект)
Круто сделано. Очень красивый редизайн. Подскажите пожалуйста, в местах, где "подробнее", "забронировать", и пр., после нажатия окно, куда человек будет проваливаться, там тоже надо какой то дизайн делать?
Спасибо🙏 Да, там будет идти либо перенаправление на форму либо на различные внутренние страницы
@@UPROCK всё теперь ясно. Спасибо большое за обратную связь. Я начинающий графический дизайнер, но вы очень интересно рассказываете и делаете видео. Приятно смотреть.
Восхищаюсь вами🤩подскажите пожалуйста,я на большинстве курсов видела,что контентная часть должна быть ок.1200 px,кк правильно должно быть?
Спасибо
Если не знаешь, какой контейнер использовать то да 1200 это самый оптимальный.
Еее, наконец-то новый видос))
Все для вас)
Дизайн моё почтение! Интересно было бы посмотреть, как это верстать)
Привет, Дарья! Спасибо🙏 Вообще это концепт, чтобы уместить в одно видео побольше интересных решений, возможно непосредственно дизайн сайта мог бы быть другим. Но ничего невозможного тут нет, и вполне можно реализовать такой проект самостоятельно в вебфлоу
Класс, новый кейс 🔥Продолжайте. Формат интересный.
Договорились! буду продолжать)
Женя , привет!) Ты не мог бы к каждому такому видео прикладывать ссылку на макет если это возможно?)
Блин, я хочу чтобы вы сами научились рисовать так.
Само собой на моих курсах))
@@UPROCK так чисто для рефов, чтобы не скринить с ютуба в пережатом качестве))
У автора определенно не стандартный подход, выработался свой определенный стиль и понимание, интересно посмотреть примеры журнальных шаблонов, где много информации и вся главная, или индивидуального блога?
Привет, спасибо за комментарий.
У меня есть школа дизайна и я могу показать новостные проекты моих студентов
www.behance.net/gallery/158777989/Its-Nice-That-redesign
www.behance.net/gallery/158063473/The-EMPIRE-news-portal
Больше проектов здесь www.behance.net/uprockclan
очень красиво!🔥
Спасибо!
Мне, как дизайнеру, больно смотреть на редизайн ) подход к типографике, логике, композициии отступам слишком креативный. Если бы нарушили меньшее количество правил, было бы лучше) Больше всего меня пугает то, что элементы внутри блока буквально задыхаются, их линии трамбуют. Можно ведь было увеличить отступы от линии в три раза, тогда линий было бы меньше, так как они бы использовались не как рамки, а как сепараторы.
Моя задача - показать как можно делать нестандартно и в то же время логично и обоснованно, руководствуясь моим реальным опытом, полученным за годы успешного проектирования и запуска сайтов. Вы можете воспользоваться этими решениями или делать как сами считаете нужным 🤷♂️
Круто получилось 😊
Спасибо🙏
Спасибо за уроки! Недавно закончил редизайн сайта, может добавите разбор полетов работ подписчиков ?))
Поздравляю с редизайном) А какой разбор ты хотел бы увидеть?
Чëтко! Цвета клëвые)
Согласен) постарался для вас, чтобы было поинтереснее)
У вас очень интересные и логичные решения, но все-таки скажу) Этот огромный кернинг в разделе "О нас" как ложка дегтя, сразу бросается в глаза. Понятно что текст по ширине выровнен, но так сжать хочется)
Спасибо за тёплые слова) По поводу раздела "о нас" - мне он нравится, пойми правильно, весь мой дизайн несёт рекомендательный характер, ты можешь заимствовать или не заимствовать эти решения, по своему усмотрению. Главное в макете - всё же, общая логика
Как всегда - очень круто! Можно узнать, как потом реализовывается макет: переносите все на Тильду или какой-то иной конструктор? И бывают ли стилистические моменты/приемы, которые невозможно или очень тяжело реализовать на "конструкторе"? Буду рада ответу)
Раньше были разработчики, сейчас все проще на Webflow делать.
@@UPROCK еще остались😂
@@ДаниилЕлин-ж1п Раньше у меня были разработчики для этого))
на тильде такое реализовывать ооочень тяжело
Сверстать такое на Тильде наверно сложно без хороших знаний Zero? А например на Вебфлоу?
Я бы на тильде не делал бы такое, только из стандартных блоков. На вебфлоу такое сделать легко.
@@UPROCK Спасибо! Буду изучать Вебфлоу с вами!
@@ilyanasedkin очень рад! добро пожаловать)
Привет! Я максимально зеленый в этой сфере и хотел узнать, как ты выбираешь цветовую гамму? Есть ли какие-то таблицы для подбирания цветовых палитр? Первое, что зацепила меня, это необычная цветовая гамма, которая вроде бы и режет глаз, но делает это в меру броско и притягивающе, поэтому хотел бы услышать ответ, спасибо!
Привет! Если ты совсем новичок, могу дать простой совет: всегда сначала рисуй монохромную схему, уже на ней всё должно выглядеть хорошо. Если всё плохо, значит есть проблемы с композицией, и никакая палитра их не исправит.
Дальше, если к тебе пришёл клиент - в подавляющем большинстве случаев у него уже есть какая-то айдентика и фирменный цвет, который нужно использовать, возможно с минимальными градациями.
А вот использование более сложных палитр потребует развития вкуса, насмотренности и фиксации на практике с обратной связью.
@@UPROCK огромное спасибо!
Не одна ссылка на школу не работает
Подскажи, ты пользуешься впн и какая у тебя страна
Ссылка на школу school.uprock.ru
@@UPROCK впн не использую Донецск
@@Жареныйдракон понял, странно, у меня работает(
буду проверять еще
Вопрос с СТА закрыт). Клево получилось
Рад слышать, на связи)
"Апрок" Здравствуйте. Евгений, интересно взглянуть в кейсе. Будет?
Думаю нет, у меня этих кейсов, как у дурака фантиков)
Здравствуйте! Получился интересный дизайн, мне понравилось. Но я немного не поняла насчет резиновой верстки. Можете пояснить пожалуйста? Я просто делала сайт-визитку, где было много блоков и информации. И было принято решение сделать справа фиксированную навигацию по разделам контента на страничке при скроле, а контент шириной 1200px увести влево. Заказчику понравилось, друг верстальщик сказал, что легко такое делать. Я видела примеры таких сайтов, и мне показалось это удобным.
Получается в таком случае лучше резиновая верстка, либо я не так поняла?
Ps. сначала все делалось не под Тильду, но потом решили все таки остановится на конструкторе. Но и там я нашла решение вроде как решить это задачу не используя код, хотя я понимаю, что возможно такое будет притормаживать
Привет! Резиновая вёрстка это когда вся сетка меняется от ширины и размеров экрана.
Фиксированную навигацию я бы сделал во-первых слева, а во-вторых когда пунктов меню очень много. А так по возможности вертикально разместил бы, конечно
@@UPROCK А почему именно слева?
@@АннаКалиничева-я9т Потому что мы читаем слева направо, и если расположить навигацию справа, взгляд будет теряться
@@UPROCK Поняла, спасибо за ответ)
зачем использовать линейки, если разметку лучше делать сеткой, так более правильно, и точно будет всегда ровно. Новичков лучше обучать сразу удобным инструментам а не топорному использованию путем расставления линеек при помощи прямоугольников
Привет! Конечно, можешь делать свои макеты как считаешь нужным, главное чтобы они были обоснованными и логичными
Почему работаете в 1440, а не в 1200 ?
Салют! В видео говорилось, рабочее разрешение под большинство ноутбуков и десктопов)
По цветам спорно, понятно, что фотки стоковые со старого сайта, часто они такие же приглушенные и не привлекают, предыдущий фон делал акцент на фотках и раскрывал интересные процедуры, тут все под одно подогнано. А композиция в целом прикольная.
Да, это действительно так, в самом видео я упоминал о том, что использую слегка экстравагантные цвета. Сама композиция хорошая, ты можешь притушить эти цвета при необходимости.
В предыдущей версии не на что было сделать акцент, кроме фоток) В моём случае акцент смещён на разные типы услуг и взаимодействие с ними, это самое главное
Спасибо, что видео зачастили. Смотрю каждый выпуск.
Страница очень насыщенная получилась. Такое ощущение, что на мобилке она будет километром в длину)
Мне непонятно, как ты выбираешь контейнер. Самый распространенный 1200, но здесь, наверное, 1360. Почему? В чём преимущество?
Мобилку нарисую, сейчас какая-то засада со временем.
Между нами используй контейнер 1200, если не знаешь какой использовать другой.
Я выбираю другой контейнер перебрав несколько разных вариантов визуальных решений.
Почему так дорого стоит?
Потому, что хорошая вещь не может стоить дешево.
@@UPROCK ты не обижайся, я не критикую работу, просто для меня это и вправду большие цифры за дизайн
@@Тишина-н5м спасибо, что уточнил. На самом деле это небольшие суммы. Я 20 лет занимаюсь дизайном, если бы дешевле стоило, то вот это было бы странно. Суть в том чтобы твои решения были обоснованны и максимально логичны для пользователей и бизнеса.
Uprock топ 1 в СНГ
Поддерживаю!
Смотришь такой дизайн от Cuberto, без смещения акцентов, давления цветом и идеальную/удобную типографику, без сетки, из-за которой огромные дыры в пространстве при скрытии направляющих... А потом кааак смотришь редизайна от UPROCK и прям бальзам В глаза :)
Cuberto классные ребята, к ним наши студенты трудоустраивались) Но, само собой, я рад, что мой подход тебе ближе😉
А это реальный проект, который сверстали? Дизайн действительно необычный, нескучный и функциональный. Мне только цвет не нравится, но это уже дело вкуса) а есть ссылка на Беханс ?
Нашла сайт студии, но он пока старый. Хотелось бы увидеть «живой» продукт, надеюсь)
Привет! Это проект, к которому имел отношение один из наших студентов, как и все проекты из данной рубрики. Они выполняли данные заказы и спрашивали, как бы я мог их переосмыслить.
Цвет можно использовать любой, главное композиция, рад что согласен про "дело вкуса". В каждом макете нужно сделать и правильно и весело, чтобы вам было интересно смотреть как я пытаюсь сбалансировать и то и то)
сколько стоит такой проект?
Салют! На момент выхода видео 250 000р, сейчас нечто подобное, возможно, будет стоить процентов на 20 дороже
Было бы круто, если бы показывали решение под мобильную версию 😅
Да скоро выложу
@@UPROCK Супер, будем ждать 😊
@@mems_browser Договорились)
Я так понимаю они не приняли дизайн? Зашел на к ним на сайт, а там старый дизайн
Привет, это был концепт, по заявкам пользователей переделывал дизайны. Им было бы дорого и нецелесообразно покупать у меня дизайн напрямую.
Дизайн приняли и заказ оплатили в полном объёме
Структура конечно получше, но дизайн чёт действительно хз.... и по поводу конверсии аналогично)
Андрей, ну тебе может быть не зашло.. а по поводу конверсии мы же не можем отталкиваться от ощущений, нужно запускать, тестировать) Я отталкиваюсь от опыта по аналогичным проектам, которые делал для своих клиентов
И вот от меня лайк!
А от меня сердечко)
Где бомбы?
у нас в головах
Имба дизайн
Спасибо🙏
Выглядит здорово, но верстальщик не очень будет рад и ещё функционал усложнил с записью к отдельному мастеру. А так очень даже. И да, интересна мобильная версия)
Рад, что проект зашёл) По поводу вёрстки - такой дизайн вполне можно реализовать на webflow силами самих дизайнеров. По мобильной версии - заказ принят, выложу либо на этом канале, либо у себя в тг
Лайк за Фантомаса
Да)) Классный фильм был в детстве!
Спасибо
Всегда пожалуйста, очень рад👍
Логотип у них типа человек в позе лотоса и с унопкой вкл вместо головы
ох уж эти художники, удивительный народ
подзаголовки по ширине, на середине строки ну прям такое себе, читаются плохо, глаз не радуют :(
Привет! Прости, что не получается порадовать твои глаза.. а вообще это субьективная тема🤷♂️
Любопытно увидеть адаптив этого сайта
заказ принят)
Тот случай, когда до было лучше. И тут даже не вкусовщина, а уровень самой работы. Ужасное сочетание цветов и позиционирование элементов. Это напоминает мне мой первый опыт с дизайном)))
Если для тебя было до лучше, тогда нам не о чем разговаривать)
Вы не правы
Сказал же, что решение спорное.
Художника обидеть может каждый
а это реальный проект?
Это часть реального проекта одного из моих студентов, обратившегося за консультацией
Блин, вроде классно, продуманно, но мне сложно читать, всё либо маленькое либо акцентов мало
Рад, что Вам понравилось, вообще это мои решения, не обязательно их повторять дословно. В своём дизайне можете сделать элементы крупнее и акценты сильнее, главное - это общие принципы подхода к вебу, функциональность и эстетика
Хочу сказать свое мнение как пользователь: всегда приходила в непонимание и отвержение при использовании таких сайтов. Для поиска информации такой сайт был худшим кошмаром для меня, я всегда бесилась и выходила. Наверное я даже не смогу объяснить почему конкретно, но это так. Слушая вас в процессе работы - да, кажется все логично и будет работать так, как задумано. Но до моего вхождения в эту сферу, я искренне ненавидила подобного типа сайты. Стараюсь не давать себе забыть об этом
Я это называю это непродающий дизайн. На словах все красиво, но на деле, мне, как пользователю - дико неудобно.
@user-pn1qi8pp9t Привет! Да, действительно есть проблемы, что дизайнеры перебарщивают с красотой и избыток эстетики идёт во вред. Но всё же мой случай - это примеры реальных сайтов, которыми довольны и пользователи и клиенты. Думаю, несправедливо будет грести меня под общую гребёнку)
тоже не люблю такие сайты. Пример ДО был более клиентоориентирован, хоть и плоховат в дизайне. Там были четкие блоки кнопки и тд. В "новом" же дизайне огромные дыры , линии, хз для чего это. наверно для behance)))
Супер! Только не за 250к😮
Спасибо)
Спрос рождает предложение, за сколько покупают - за столько и продаю🤷♂️😉
шёл 2022 год.. самые, блядь, самые бюджетные ноуты умеют в 1920px по ширине. Ребятки из упрок доказывают, что актуалочка для ноутов - 1400 с областью контента 700. При этом утверждая что резиновая верстка - всё.
Ты немного ошибаешься про пиксели, прочитай, как работает масштабирование и брейкпойнты в вебе. я тоже сначала думал, что это бред, но когда начал собирать кейсы на вебфлоу, понял прикол. Тебя не заставляло задуматься, почему в Фигме например Фрейм айфон 14 это 390 на 844? При экспорте происходит scale x2/x3/x4. Я немного коряво объясняю, но ты можешь быстро убедиться. Зайди в тильду, нарисуй прямоугольник от края до края и посмотри как он будет отображаться на твоем 1920, хотя макет в тильде 1200
Тут весь смысл в том, что даже при большом разрешении монитора, контейнер на 1400 px будет отображаться по центру, а слева и справа от этого контейнера просто будет фон без информации (текст, фото и т.д.). И это на самом деле отличное решение. Меня лично приводят в ярость сайты, на которых вся информация растянута по ширине так, что на мониторах с большой диагональю надо головой крутить слева направо. Когда информация находится прямо перед глазами, то её легче читать.
@@Blck_Ktn я понимаю замысел автора. тут суть в другом. в 2022, когда 1920 доступно на ноутах за условные 15к, верстать макет 1400 с контейнером шириной 700 - это пиздец. доказывать, что это ниибаццо какое крутое дизайнерское решение - дважды пиздец. Кстати, если открыть сайт, о котором речь (reboothome(dot)by) , то можно убедиться, что дизайн упрока им нихуя не зашел
@@Blck_Ktn это тоже, но я ему говорил еще про верстку в относительных величинах, em, rem и тд
@@Tafratov Ты все правильно объяснил, но между нами на таких мудаков даже не нужно тратить время. У него цель в интернете самоутвердиться за чужой счета, а не дать что-то полезное. Так что он даже не будет вникать в твои слова.
За упоминание вражеской соц.сети (по принятому закону), без соответствующей ссылки может не хило так прилететь. Не стоит об этом забывать, вы ведь знаете где мы живем...
Спасибо, за то что напомнил, мне хотелось всё же сделать редизайн полностью, поэтому я пошёл на риск, надеюсь всё будет нормально. Спасибо ещё раз)
@@UPROCK просто знаю тех, кому уже прилетало за это... Поэтому сам сейчас делаю сноску звездочкой с указанием закона.
@@ГрегорийСергеев Да, обязательно, буду впредь умнее
Название ролика в настоящее время НЕ вдохновляет!!!!!!!
ок
Вопрос почему резину не делают?? Интересная информация)
Привет! Раньше резина была популярна, а сейчас всё строится на брейкпоинтах. Просто ты тратишь много усилий на то, чтобы эта сетка выглядела хорошо на любой ширине, а пользователь смотрит всё равно в браузере фиксированного размера)