0:00 Привет, меня зовут Софья.
0:01 Вы сейчас смотрите или слушаете мой подкаст о дизайне - философия дизайна.
0:05 И если вы вдруг пропустили остальные 6 выпусков, то обязательно посмотрите или послушайте их.
0:10 Там я в основном поднимала тему работы с клиентами.
0:14 Если эта тема у вас больная, то вам обязательно к прослушиванию, судя по отзывам, выпуски получились крайне полезными.
0:20 А сегодняшний седьмой выпуск я хочу посвятить насмотренности и референсам.
0:24 И отвечу на вопрос, как вообще прокачивать насмотренность и как собирать референсы для мудборда для своих проектов?
0:33 15 апреля у меня стартует обновленный курс по уик-ю дизайну.
0:37 Сейчас у нас открыт лист предзаписи или лист ожидания.
0:40 Вы в него можете записаться на сайт 2.филску.ру.
0:44 И если вы записаны, то для вас будет самая приятная цена: такая цена за раннее бронирование, места на курс.
0:52 Поэтому записывайтесь.
0:53 Для того, чтобы быть в числе первых.
0:55 Кто знает, может и места кончатся.
0:57 Ну а если вы уже где-то в середине марта смотрите или слушаете этот подкаст, то знайте, что продажи уже открыты, и вы можете спокойно приобрести курс и 15 апреля
1:10 Это Филиппова Софья и философия дизайна.
1:15 Я здесь не философство, а интересно и иногда даже весело рассказываю о дизайне, творчестве, сайтах, фрилансе и экспертном блогинге.
1:22 Ну, давайте мы разберемся сначала с терминологией, что вообще такое референсы.
1:27 Референсы - это какие-то любые материалы, которые дизайнер собирает для того, чтобы реализовать свой проект.
1:35 Если говорить еще проще, это какие-то
1:39 изображения, чаще всего, которыми дизайнер будет вдохновляться для того, чтобы реализовывать свой проект.
1:47 Или он будет брать какие-то решения из каких-то других проектов в свой проект.
1:52 По поводу брать решения тоже сегодня обсудим.
1:55 То есть это какая-то база картинок, которые каким-то образом подходят нам по цветовой гамме, может быть, по шрифтам, по композиции, по атмосфере нашему проекту, и мы хотели бы сделать что-то подобное.
2:12 Референсами могут быть, как я уже сказала, в основном это изображения, потому что если мы говорим о дизайне, то это могут быть, конечно же, скриншоты сайтов, это могут быть какие-то постеры, обложки книг, да даже баннеры для социальных сетей, это могут быть даже логотипы.
2:31 Ну, например, в моем опыте был такой проект, когда мы разрабатывали второй вариант сайта Фулл Скола.
2:36 Это тогда еще был курс дизайна ведения.
2:39 И в общем, у нас главным источником вдохновения была какая-то такая английская культура.
2:45 Даже, наверное, не английская культура, слишком обобщенная.
2:48 Ну, то есть, вот такой вайб английских школ: правильный, выверенный.
2:53 Вот эти логотипы в виде щитов, антиква.
2:58 То есть, мы вдохновлялись не только какими-то сайтами, потому что на самом деле, вот прям найти сайт, который точно отвечал тем критериям, которые мне были нужны, я не смогла.
3:08 Поэтому мы вдохновлялись какими-то старыми обложками книг, витринами магазинов.
3:14 В общем, это больше было вдохновение из реального мира, нежели из других сайтов.
3:20 Как вот обычно это бывает, когда мы собираем референсы, у нас это все-таки чаще всего другие сайты.
3:25 Но вот я делюсь с вами опытом, что у меня был проект, когда так не получилось.
3:30 И вдохновением служили другие вещи, которые мы перерабатывали, анализировали, и
3:36 получилось это все как-то наложить на то, что это будет сайт.
3:41 Так что ограничивать себя в том, что референсы, если вы делаете сайт, это исключительно сайты, точно не стоит.
3:48 Это могут быть какие-то любые другие визуальные образы.
3:50 Зачем вообще дизайнеры собирают референсы?
3:53 Потому что на самом деле собирают их не все.
3:55 В основном новички часто как-то пропускают этот этап, потому что, мне кажется, в тебе очень велико желание создать что-то свое новое, вот то, что это вот я сделал.
4:09 Это желание настолько сильное, что тебе кажется, что сейчас, вот все, что в моей голове, я это придумал, и я сейчас это сразу переложу на свой холст, и у меня так получится.
4:21 И чаще всего из этого получаются не самые хорошие вещи.
4:27 И поэтому опытные дизайнеры практически всегда собирают референсы.
4:31 Во-первых, конечно же, это развивает насмотренность, о которой мы с вами поговорим чуть попозже.
4:37 Это помогает нам бороться со страхом чистого листа, потому что иногда такое бывает, когда вроде у нас там есть какая-то тема проекта, есть бриф, мы там уже, может быть, проанализировали что-то, но тем не менее мы открываем фигму, и что дальше-то текст там может быть уже даже есть, но в голове не сложилась никакая картинка.
4:57 А если даже в голове и сложилось, то это какие-то там могут быть разрозненные образы, и ты не можешь это сложить как-то сам.
5:05 Поэтому, наверное, вот первое очередное, зачем нужны референсы, это все-таки, вот эта борьба со страхом чистого белого листа.
5:12 Когда ты открываешь, у тебя ничего нет, и ты не понимаешь, что делать дальше.
5:16 То есть, это такое, как бы декомпозирование задачи: собрать референсы, сделать мудборд.
5:21 Следующий плюс - он такой неоднозначный.
5:24 Например, мы заходим на какую-то площадку по поиску референсов, и вот мы понимаем, что есть вот такой тренд.
5:31 И вы как бы начинаете двигаться вот в эту сторону - то есть площадки помогают нам ориентироваться в трендах и помогают создать трендовый дизайн.
5:40 Но про тренды надо говорить прям отдельно.
5:43 Такая штука, которую и хочется, и не может.
5:48 Следующее - это помогает нам защититься от ошибок.
5:53 Когда мы анализируем, когда мы собираем референсы, делаем удворды, мы обязательно анализируем то, что мы видим.
5:58 И вы можете понять, что о вот так лучше не делать.
6:03 Вот, значит, вот этот зеленый с вот таким красным не очень хорошо сочетается.
6:08 Значит, пойду еще посмотрю, пособираю.
6:10 Может, вообще зеленый с красным не надо сочетать.
6:12 То есть, мы, кроме того, что видим хорошие решения и добавляем их к тебе в копилку, мы видим и плохие решения.
6:19 Ну или неподходящие нам, например.
6:21 И понимаем, что вот так значит, делать не надо.
6:24 То есть на референсы можно смотреть и с другой стороны, не только со стороны плюса, но и со стороны минуса.
6:30 И мне кажется, это очень важное плюс, про который многие забывают, но референсы помогают облегчить коммуникацию заказчиком.
6:37 Многие дизайнеры считают, что мудборды и референсы вообще не стоит утверждать заказчикам.
6:43 То есть мы эти референсы собираем.
6:45 И, как бы для себя, для того чтобы нам проще было создавать дизайн, мы их собрали, все, и сделали на их основе дизайна.
6:51 Но на мой взгляд, это неправильно.
6:52 И референсы, и мудборды тоже можно утверждать клиентом, если клиент в проект вовлечен и хочет утвердить с вами мудборд.
6:59 Чаще всего наш клиенты хотят утвердить на мудборд.
7:03 Сложного в этом ничего нет.
7:04 Вы собрали ваши референсы в какой-то там фреймик аккуратненько.
7:08 И показываете ему, вот так вам нравится или не нравится.
7:11 Шрифт, вот этот ок, или вот этот, например, лучше.
7:15 На мой взгляд, это самый простой вариант коммуникации с клиентом, потому что вы ему не пытаетесь объяснить, вот у вас будет вот такой вот шрифт с засечками, а вот у вас будет вот такой вот зеленый, но знаете, не больничный, как бы зеленый, а вот такой вот нежно-зеленый, как цвет весенней травы.
7:31 Что бы вот такого истории не было, с тем, что мы визуал пытаемся объяснить словами, этот визуал проще показать.
7:37 И на мой взгляд - этап показа, референсов, показа.
7:41 Вот смотрите, я буду делать что-то в такой стилистике.
7:44 Вам как нравится или не нравится, это помогает заказчику ну быть не как в каком-то шоу, когда вы закрываете глаза, это шоу-перезагрузка - и вам там на голове что-то натворили, и вы такие, блины, а я что-то вообще не это хотел.
8:00 Этот показ референсов помогает заказчику - сразу же может быть в голове даже какие-то свои картинки нарисовать: что а ну вот будет вот так минималистично, а то я тому себя представлял, что это будет с летающими чайками.
8:12 А вот так вот мне, оказывается, больше нравится.
8:15 То есть, это вот такой, на мой взгляд, хороший промежуточный этап, чтобы у заказчика правильное ожидание сложилось, и, соответственно, чтобы вы все это объясняли не на словах.
8:25 И так как мы с вами говорим о дизайне, стоит понимать, что у нас есть два вида референсов.
8:30 И первые из них - это стилевые референсы.
8:34 То есть, это референсы, которые мы собираем для того, чтобы показать стилистику, атмосферу, какие-то конкретные цвета, какие-то конкретные шрифты.
8:43 То есть, то, что касается визуала.
8:46 То есть, вот смотри, заказчик у тебя будет.
8:48 Вот что-то такое красное.
8:51 Вот будут какие-то там большие буквы, или я вот так с типографикой буду, как-то там интересно играть.
8:56 То есть заказчик понимает, это с точки зрения визуала.
9:00 Есть еще второй тип референсов, которые, кстати, чаще всего заказчикам не утверждаются: это функциональные референсы.
9:08 Это, например, примеры анимаций.
9:11 Это могут быть примеры каких-то интерактивов, но интерфейсных.
9:15 То есть, например, когда мы наводим на карточку товара, у карточки товара увеличиваются фотографии, или, например, на карточке товара появляются какие-то характеристики.
9:29 И, например, когда мы там на что-то нажимаем, происходит вот это.
9:34 То есть, это больше о функционале.
9:36 Если мы стеневые референсы собираем по принципу красиво, то функциональные мы собираем по принципу удобно.
9:44 То есть есть вот такие два важных отличия и различия.
9:48 И поэтому не стоит забывать о том, что функциональные референсы тоже нам нужны.
9:52 Вы можете в своем удборде мешать это все, и нет ничего плохого в том, чтобы в мудборде были и те, и другие.
9:58 Но, как это чаще происходит у нас, мы заказчику очень мало показываем каких-то функциональных референсов.
10:04 То есть, мы показываем там какие-то примеры анимации, но и то
10:09 А вот все, что касается интерфейса, мы вообще его стараемся в эти дебли не вести и такие штуки ему не показывать.
10:14 Но для себя мы обязательно это собираем, потому что собрать вот эти самые паттерны, как люди
10:22 кликают на кнопки, а удобно ли ему будет вот так, а вот этот слайдер удобный или нет - это очень важно.
10:28 И когда у вас есть эти паттерны, как пока у вас еще нет этой насмотренности, вы еще сами не понимаете, как это должно быть, их проще собрать для своего проекта и потом к себе внедрить.
10:38 Потому что, когда мы вообще говорим о интерфейсе, там лучше никого велосипед не изобретать и лучше сделать так, как будет понятно, удобно, ну, если мы не делаем что-то креативное, потому что иногда же задача может быть - наоборот, сделать такой интерфейс, чтобы человек такой Вау!
10:52 Но это для определенных целевых аудиторий и определенная задача должна быть у такого проекта.
10:57 Ну, и давайте про референсы.
10:58 Счасей я немножко подытожу, какие я могу дать вообще советы по работе с референсами.
11:04 Мы собираем референсы не для того, чтобы их скопировать.
11:07 Мы собираем референсы для того, чтобы собрать некий гибрид из того, что мы увидели, как-то переработать, и у нас получится своя работа.
11:16 Понятно, что в дизайне вы вряд ли создадите что-то принципиально новое.
11:19 За столько лет уже тяжело что-то выдумать.
11:22 Если мы говорим, как я вам уже сказала, о интерфейсе, то здесь скорее наоборот хорошо повторять какие-то привычные паттерны, какие-то привычные, ну прям вот интерфейсные вещи лучше действительно повторять.
11:35 Если мы говорим о визуале, то здесь мы копирование не приветствуем, и делать так не нужно.
11:41 Только если вы это делаете в рамках своего личного развития и просто копируете их в столб куда-то кладете.
11:47 Если мы говорим о коммерческих проектах или проектах для вашего портфолио, то копированием мы не занимаемся.
11:52 Именно поэтому мы собираем 5-10 референсов для разных задач.
11:57 Потому что, когда у нас есть, например, мне надо сделать блок отзывы, и я собрала только два референса.
12:04 Скорее всего, у меня получится просто копия.
12:07 Или одного, или второго.
12:08 В лучшем случае, я смогу сделать гибрид этих двух, но это ну, это как бы я просто скопировала два блока, поэтому я собираю очень-очень много референсов для того, чтобы.
12:20 О, вот здесь прикольная стрелка: о, а вот тут мне нравится, вот как композицион сложилось, что тут фотографии, тут как-то имя, тут еще что-то.
12:29 О, а вот здесь интересная анимация.
12:32 А вот тут мне нравится, что не знаю, там идет дальше переход, на другую страницу, и этот отзыв описан подробно.
12:39 То есть, когда у нас есть много решений, мы их собираем это в одно свое, и у нас получается ну как бы более уникальное, что ли - потому что совершенно уникальным его, наверное, сложно назвать.
12:50 То есть, для того, чтобы не делать эту самую копию, нам нужно много референсов для того, чтобы этот гибрид получился - а не просто синтез двух.
12:58 Следующее - это анализ.
13:00 Очень важно анализировать референсы.
13:02 Я этому посвящу прям такой отдельный блог этого подкаста, где я вам объясню, что такое анализировать и как эти самые референсы анализировать.
13:10 Но сейчас просто коротко объясню вам, что да, референсы действительно надо анализировать.
13:15 То есть, когда мы на работу смотрим, мы пытаемся понять, а почему дизайнер сделал вот эту карточку побольше, а вот эту поменьше.
13:23 Вот мне сейчас это удобно, или мне это неудобно?
13:26 Может быть, это плохое решение, и вот как тогда я его могу улучшить?
13:30 Но мы об этом подробнее поговорим.
13:32 Следующее - это искать вообще любые референсы и стилевые функциональные совершенно из разных областей.
13:39 Потому что когда мы начинаем сужать поиск свой, например, в лучшем случае, это когда только до сайтов.
13:46 То есть мы делаем мудборд на сайт и мы ищем только референсы сайты.
13:50 Но самый плохой вариант - это когда вы ищете сайты и еще по той же самой тематике, что у вас.
13:56 Понятное дело, что такая вещь, как анализ, вообще, того, что на рынке в конкретной нише существует, должна быть.
14:03 Но референсы не должны сузятся до этой самой тематики.
14:07 То есть я, конечно же, когда собираю мудборд, первым делом уйду и сначала смотрю по своей нише, что мне там нравится.
14:14 Но я этим не ограничиваюсь.
14:16 И я иду смотреть референсы дальше по совершенно другим, не связанным тематикам.
14:20 Если я делаю сайт для своей школы дизайна, это не значит, что я не пойду и не посмотрю на цветочный магазин.
14:27 Может быть, я там какое-то крутое решение найду?
14:29 Или пойду и посмотрю, не знаю, там, сайт какой-нибудь московской библиотеки.
14:36 То есть, очень важно не ограничиваться ни тематикой, ни видом продукта.
14:41 Как я вам уже сказала, референсами могут быть любые визуальные объекты.
14:46 На мой взгляд, очень важно собирать референсы высокого уровня.
14:50 По моему опыту и опыту моих учеников: когда вы собираете, ну вот какую-то примерную шкалу от 1 до 5 возьмем, когда вы собираете референсы третьего уровня, то есть референсы на троечку.
15:01 По то, что вы сами сейчас умеете делать только на троечку.
15:04 У вас получается еще хуже.
15:07 Потому что вы как бы этим вдохновились, но опыта еще мало, и как-то не так круто получилось, как на референсе.
15:14 Ну и, в общем, получилось на двоечку: если вы ищете референсы на пятерку, то есть вы смотрите на эти работы и думаете, о, ну я так никогда не смогу!
15:23 Все равно добавили свой модбург, то уже ваш дизайн будет в итоге на четверочку, потому что вдохновлялись вы крутой работой.
15:30 Да, у вас не получилось делать так же круто, возможно, и за опыта, а может, и получилось, кто его знает.
15:35 Но вы пытались себя вытягивать.
15:38 Но это работает примерно так же, как говорят, что если вы хотите быть миллионером, окружить себя миллионерами, ваше окружение делает вас.
15:44 Здесь примерно то же самое.
15:45 Вы окружаете себя крутыми референсами, на них смотрите, на них равняетесь, и тем самым ваш дизайн тоже становится хорошим.
15:53 То есть, я очень рекомендую вам не пытаться собирать референсы по принципу я так могу, а так я не могу.
16:00 Пытайтесь повышать, ну то есть, каждый день становитесь лучшей версией себя - в дизайне - это тоже работает.
16:06 Конечно же, очень важно оценивать референсы и собирать референсы не только стилевые, и оценивать их не только с точки зрения красоты, какой-то там гармонии, трендовости, количества лайков, да, но и вообще смотреть на их функциональность.
16:18 Удобно это, неудобно, потому что иногда можно найти какой-то крутой, красивый референс, где вы думаете, боже, как это вообще придумали, но ты не понимаешь, как это работает.
16:28 То есть, тебе может быть неудобно читать этот текст, или ты не понимаешь, а как здесь нажать на кнопку, а как же здесь перелистывание работает.
16:36 То есть обязательно референсы оценивайте с точки зрения функциональности удобно или неудобно, потому что это тоже, естественно, важно.
16:42 И последнее - мой личный совет - подписывайтесь референсы, которые вы собрали.
16:46 То есть, вы сделали скриншот какого-то сайта.
16:49 Подпишите, что вам понравилось в этом дизайне.
16:53 Например, вам понравилась цветовая гамма.
16:55 Или вам понравилось, как здесь написано заголовок.
16:58 То есть, там может быть какая-то фишка интересная.
17:00 Очень часто этап между мод-бордом и реализацией дизайна
17:07 посередине появляется пробел.
17:09 Потому что там заказчик, может быть, что-то долго утверждал, оплат не вносил и прочее.
17:14 И вы можете просто забыть, что вы вообще в этом референсе хотели использовать.
17:20 Для заказчика тоже будет, если вы мудборд утверждаете, он поймет, что вы здесь не цветовую гамму, хотите взять, а вы хотите взять здесь композицию, или наоборот.
17:28 Потому что вы можете смотреть на это с точки зрения шрифта, а заказчик думает, что вы отсюда берете цвет.
17:34 Так что мы обязательно вот это все прописываем и уточняем, потому что все мы в дизайне смотрим на разные совершенно вещи, и вас могут неправильно понять, так что подписи - это на мой взгляд - прям крайне важно.
17:44 Где вообще искать референсы?
17:46 Я в своем телеграм-канале Философия дизайна разместила пост с большой коллекцией разных сервисов для вдохновения.
17:55 Там есть просто сайты по типу Биханса, где там все в подряд собирается, там есть референсы только для мобильных приложений, там есть референсы для Ю-дизайна.
18:05 То есть, это когда мы смотрим именно на опыт взаимодействия пользователя.
18:10 Там огромная подборка, там, для постеров есть референсы, там огромная подборка в закрепленном сообщении находится этот пост.
18:17 Поэтому обязательно переходите в мой телеграм-канал.
18:20 Вы можете бить его в поиске философии дизайна и найти, либо ввести собак Софии Филиппова и найти его в телеграмме.
18:27 Там, кстати, я частенько сейчас позвучу много разных подборок интересных, и, собственно, там вы весь этот список сможете найти.
18:35 И хоть я и не заявляла это в теме этого подкаста, но когда мы говорим о референсах и когда мы говорим о насмотренности, все-таки важно затронуть тему мудборда.
18:45 Я не буду подробно про это говорить, потому что у меня и на Ютуб-канале есть большое видео, которое называется Как сделать мудборд.
18:51 Еще я недавно ходила в гости на канал Тиль, да, и там проводила вебинар на тему, как сделать мудборд.
18:58 Поэтому вы можете там посмотреть, если вас интересует именно тема создания мудборда.
19:02 Сейчас просто коротко объясню, что это и зачем, собственно, нужно его делать.
19:06 Когда мы говорим о референсах нам, то есть референс - это отдельный скриншот, но мы же собираем много-много-много.
19:13 И вот когда мы это как-то собираем, это называется муд-бордом - то есть доской настроения.
19:18 Если говорить каким-то простым языком, то это какой-то фрейм, какой-то документ, внутри которого все эти скриншот лежат, подписанные, аккуратненько, сложенные.
19:28 Модборд - его основная задача - это вообще передать настроение, показать стилистику для того, чтобы заказчик уже визуально более-менее представлял, какой будет у него проект.
19:39 Ну и, собственно, вы для того, чтобы тоже понимали, как визуально будет выглядеть этот проект.
19:44 И многие дизайнеры очень часто этот этап пропускают, потому что многие делают мудборды неправильно.
19:50 Вообще, когда мы говорим слово мудборд, его представляют следующим образом: это какой-то сборник красивых вдохновляющих картинок из Пинтерост, которые мы поместили для того, чтобы передать атмосферу.
20:02 Но это не так должно работать.
20:04 Мод-борд - это не просто красивые картинки, не знаю, там где-нибудь с цветовой палитрой, если она еще есть, какие-нибудь сбоку, и это не сборная, просто солянка референсов, которые там лежат где-то у вас с краю.
20:16 Модборд - это нормально оформленный документ, который имеет там определенную структуру.
20:24 Его у Ну, он понятен не только тому, кто его создал.
20:29 И это точно не какая-то подборка где-то на каком-то сайте.
20:34 Я почему говорю о том, что на моем ютуб-канале есть видео, и в тильду я ходила, рассказывала, потому что есть определенная механика создания мудборда.
20:42 Если вы до сих пор не делаете мудборды по какой-то причине или делаете, но вообще не понимаете, зачем их делать, то я очень рекомендую эти видео посмотреть, потому что у меня есть реальные отзывы.
20:51 Люди писали мне в личку, что они посмотрели это видео, начали делать мудборды вот так, и им стало проще делать дизайн потом.
20:58 Так что очень рекомендую вам эти видео посмотреть, если у вас что-то не так с этим этапом.
21:03 Но давайте перейдем, наверное, к самой главной теме всего этого подкаста: это как вообще развивать насмотренность.
21:09 Вообще, развитие насмотренности - это тема, которая постоянно находится в жизни дизайнера.
21:14 То есть, это не вещь, которую мы развили до какого-то уровня и как бы остановились.
21:19 То есть, это не как с английским, знаете, иногда говорят: вот вы достигли уровня, не знаю, там, преинтермедианта, и, собственно, все.
21:27 Мне этого достаточно.
21:28 Я вам больше не хочу изучать язык, но проходят годы и язык забывается без практики.
21:32 С насмотренностью то же самое.
21:34 То есть, если вы не знаете целый год своей жизни посвятили тому, что вы развивали насмотренность, через год, скорее всего, она у вас
21:43 В общем, история как с английским языком.
21:46 То есть, это навык, который постоянно надо поддерживать, невозможно сделать так, чтобы развили насмотренность до уровня преинтермедиант, интермедиант, и, собственно, все на этом мы заканчиваем.
21:55 Не так это работает.
21:57 Кроме этого, насмотренность - это не такая штука, как какой-то талант, врожденный, что типа я родилась чувством вкуса.
22:03 Не так это работает.
22:04 Насмотренность - это немножко не про чувство вкуса.
22:07 То есть, круто, когда у вас есть чувство вкуса, но это скорее тоже заложенное вашими родителями, возможно, вашим окружением.
22:13 То есть вы не родились такими, просто вы жили в тех условиях, где все было красиво, визуально.
22:18 То есть, может быть, ваша мама и стед водила вас по выставкам, ну или просто, не знаю, там красиво вас одевала, показывала вам крутые фильмы.
22:26 И, собственно, вы не родились таким, просто ваши родители были такими, и они вложили в вас это.
22:31 Так что это не штука, которая
22:35 мы в осознанном возрасте таким становимся, это нужно развивать.
22:39 Но когда человек только приходит в дизайн, чаще всего уровень его насмотренности условно равен нулю.
22:46 Как выглядит наша обычная жизнь?
22:48 Вот с точки зрения насмотренности?
22:50 Мы посещаем те сайты, которые мы посещаем.
22:52 Что это там может быть?
22:53 Ну, там, Вайлдберис, Озон, ну, не знаю, там, может быть, Яндекс.Музыку вы слушаете,, да заходите, Яндекс.почта какая-нибудь.
23:01 Может быть, вы пользуетесь там, еще где-нибудь что-нибудь заказываете?
23:06 Может быть, там читаете где-то какие-то статьи, форумы, может быть, какие-то.
23:11 Но смысл в том, что эти сайты не обладают каким-то крутым креативным дизайном, а некоторые вообще сайты, которыми вы можете пользоваться каждый день, выглядят просто ужасно.
23:22 Это если мы еще говорим в рамках России, то у нас очень многие сервисы выглядят очень круто.
23:29 Кто бы что ни говорил, но там приложения российских банков - это просто шедевр.
23:33 Потому что если открыть приложения турецких банков, ну, это такси?
23:38 А человек, вот каждый день вы заходите в Тинькофф банк и видите вот это.
23:43 А там люди в Турции заходят каждый день в Аки в банк.
23:47 И увидят вот это, неприкольно.
23:50 Их уровень насмотренности еще ниже получается.
23:53 То есть, от того, чем вы пользуетесь каждый день в обычной жизни, естественно, ваш уровень насмотренности на каком-то уровне становится.
24:00 Но проблема в том, что когда вы обычной жизнью живете, вы же на биханс не заходите, не начинаете там вдохновляться, что там за креативные проекты вообще появились.
24:07 Чаще всего вы просто чем обычно юзер пользуетесь, тем и вы пользуетесь.
24:12 Поэтому у вас рассмотренность никак не развивается.
24:15 То есть каждый человек, который просто приходит в дизайн, по-любому должен на смотренность развивать.
24:19 Вряд ли вы такой классный, что точно понимаете, что хорошо, что плохо.
24:23 Отчасти, конечно, понимаете, но скорее всего не на полный уровень.
24:28 Но если попытаться какими-то простыми словами вам объяснить, что вообще такое насмотренность, это какой-то
24:34 опыт, визуальный, который вы приобрели, пока смотрели там какие-то фильмы, или стали какие-то журналы, читали какие-то книги, опять же, смотрели какие-то сайты.
24:45 То есть, когда в вашей голове появляется какая-то копилка визуальных образов.
24:49 И у всех людей эта копилка наполнена разными вещами.
24:52 Как я вам уже сказала, да, мы в России заходим в банк Тинькофф, и это крутоее мобильно приложение, которое красивое.
24:58 И люди заходят в другой какой-то банк.
25:01 Ну, давайте там - вот есть в России - Россельхозбанк - отврастительный сайт, отвратительное приложение.
25:08 Вот они им, например, пользуются.
25:09 И каждый день они видят его.
25:11 То есть их визуальный опыт другой.
25:12 То есть, когда вы садитесь, сделать дизайн, вы пытаетесь, ну, как бы, из вот этой своей копилки достать какие-то визуальные образы и, собственно, собрать что-то свое.
25:22 И вот, когда в этой копилке не хватает этих образов, потому что вы мало смотрели сайтов, вы пользовались тем, что пользуетесь, да, но это обычно какой-то набор, но вы не идете там дальше смотреть какие-то крутые креативные проекты.
25:35 Например, которые собрали награды.
25:37 Соответственно, вы что-то подобное крутое делать не будете.
25:40 Вы сделаете что-то простое - то, что вы видели каждый день, по типу каких-то маркетплейсов и ваших банковских приложений.
25:48 для того, чтобы эта копилка ваша увеличилась и вы могли из головы брать как можно больше крутых идей, нужно развивать насмотренность.
25:56 И почему вообще это важно?
25:58 Потому что когда у вас не развитая насмотренность, вы начинаете из головы брать самые простые примитивные решения.
26:04 Ну, потому что пока в вашей копилке нет идей, нет образов.
26:09 И как это чаще всего выглядит?
26:10 Ну, вот, слева я заголовок помещу, с выключкой по левому краю.
26:14 Справа картинка у меня будет в формате ПНГ.
26:17 Ну и справа я фон какой-нибудь цветной кину.
26:19 И вот так выглядит 80% работ новичков.
26:23 Потому что берут из головы вместо того, чтобы собрать референсы.
26:27 А из головы мы берем чаще всего самое простое примитивное решение.
26:30 Именно поэтому я и топлю за то, что вы должны собрать референсы для того, чтобы развивать насмотренность.
26:36 Именно поэтому эти две темы связаны.
26:38 Для того, чтобы насмотренность развить, надо референсы собирать.
26:41 Одно без другого работать не может.
26:44 И я подготовила несколько вам два уровня развития насмотренности.
26:50 И первый - прямм совсе для новичков, кто только думает о том, чтобы стать дизайнером, а для того для тех, кто учится, может быть, сейчас, то есть для тех, кто еще пока не знает основ дизайна, не знает базовой теории дизайна.
27:06 И вот этот первый уровень прокачки насмотренности - я его называю повторение.
27:11 Я знаю, что очень многие эксперты считают, что повторение никак не развивает насмотренность.
27:17 Но пока вы на этапе Я только учусь, когда вы на этапе Я только думаю, чтобы стать дизайнером, у вас нет базы дизайна.
27:25 А эксперты говорят, что вы должны не просто смотреть референсы, вы должны анализировать.
27:29 Но когда у вас базы дизайна нет, вы не знаете, что анализировать, вы не знаете, как анализировать.
27:33 У вас нет базы, вы не знаете, хорошая это композиция или плохая.
27:36 Поэтому для того, чтобы время ценное, драгоценно не упускать, я предлагаю вам первый уровень прокачки на смотренности.
27:45 Во-первых, очень важный крутой навык - это просто механика работы в фигме.
27:51 Потому что когда вы что-то повторяете просто с картинки, вы сами все эти прямоугольники и квадратики рисуете, а не уже там готовые, да, где-то вы взяли, например.
28:01 То есть вы просто прокачиваете навык работы в фигме.
28:04 А если вы там позарились на какую-то работу посложнее, где-то там уже какие-то, может быть,
28:10 ну, есть как бы инструменты, надо использовать как-то определенным образом.
28:13 И, в общем, вам вообще надо было голову поломать, а как же мне вот этого эффекта добиться?
28:17 То есть вы, ну, еще сильнее ваш уровень работы в инструменте, в конту, графическом редакторе, повышаете.
28:25 Ну, то есть, вот вы увидели какую-то красивую работу.
28:28 Неважно, что это, там, постер какой-то.
28:30 Может быть, это вообще пост в социальной сети был, сайт какой-то.
28:34 И вы поняли, о, да, крутая работа!
28:37 Вы делаете скриншот, рекомендую блок один какой-то делать.
28:42 Не делайте всю работу целиком, очень много времени это отнимает.
28:47 какого-то уже смысла от повторения одного и того же уже не будет.
28:51 Так что какой-то один блок крутой из этого проекта, соответственно, берете и пытаетесь прям в фигме его повторить.
28:57 Вот прям пиксель в пиксель.
28:59 Да тошно Что нам это дает?
29:02 Во-первых, вы начинаете уже по-другому чувствовать какие-то отступы, размер шрифта.
29:09 То есть вы понимаете, ага, а заголовки вот такие большие, оказывается, должны быть.
29:14 А вот отступы тоже не 20 пикселей, побольше должны быть.
29:18 А вот тени что-то грязные, никто не рисует, что-то вот как-то без теней в основном все.
29:23 И как-то не 25 цветов на одном сайте.
29:27 То есть вы уже один раз повторили, второй раз повторили, третий раз повторили: видите вот эти определенные закономерности, у вас уже у самих будет рука подниматься, 48-й шрифт размер шрифта на заголовок ставить, а не 32.
29:40 Ну или даже 90-6-й, например.
29:43 То есть, вы из-за того, что постоянно повторяли-повторяли, вы набили руку на
29:48 определенную механику действий, и вы так или иначе будете сами за собой замечать, что в эту копилку эти образы у вас складывались, и вы тоже начали так делать.
29:57 Поэтому этот метод, хоть и не супер какой-то правильный с точки зрения дизайна,, то есть, да вы не анализируете, вы пока не понимаете, правильно, это неправильно, а почему такой цвет, а почему такой шрифт.
30:12 Но у вас еще и знаний этих нет.
30:13 Это равно примерно тому, что одно, когда вы прослушали лекцию преподавателя, другое, когда вы прослушали лекцию преподавателей, параллельно записывали важное.
30:22 И третье - это когда вы и лекцию прослушали и написали себе что-то.
30:25 И еще потом в конце вы эту лекцию перечитали, там себя в конспекте, например, или там взяли какую-то еще дополнительную литературу, прочитали.
30:32 То есть, для меня это примерно то же самое.
30:33 Одно, когда вы референсы просто зашли на биханс по листали, а другое, когда вы отобрали для себя три крутые работы, еще повторили их пиксель в пиксель.
30:42 Ну и конечно же, давайте мы перейдем с вами на второй уровень развития насмотренности, и мы к нему приступаем тогда, когда вы уже понимаете что-то в теории дизайна, то есть, когда вы действительно понимаете, что такое цветовые схемы, что такое там цветовая триада, вы понимаете, какая композиция хорошая, какая плохая.
31:00 То есть, когда вы уже правда имеете тот уровень, когда вы можете сказать: так вот это плохой дизайн, а это хороший.
31:05 Ну и, собственно, этот уровень называется анализ.
31:07 То есть, вы открываете себе ханс и берете, например, также три работы.
31:12 Вы смотрите их, анализируете, делаете какие-то выводы и, собственно, реализуете
31:19 эти выводы как бы в своем проекте.
31:22 Но самое сложное здесь - это вот этот второй этап: проанализировал.
31:27 Что значит, я проанализировал?
31:28 Что вообще в анализ нужно включить естественно, все, что касается теории дизайна, то есть вы должны отсмотреть композицию, хорошая, плохая, с точки зрения цвета на нее посмотреть, типографики, логики.
31:41 То есть, что с точки зрения структуры, логичная, понятная или там, я не знаю, блок цены до того, как рассказано о продукте, например.
31:49 Что там с точки зрения функционала, как он реализован?
31:53 Какие-то, может быть, мелкие детали, стилевые, которые там, мазки, какие-нибудь эффект пленки, что-нибудь такое.
31:59 Может быть, какие-то элементы повторяются на сайте?
32:02 Почему они повторяются?
32:04 А почему время от времени, не знаю,
32:08 какой-то красный квадрат здесь повторяется.
32:11 Что вам нравится в этом дизайне, что не нравится в этом дизайне, и какие у вас эмоции от увиденного.
32:16 То есть это вот такая инструкция по анализу: как вообще анализировать.
32:22 И самое важное, что должно быть в вашем анализе, это вопрос: почему?
32:26 То есть вы постоянно, когда вы смотрите дизайн, должны задавать вопрос: почему?
32:31 Почему была выбрана такая композиция, такой цвет, такой шрифт, такая логика, такой функционал?
32:38 Почему тут 4 карточки товара, а не 25?
32:41 То есть, какие-то такие вещи.
32:44 То есть, вы на все должны задавать вопрос: почему?
32:47 Или, например, последний вопрос, да, на который вы при анализе отвечаете: какие у вас эмоции от увиденного?
32:53 Например, так вот: я чувствую напряжение от этого дизайна.
32:57 Почему вы чувствуете напряжение?
32:58 То есть вы напряглись от того, что он, например, в черно-красных цветах он такой драйвовый, и вы так немножко напряглись, или вы напряглись от того, что он сложныйный, неудоб, непонятный вам, и вы напряглись именно от опыта взаимодействия с этим сайтом.
33:11 То есть, тут тоже важно.
33:13 Но, на мой взгляд, еще один есть очень важный вопрос у нас смотренности.
33:17 Потому что мы поговорили с вами про стиль, и чаще всего все говорят: о том, что вы прокачиваете насмотренность с точки зрения визуала.
33:25 Но почему-то все забывают о том, что мы же еще должны как-то прокачивать нашу Юикс насмотренность, потому что круто.
33:32 Вы научились делать красиво, а как научиться делать удобно?
33:35 Для этого тоже существует насмотренность, только насмотренность с точки зрения Уикса, с точки зрения оптопроектирования интерфейса, и как же, собственно, нам Уикс насмотренность прокачать.
33:47 Здесь, на мой взгляд, все немножко сложнее, потому что здесь мы можем научиться точнее, прокачать насмотренность, только с помощью просмотр живых продуктов.
33:57 То есть, вам нужно постоянно искать какие-то лучшие решения.
34:00 Это на вашем смартфоне постоянно все самые новые приложения, которые только выходят.
34:05 Я имею в виду, они вам могут быть не нужны.
34:09 у вас нет прав, но вы скачиваете себе приложение Яндекс.Драй, Дели-Мобиль и прочее для того, чтобы получить опыт, взаимодействия с их приложением.
34:19 Потому что вы дизайнер, вам надо видеть какие-то новые решения.
34:22 То есть вам это не нужно, но вы все равно это качаете, потому что ну, вам это надо, как бы, по работе.
34:29 Если вдруг у вас нужен какой-то конкретный референс, например, вам нужно реализовать
34:39 Вы пытаетесь найти какие-то приложения, которые так или иначе связаны с календарем.
34:44 Вы представляете, что это есть календарь, скачиваете себе какие-то там приложения для бронирования и путешествий, например, смотрите, как это реализовано.
34:50 Сохраняете из разных приложений, как это, собственно, там у них выглядит.
34:56 И следующий этап: вам нужно постоянно стараться следить за какими-то новыми продуктами и постоянно сохранять и анализировать.
35:06 насренностью, с прокачкой именно визуальной насмотренностью мы тоже постоянно сидим на бихансе, мы не то, что, как я вам сказала, один год мы насели, прокачали и забыли, здесь то же самое.
35:18 То есть вам надо постоянно за новыми продуктами следить, то есть что-то какая-то компания выпустила, вышло какое-то новое приложение, вышел какой-то новый сайт, вы пошли взаимодействовать с ним, как это работает.
35:28 Ну и, собственно, как нам анализировать уже наши уикс-референсы?
35:33 Потому что принцип примерно тот же самый.
35:35 То есть, мы собираем много-много уиз референсов, например, там 10-15 штук.
35:41 И наша задача - ну, давайте, календарь, мы 10 каких-то выбрали сайтов и приложений, где мы знаем, что точно календарь будет реализован.
35:51 Соответственно, мы их отсматриваем, везде находим этот самый календарь, и мы из 10, 15 оставляем
36:00 8-7, там, где он реализован лучше всего, там, где нам и удобные, и красивые, и все все-все-все, чтобы просто было немного, это все было.
36:07 Ну, или там 5, например.
36:09 Ну, дальше, собственно, нам надо разные сценарии с этим элементом воспроизвести.
36:14 То есть, мы там нажимаем, даты как-то выделяем, ну, то есть, взаимодействуем, собственно, с этим элементом и записываем видео.
36:22 Потому что интерфейс лучше всего работает при взаимодействии.
36:26 То есть, тут не получится, как в визуале, просто сделали скриншот и все.
36:29 Интерфейс - это взаимодействие.
36:31 Взаимодействие - это анимация, это какие-то действия.
36:33 Не получится понаделать скриншотов.
36:35 И, собственно, вот так.
36:37 Надо записывать видео.
36:39 Поэтому, когда мы прокачиваем насмотренность, мы работаем с видеоформатом.
36:43 Ну и, конечно же, как без этапа анализа, то есть, вы просмотрели эти календари, что вот тут крутого в этом календаре?
36:49 А можно ли как-то улучшить этот еще календарь?
36:52 А вот в этом календаре что плохого?
36:54 А как докрутить, чтобы он был еще круче?
36:56 То есть, мы обязательно именно с этой точки зрения ук-референса смотрим.
37:00 То есть, если вы поняли, что вот тут косяк - как косяк исправить.
37:05 И, собственно, в своем интерфейсе вы этот косяк уже не допускаете.
37:09 Ну, и, кстати, храните эти уиз референсы на самом деле удобнее всего в каком-то вашем частном закрытом телеграм-канале, потому что это бесплатно, это не забивает память вашего телефона или вашего компьютера.
37:20 Ну и, собственно, это всегда у вас под рукой, вы открыли телеграм в любом устройстве и вернулись к вашим референсам.
37:27 Единственное, когда вы делаете видео, да, вы там, например, вот там приложение, самокат, удобно, то-то, то-то.
37:33 То есть вы отправляете видео, ваш закрытый телеграм-канал, подписывайтесь.
37:36 Опять же, как с визуальными референсами вам тут понравилось.
37:39 И я вам очень рекомендую ставить хэштеги для того, чтобы вы потом могли находить.
37:43 То есть, например, если вы понимаете, так вот это мобильное приложение, так ставим хэштег мобайл, и это, например, каталог.
37:50 Ну или, не знаю, там крутая анимация.
37:57 Короче, сделайте сами для себя рубрики для того, чтобы вам потом проще было эти референсы искать и собирать.
38:04 Но, знаете, наверное, я все-таки хочу немножко поговорить в этом подкасте про тренды.
38:11 Я уже с таймингом слегка подзатянула, но тем не менее.
38:15 Если говорить о современных трендах, какие я могу вообще дать советы, рекомендации и, собственно, обсудить, как могу я с вами эту тему?
38:24 Во-первых, стоит понимать, что у нас есть коммерческий дизайн - это дизайн для наших клиентов.
38:29 И у нас есть фестивальный дизайн - или так называемый дизайн для дизайнеров.
38:35 Это когда мы делаем крутой, очень какой-то вау дизайн!
38:40 И отправляем его на всякие конкурсы, выкладываем в социальные сети, публикуем в наших кейсах.
38:47 Для того, чтобы собрать много лайков, для того чтобы собрать ухи-вздохи наших коллег.
38:52 Ну и, собственно, это такая, знаете, работа
38:56 привлекала внимание.
38:58 Но работа это чаще всего на наших коллег, а не на заказчиков.
39:03 Опять же, если говорить здесь: по моему опыту,, работа которые у нас, например, находятся в Мейден Тильда, наших заказчиков они не так, чтобы прям сильно привлекают.
39:14 Их привлекает то, что у нас есть мейден Тильда.
39:16 Но сама эта работа для них
39:20 примерно такая же, как и без мейднунтиль.
39:22 А иногда даже они говорят, что типа, блин, ну это
39:26 уже слишком нам попроще.
39:29 Так что очень четко стоит отделять ваши проекты для ваших клиентов, где очень важна конверсия, удобство, подходит ли это целевой аудиторией и фестивальный дизайн - там, где мы пытаемся впечатлить наших коллег и собрать много лайков - это разные вещи.
39:46 И тренды у нас идут в категорию фестивального дизайна.
39:51 Именно там мы реализуем весь наш потенциал - какие-то навороты, приколы и прочее.
39:57 А когда мы говорим о тех проектах, где самая важная прибыль, там мы работаем по-другому, там мы работаем с удобством, там мы работаем с понятностью, и какие-то, возможно, наши креативности стоят на второй план отложить.
40:11 И если все-таки затронуть тему трендов, то самый устойчивый тренд, на мой взгляд, это чистые, аккуратные, понятные и удобные сайты.
40:21 Это можно назвать минимализмом, но это не обязательно минималистичные сайты.
40:26 Это четыре прилагательных, которые должны быть в вашем дизайне, и он при этом был современным.
40:34 Он не трендовый, понимаете, он современный.
40:37 Что я подразумеваю под этим?
40:39 Это когда ваш дизайн соответствует всем базовым требованиям дизайна.
40:44 То есть у него нормальный отступ, текст легко читается, соблюдена какая-то иерархия, он ну как бы визуально причесанный, так скажем.
40:52 Ну, вот знаете, когда
40:56 ребенок, как бы рос в бедной семье, но он одет просто, но он аккуратен.
41:02 Вот у него там все поглажено, не знаю, там он чистенький, аккуратненький косички.
41:06 Там девочки сплетили.
41:08 вот я про такой дизайн.
41:09 То есть, когда там ни крутили, ни вертели, ни сумка, гучи, ни еще чего-нибудь - красивый, аккуратный ребенок или сайт в конкретно нашем случае.
41:18 Это если говорить про тренды.
41:20 Тренды мы идем и используем в наших проектах для наших коллег.
41:23 Когда мы делаем наши коммерческие продукты, мы стараемся делать так, чтобы продукт принес клиентов.
41:30 Чаще всего тренды не приносят клиентов.
41:33 Но если вы хотите чего-то более подробного про тренды, то каждый Новый год я снимаю видео там тренды 23-го, тренды 2024 года.
41:42 Ну, вот сейчас можете посмотреть про тренды 2024 года.
41:45 Там конкретные есть примеры, конкретные референсы.
41:48 Это все есть на моем ютуб-канале.
41:50 Если вам эта тема интересна, хотите что-то визуально прикольное посмотреть, вот именно прикольное.
41:55 Вот я думаю, тренды можно вот так описать.
41:57 Ну и не забывайте, что для листа предзаписи, листа ожидания на наш курс Юкс-Ю-Дизайн будет действовать минимальная цена, потому что записывайтесь в него, если вы хотите.
42:06 В этом году освоить профессию у Ю-Ай-дизайнера.
42:09 А я все, что хотела вам рассказать, рассказала, потому что мы с вами обсудили сегодня и референс, и мудборд, и насмотренность, и ЮХ-насмотренность даже.
42:18 В общем, мне кажется, много всего получилось в этом выпуске.
42:21 От этого он, наверное, должен быть для вас полезным.
42:23 Если это было так, то напишите в комментариях: спасибо, если вы смотрите это на Ютубе.
42:28 Если вы смотрите это, точнее, слушайте на аудиоплощадках, то поставьте звездочку или сердечко.
42:33 Ну и обязательно подписывайтесь на мой телеграм-канал, потому что там вас ждет сборник ресурсов, где вы можете прокачивать свою насмотренность.
42:41 Ну и вообще, там уже много разных подборок собралось.
42:43 Так что подписывайтесь, там правда много полезно.
42:45 Ну и мы увидимся с вами в следующих выпусках.
Комментарии
Войдите, чтобы оставить комментарий.