Что такое хороший дизайн на примере одного сайта
HTML-код
- Опубликовано: 29 сен 2024
- Попался сайт, который отлично иллюстрирует кайф простого и чистого дизайна - www.polybion.bio
🔥 Подпишись и не пропусти анонсы следующих видео:
В Телеграмм t.me/sayhellot...
В Инсте / maxshirko
В ТикТоке / maxshirko
![Cody Johnson - I'm Gonna Love You (with Carrie Underwood) [Official Music Video]](http://i.ytimg.com/vi/yy9PuYMU29g/mqdefault.jpg)
Если взять текст ролика и выделить наиболее часто повторяющиеся слова, то получим примерно следующее: "Красиво, чисто, аккуратно, прикольно, классно, приятно, свежо, большие пространства, эстетика".
Но является ли это вообще критериями оценки сайта? Может ли этими критериями пользоваться заказчик?
Т.е. вроде объяснение есть, но в то же время они всё ещё настолько субъективны, что сводятся к "должно быть чувство вкуса".
А если у конечного пользователя нет чувства вкуса? Будет ли ему удобно и привычно, если у него другие критерии оценки сайта?
Весь ролик говорит "вот так надо", но совершенно не вводит в контекст:
Какая задача у сайта?
Какие бизнес-цели у заказчика?
Какие носители в приоритете? Как он использует этот сайт?
И почему смотрим десктопную версию?
Всегда ли "так надо" или только в каком-то конкретном случае, как здесь?
Неужели весь дизайн про "Красиво" и "Эстетично"? Как измеряется его качество и крутость?
Все эти споры, про то, что на самом деле нужно заказчику, про субъективность и что важнее маркетинг или дизайн я переспорил, с пеной у рта еще году в 2016-м. Уже не интересно)
@@maxshirko Так не надо спорить) Я, как дилетант, просто пишу о том, что мне не хватило обоснования такого дизайна.
Я согласен с характиристикой, которую ты дал этому сайту, но продолжаю не понимать, почему это классно. И вот, подумал спросить)
@@mikitakarney похоже, Макс нам показывает именно сторону красоты сайта, некую синтетику для беханса, а не сторону полезности для коммерции. Сайт про "круто (красиво)", а не "круто (принесёт деньги)". Так что да, красиво, чисто, аккуратно, прикольно, классно, приятно, свежо.
@@maxqwe529 Мне кажется, что эта синтетика для беханса как раз комфортна для дизайнеров, но создаёт проблемы для индустрии.
ИМХО: Профессионал не может быть "сам себе на уме".
Если его работа не автономна, а постоянно пребывает в зависимости от технологий, от маркетинга, от рынка, то все эти аспекты дизайн-продукта нельзя игнорировать.
А получается так, что мы имеем беханс-комьюнити, которое всеми силами пытается вывести дизайн в эту автономность. В их интересах оценивать сайты не "в целом", а по отдельным запчастям. Так их работа ценится больше, там им удобнее проявлять экспертность.
Поэтому я и говорю, что контекст крайне важен. Каждое решение должно быть обосновано, каждое решение должно устроить всех участников процесса разработки сайта. А эту информацию практически всегда умалчивают. Хотя это тоже дизайн. И это та часть дизайна, которая намного важнее чем какой-нибудь радиус скругления у кнопок.
Это промо-сайт, его задача показать "товар лицом" абсолютный аналог рекламного разворота или статьи в глянцевом журнале. Как я понял он рассчитан на моду (fashion) и продажу био-материалов, не стоит тут искать техническую инфу, диссертации химиков и пр. Сайт подобного рода всегда несет одну задачу показать (фото) рассказать (текст) им SEO насуй не нужно, инвестор даст денег на рекламу в журналах, на тв и где угодно. Он выполняет и ту и другую задачу не напрягая (чем проще дизайн тем понятнее он большинству).
Пользователь сайта которому от 40 лет: "Куда я жмал?????"
Я ще не додивився але додам.
Терпіти не можу тренди. І стараюсь завжди їх уникати. Я вчився в 2000-х і моїми кумирами були Дітер Рамс і Джонатан Айв. Це Braun і Apple дизайнери. Можна звести все до Рамса, так як Джонні вчився в нього і дуже багато в нього взяв. Так от, Дітер Рамс казав що хороший дизайн - естетичний і довговічний.
Зараз більшість зводиться до трендів. Але сьогодні ти в тренді і поки ти доробляєш свій проект він вже може бути не в тренді і ти пролітаєш. За трендами не встигнеш. Потрібно старатись робити правильний, хороший дизайн. Продуманий, естетичний і довговічний. Цей сайт тому приклад. Важко сказати коли його задизайнили. В 1960 роках і в 2022-х.
Це респект
кайфую вообще с канала, такая находка для того чтобы насмотренность выработать, да и мнение опытного спеца увидеть
Подскажите, а как ставить направляющие прямо в браузере?
PageLiner
Правда очень круто смотриться
Все-таки да, здесь все внимание и впечатление держится на фотках. Они интересные и они дают сочность этому серому монохромному сайту. Макс, спасибо за пример )
Мне нравится очень. А текст прочитает тот кто проявляет интерес к изделиям, которые на сайте.
Мне нравиться!!, но придëт заказчик скажет - а какого такой мелкий текст, давай покрупнее..... и почему он будет не прав?
Дякую за натхнення!❤
Спасибо, было полезно!
Если для дизайна нужно обьяснение почему он крутой - это не крутой дизайн. Стив Джобс в 2008 не обьяснял почему мы должны считать айфон крутым и как он работает с пустым пространством он просто вынул из штанов девайс и вылюбил им всю планету тк это очевидно крутой девайс
обьяснял лол, конечно обьяснял.
любой продукт нуждается в презентации. в случае эпл, целая команда занималась продвижением нового продукта. для того чтобы эффектно как вы выразились «вынуть из штанов» сначала требуется как следует разыграть аппетит аудитории. сначала презентация продукта, потом личный опыт (знакомство клиента с продуктом), и только потом уже становится «очевидно что это крутой девайс». без презентации клиент не возьмет девайс за цену выше рыночной.
даже то что вы привели в пример эпл, говорит о том насколько громкое у компании имя, а это все работа маркетологов с их презентациями товара, которую вы сейчас обесценили своим комментарием.
@@aleksandrishkina презентация продукта и прямое вербальное объяснение почему вы должны считать продукт крутым это, лол, вообще не одно и то же. КОгда Джобс сказал "re-invent the phone" это, конечно, было крутейшим копирайтингом над которым поработали но самое крутое в этом копирайтинге - это полная правда тк он реально сменил эпоху в мобилах. ОН в принципе тем и отличался от текущих зачитывателей скрипта "амейзин-бьютифул" что эти все как и ты думают что дело в перезентациях слайдах и джинсах с водолазкой а ДЖобс прежде всего продукт делал, тем и тащщил.
классное видео, спасибо!
Где искать клиентов с такими заказами?
5:37 Что за приложение, которым сетку на экран вывести можно?
Redline или pageliner
Нигде не нашел в комментариях потому спрошу: а как ты в браузере ставишь направляющие?
И традиционно спасибо за видео
Дизайн этого сайта действительно выполнен со вкусом, но удобным его назвать невозможно.
Шрифт в окне PC браузера или экране смартфона выглядит мелковатым и его придётся все равно увеличивать.
Единственное, где шрифт выглядит хорошо - это на экране Ipad, так же на айпаде органично выглядит нижний элемент страницы (черно-белый POLYBION который предваряет подвал), в браузере PC и смартфоне эта часть интерфейса смотрится инородно.
Так же создается ощущение холодности и безэмоциональности этого дизайна, хотя может быть так и задумано.
За видео - спасибо ! Успехов !
Хорошее видео, но мне дико не приятно когда текст справа, а слево и по середине или просто слево пустое пространство. Видя это меня просто выворачивает. А вот когда текст по середине, а по бокам пустое пространство или занятое чем-то пространство или текст на всю страницу, то приятно смотреть
Если бы я зашел на такой сайт, то подумал бы что на нем стили поплыли😁
Вывод, - минимализм удел профессионалов))) Спасибо Макс за приятный видосик ❤
Люблю такие сайты и такую чистоту. Иногда думаю "Может потому что я не умею делать всякие эффектики и свистоперделочки (что да чудное слово прям спасибо)" Но думаю дело не в этом.
Кстати у себя в инсте делала пост, как раз про тренды и там был пункт про такого рода сайты. На что некоторые подписчики начали мне говорить, что это не интересно и это часто не попадает в ЦА клиента. Поэтому надо клепать а-ля русский беханс (прости господи) Но мне кажется что клепать говно не стоит только потому что его кушает ЦА...
Дизайново, приятно, кейсово, даже красиво. Если не читать, а сканировать - на главной продают фрукты, да? Структура хорошая, фото и читаемость не для продаж, а чтобы директор показывал и ему говорили, "красивый у тебя сайт!. Если цель такая, то цель сайта выполнена.)
Привіт, Макс! Дуже круте відео і сайт, беру собі в скарбничку. Як раз накопичую візуал для свого сайту - портфоліо. А скажі, будь-ласка як ти направляючі просто на сайт накладав? Це мега круто!
Макс, какое расширение юзал, чтобы расставить направляющие на сайте?
пожую попкорна рядом 😂
Дизайн журнального глянца это дизайн "людей которым не нужны деньги" 😁
Они нужны продать успешность, продать личный бренд. Они очень нужны тем кто продвигает экспертность: психологам, стилистам например. Презентовать дорогой бренд и пр.
А если дизайнеру платят, чаще всего нужно заработать на продаже физического, инфотовара либо услуги. И дизайн в этом случае часть конверсии.
Поэтому продающий дизайн это в какой-то степени антипод минимализма. Очень важно чтобы и заказчик и дизайнер об понимали это отличие в цели: продать или изобразить из себя того, кому уже не нужны деньги а "сайты он делает для души".
Черезчур простой сайт.Перебор с текстом. Ничего не донёс дизайнер сайта о самой компании. Я как потенциальный клиент не хотела бы читать абстрактный текст и смотреть "эстетичные" фото, я бы добавила фото с этапами производства, сами материалы со всех сторон сфотканные .Красиво ли это? Для любителей минимализма, да. Красиво для премиум сегмента,но точно не цепляющий много внимания
Пресно и выглядит как газетные/журнальные развороты
сайт вообще на любителя
не влазит фотка в экран? - так и должно быть, это дизайн
не помещается фраза заголовка целиком на экран? - тоже
пустые 2/3 экрана? - это как мы рефераты в школе писали - побольше шрифт и промежутки между строками
раздел "О нас" - вообще уникален, одно ключевое событие за год? - тут или очень хорошо проработали и нашли эти точки роста или наоборот, написали не заморачиваясь.... у бомжа больше событий за год, чем у них
я вижу два варианта - или компания хорошая, но сайт нам не рассказывает об этом (или рассказывает только людям, которые в теме)
или наоборот - компания-пустышка, которая заключила пару контрактов "по знакомым" и всё
из сайта я не понимаю её глубину, твёрдость и т.д.
кстати на вертикальном мониторе сайт смотрится получше
срезанные углы фоток - может применю себе где-то, надо смотреть
Ну так а где такой сайт продаёт? Не сказано. Как это помогает заказчику? Не сказано. Это круто со стороны дизайна? Возможно, но не везде. Уверен, что 90% пользователей даже на половину не прочитают те столбы текста, который стелятся справа по экрану, и так далее
Сайт, который невозможно читать даже в масштабе 25%, а это минимальный. Его необходимо просматривать либо с монитора слева, либо держать ноутбук под левой рукой. Студент какой-то сделал на отъебись и это зачем-то шейрится.
Выглядит визуально интересно, но как по мне, то текст не очень удобно читать
И, Макс.... нельзя недооценивать свистоперделки🤣
Дизайн должен быть таким, что бы приносило конверсию
Контент огонь!
Насчет того, что новички не делают такой дизайн. Мне кажется, что новичку просто-напросто трудно донести заказчику, почему это хорошо и почему нужно сделать именно так. Ну, и конечно же, новичку всегда хочется применить в проекте весь спектр своих дизайнерских возможностей. Это я про градиенты и т.п.))
100%!!! Такие фото.. или не фото всë решают тут
Макс, доброго дня. Это можно отнести к швейцарской верстке?
С точки зрения маркетинга и UX это очень плохой сайт
1) Очень много текста эти столбы расположены в дабавок справа что никому не будет это удобно читать
2) Не соблюдены некоторые правила ux в заголовках ломается логика потому что заголовок расположен в центре между двумя столбами текста
3) очень нудно и нужно много листать навряд ли человек с какой то проблемой которую надо быстро решить будет это делать
С точки зрения дизайна именно графики смотрится стильно и интересно но до жути неудобно...
Я думаю что дизайн не только должен быть красивым но и решать задачи ) поэтому этот сайт никак нельзя назвать примером хорошего сайта... Можно назвать только примером трендовой и необычной графики )
Удачи тебе в съемке контента )
Не согласен с каждым пунктом полностью)
Ты не учитываешь контекст, а просто говоришь "машина в которой только два места плохая, потому что в нее не могут сесть четыре человека"
согл
С точки зрения UX - User Expience, он полностью попадает в свою ЦА. Другое дело вы не попадаете в эту категорию)
А то что вы имеете виду это юзабилити, юзабилити достаточно ужасный, нету спору, но все за ради ЮХ, эстетики и клиентов.
Что у нас за компания? Создает новые материалы, как видно для одежды. Как видно з эстетики это дорогие материалы и кто будет их покупать? Мас маркет? Нет, люди которые имеют свои модельные агентства, небольшие студии по пошиву одежды, возможно большие компании для мелких коллекций. Это будет потом в списке слов - куртка с материалов Полибеон, это известные и дорогие эко материалы. Люди не отдают последние копейки, что бы знать все характеристики. Им не нужен весь это текст. Им еще много раз сами менеджеры будут говорить, что это и как это и они потом еще много раз повторять, что это когда будут продавать
Макс, спасибо за все видосы, которые сейчас выкладываешь!
Очень заряжает и вдохновляет
Хочется поднимать свой скилл
Аккуратно, симпатично, приятно, чисто, минималистично. А почему это круто и почему это должно продавать - не понятно..
Да!
Дизайн рассчитан на большинство. Большинство оценивает хорошо привычное, что как везде. Потому имеем отсутствие дизайна а ля Лебедев.
Если говорить о высшей степени профессионализма, то пора бы сделать понятную систему оценки качества дизайн-продуктов и классификацию сайтов по нишам/задачам.
Все восхищаются Apple, но почему никто не говорит про исследовательский бэкграунд, который стоит за каждым проектом? О A/B-тестах, о методах проверки гипотез?
Все просто полагаются на мнение авторитетных дизайнеров и слышат что-то вроде "ну станешь профи - поймёшь".
А от очередного беханс-кейса ни холодно, ни жарко.
Что с SEO? Что с мультиязычностью? Что с трафиком? На кого сайт работает? Какие у него ограничения?
А самое главное: Как сайт поживает после релиза? Справился ли он со своей задачей? По каким критериям и в какие сроки верифицируется его "успех"?
Много ли из беханс-дизайнеров интересуются жизнью своих сайтов после публикации?
Ты считаешь, что я должен что-то противопоставить важности UX-а? Почему ваще на одной чаше весов у тебя оказался дизайн, а на другой UX? Это так же глупо, как решать, что важнее, печень или почки
@@maxshirko О что есть дизайн, если не работа на конечного пользователя?
Почему можно UX'ом в этом случае принебречь?
Спасибо)
Спасибо!
Пользователи не понимают - это же крутое творчество для программистов. Тут главное код. А продажи - то все не важно.
После этого сайта все пойдут и купят все что надо на убогом сайте.
Это вершина веб программирования. К этому и надо стремиться, но только программистам. Ведь за него заплатят им деньги.
А за убогий прибыльный сайт денег не платят.
Я вот еще раз посмотрел этот ролик (чем-то он меня зацепил), думаю, на вопрос: "почему новички не делают такой дизайн?" - ответ: "потому что у них нет таких заказчиков". Заказчик заказчику рознь. И не искушенный в маркетинге заказчик часто сам не знает, что он хочет, не юзает сайты с буржуйскими брендами. Он человек простой. Соттветственно и вкусы. Пойди убеди его, что заголовок на весь экран это "концептуально бла-бла-бла"
Проблема таких больших картинок в том, что да это красиво, но такие картинки будут очень долго погружаться поэтому программисты их делают хуже по качеству она становится мутной и эффект от картинки уже не такой. А так вот такой сайт я обожаю
Однажды я делал логотип для газеты, и сделал один в один как этот заголовок - тем же шрифтом, только кириллица. И у меня его не приняли!
Правда, было это очень давно, году в 93 или 95. Так что вопрос остается открытым!
Уголки у фото обрезаны, как буд-то эти фото выставлены в альбом, как делали раньше. А шестеренка создаёт эффект, как будто это она продвигает блоки и накладывает их один на другой.
Омерзительный дизайн. Мобильная версия еще норм на десктопе ужас. Сайты - не журналы. Швейцарская верстка была придумана для них много лет назад. За эти годы появилось много нового.
Все решения в дизайне - обусловлены только понтами и претензией на концептуальность . В комментариях тут уже подробно расписали про убогий UX. Слишком слеплен контент, "воздуха" мало в местах его концентрации одни элементы наезжают на другие
Просто выпендреж, как высокая моды, никакой практичности.
Понял))
Спасибо за интересный и познавательный видос, и ещё мне нравится интерьер вашей комнаты. Как говорится, если человек талантлив, то талантлив во всем.
Завжди любила мінімалізм))) Дякую за відео!
Скорее всего дизайнер в данном случае работал не с сеткой, а с направляющими. Причем в разделе контактов как раз используется стандартная 2-х колончатая сетка, но она там наиболее уместна. В то время как в других разделах используется нестандартная сетка, которая состоит из системы направляющих.
А вообще спасибо за видео, отличный сайт, отличный разбор) Сайт взял в копилку рефов 🔥
Да пребудет с нами минимализм)
Макс, что за прекрасный шрифт в главном заголовке ???
Спасибо за видео. Пошел пробовать)
Новый формат телеграма (если это так можно назвать) очень нравится. Спасибо за годноту!
И он не чистый, там бесполезные декоративные крутящиеся элементы.
Много параллакса, несколько гарнитур шрифтов, рюшечки ради рюшечек, горизонтальные линии хотя и так идёт отбивка цветом.
Хорошо
Макс, всегда смотрю тебя только с эстетической точки зрения, любования продуманностью кадра при общении.
Спасибо.
ᴘʀᴏᴍᴏsᴍ 💕
Шикарный, красивый сайт!
лав юю бра
Подскажите, пожалуйста, как Макс вертикали строит?
прекрасный пример сайта
Макс спасибо за обзор, жду от тебя новых видео)
Благодарю!
Макс, ты прекрасен, спасибо за контент ☺️🙏
Спасибо Макс✨
Спасибо, Макс!
Спасибо, Макс. Прям сразу захотелось что-то такое же сделать 😊
Макс, ты как всегда вовремя и с актуальным видео! Дякую 🙏🧡
Не забывайте - мобайл фёст! Компьютеры сейчас не используют пользователи
Как же рада вас видеть после всех неприятных событий. Здоровья, крепких нервов вам, вашей семье и близким ♥️
А я снова погружаюсь в дизайн, благодаря вашему каналу 😋
Привет! Успехов! Только неприятные события это дождь в субботу утром, а война в Украине это ебаный ад) Но победа не за горами 🇺🇦
Ну такой сайт неудобно.Подходит для текста
сайт для айпада, такие сайты как страницы журнала, а они лучше всего выглядят на планшетах. Красивый сайт
Макс, спасибо за анализ современных сайтов! Наглядный пример нестандартных подходов. Фото и чистота цвета на сайте суперские и вовсе не напрягает, чт* ин-там используется больше трёх. Вообще такая работа дизайнера на примере этого сайта вдохновляет!
Вы Максим ЧЕЛОВЕК. Спасибо Вам за это.
P.S. диз очень про вкус даже, нраца-а-а-а
На мобільному то все до одного місця)))
Ну так. Особливо якщо мислити обмеженими категоріями))
Согласен на 200% и продавать такой дизайн не трудно. Кто бы чего не говорил
крутецкий разбор! мне кажется, єто далекий ии недягаемій дзен делать просто и мена-стильно)
Лишние элементы есть: крутящиеся штуки и абсолютно ненужные линии, без них сайт выглядел бы чище. Фотографии слишком большие, вместе с тем, рядом с текстом много пустого места. Скролить неоправданно длинные сайты не интересно - это факт. Фотографии следовало расположить рядом с текстом, заполнив пустоты.
(придирка не к веб-дизайнеру) Фотографии не дают ничего для понимания того, чем компания занимается, стоило сделать фотографии производства с соответствующими не длинными подписями, а не стены текста, которые ещё так странно расположены, которые здоровый человек в жизни читать не будет.
Сайт сделан делитантами попробовавшими себя в минимализме, попытка, очевидно, не удачная.
))
Согласен
Обожнюю такі коменти 😂
@@maxshirkoответ убил
Дякую за відосик ))❤
Дякую 🙏🏻
Кто -то проходил курс от тильды Начальный или Про? стоит брать? актуален он с учетом всех изменений в тильде ? Я научился более менее собирать рабочие сайты но многие моменты непонятны а в чатах / гуглах искать ответы скорее бесит чем помогает. Хочется узнать все возможности в одном месте и пару работа собрать хороших .
тильда - говно.
I like iT!
автолайк на все видео Макса
Автореспект!
Будем стараться!
Меня раздражают все эти современные сайты дизайн студий, лендинги, где напихано куча лишней анимации, которая только лишь раздражает и нагружает браузер.