Понедельник — отличное время для вдохновения на новые подвиги. Лови подборку сайтов, где над анимацией потрудились как следует.
Мы недавно проводили опрос в группе PSD в ВК про дизайн новых купюр номиналом 200 и 2 000 рублей. Большинство считает дизайн средненьким или совсем плохим.
А как вам альтернативный взгляд фрилансера Егора Шабанова?
А как вам альтернативный взгляд фрилансера Егора Шабанова?
Привет! У нас бомбические новости 💣 PSD приготовило для тебя онлайн-интенсив Design Line.
Только представь, что совсем необязательно куда-то ехать или идти, чтобы пообщаться с гуру дизайн-индустрии. Они придут прям к тебе домой и расскажут о многих тонкостях дизайна.
▪️ с 13 по 17 ноября каждый вечер две трансляции подряд с двумя топовыми спикерами (записи трансляций останутся у участников)
▪️ общий чат в Telegram с другими участниками, где можно выжать максимум пользы для себя (по секрету: даже некоторые спикеры будут в этом чате)
▪️опыт ведущих студий, дизайнеров, арт-директоров
Купить билет можно тут: vk.cc/7gYHYW.
🔥И согласись, круто читать наш Telegram, потому что только у наших читателей есть уникальный промокод на скидку аж в 20%: PSDTG.
Введи его при покупке билета и получишь скидку.
До встречи на Design Line👋
Только представь, что совсем необязательно куда-то ехать или идти, чтобы пообщаться с гуру дизайн-индустрии. Они придут прям к тебе домой и расскажут о многих тонкостях дизайна.
▪️ с 13 по 17 ноября каждый вечер две трансляции подряд с двумя топовыми спикерами (записи трансляций останутся у участников)
▪️ общий чат в Telegram с другими участниками, где можно выжать максимум пользы для себя (по секрету: даже некоторые спикеры будут в этом чате)
▪️опыт ведущих студий, дизайнеров, арт-директоров
Купить билет можно тут: vk.cc/7gYHYW.
🔥И согласись, круто читать наш Telegram, потому что только у наших читателей есть уникальный промокод на скидку аж в 20%: PSDTG.
Введи его при покупке билета и получишь скидку.
До встречи на Design Line👋
Чего только не делают, чтобы облегчить нам, дизайнерам, жизнь. И это круто!
Вот, например, создатели MyFonts разработали мобильное приложение для распознования шрифтов. Эдакий Shazam для шрифтов.
Скачать и потестить можно тут:
Google Play https://play.google.com/store/apps/details?id=com.monotype.whatthefont
AppStore https://itunes.apple.com/us/app/whatthefont/id304304134?mt=8
Вот, например, создатели MyFonts разработали мобильное приложение для распознования шрифтов. Эдакий Shazam для шрифтов.
Скачать и потестить можно тут:
Google Play https://play.google.com/store/apps/details?id=com.monotype.whatthefont
AppStore https://itunes.apple.com/us/app/whatthefont/id304304134?mt=8
В IBM презентовали свой фирменный шрифт IBM Plex. В планах у компании сделать шрифт доступным на 110 языках, с засечками и без засечек. А главное – этот шрифт может скачать и применять каждый.
Вот здесь можно посмотреть достаточно содержательную и полезную презентацию шрифта с описанием процесса создания: https://vk.cc/7lPb2a
Скачивайте и изучайте новый шрифт.
Как вам IBM Plex?
Вот здесь можно посмотреть достаточно содержательную и полезную презентацию шрифта с описанием процесса создания: https://vk.cc/7lPb2a
Скачивайте и изучайте новый шрифт.
Как вам IBM Plex?
У Шоколадницы ребрендинг. Что скажете?
Здесь можно посмотреть, как всё будет выглядеть с новым фирстилем: http://sh.agency/en/works/shoko/
Здесь можно посмотреть, как всё будет выглядеть с новым фирстилем: http://sh.agency/en/works/shoko/
Все наверняка слышали о AWWWARDS, как об источнике вдохновения.
Туда можно зайти, поглазеть на крутые сайты, но очень сложно найти что-то целенаправленно (допустим, хотите посмотреть, как можно круто оформить страницу с товарами).
▪️Немногие знают, что ребята из AWWWARDS делают специальные галереи (подборки) на основе всех сайтов дня. Держите ссылочку: https://www.awwwards.com/awwwards/collections/
▪️Не хватает идей, как сделать клёвое меню на сайте? Ловите ещё одну ссылку: https://www.awwwards.com/awwwards/collections/menu/
▪️Надоели обычные галереи на сайте? Не благодарите: https://www.awwwards.com/inspiration/5a12a126e138234baa5bbbbb
Туда можно зайти, поглазеть на крутые сайты, но очень сложно найти что-то целенаправленно (допустим, хотите посмотреть, как можно круто оформить страницу с товарами).
▪️Немногие знают, что ребята из AWWWARDS делают специальные галереи (подборки) на основе всех сайтов дня. Держите ссылочку: https://www.awwwards.com/awwwards/collections/
▪️Не хватает идей, как сделать клёвое меню на сайте? Ловите ещё одну ссылку: https://www.awwwards.com/awwwards/collections/menu/
▪️Надоели обычные галереи на сайте? Не благодарите: https://www.awwwards.com/inspiration/5a12a126e138234baa5bbbbb
В дизайне важно следовать правилам своего UI кита. Если на странице не соблюдены отступы, баланс между блоками или неправильно выбран подход к реализации в целом — конверсия может серьёзно упасть. Как этого избежать?
Статья в помощь для начинающих UI UX: http://telegra.ph/Kompoziciya-11-23
Ещё больше полезного материала найдёте на этом канале 👉 https://t.me/UXUI_design
Статья в помощь для начинающих UI UX: http://telegra.ph/Kompoziciya-11-23
Ещё больше полезного материала найдёте на этом канале 👉 https://t.me/UXUI_design
Telegraph
Композиция
Часто страницы сайта у новичков дизайнеров выглядят несбалансированное. Блоки либо очень большие, либо очень мелкие. Бывают и сами по себе странной формы. Такие ошибки приводят к небрежности и воспринимаются пользователем трудно. Взгляд не скользит по странице…
Прокачка своих скиллов — дело необходимое 💪
Ребята из самой топовой премии России Tagline ведут свой календарь событий в мире Digital: https://tagline.ru/events/
Можно отфильтровать по категориям (дизайн, маркетинг, разработка и т.д.), цене и местоположению.
Как показывает практика, модерацию проходят не все мероприятия, и от этого календарь становится ещё ценнее.
А вы знали, пользовались?
Ребята из самой топовой премии России Tagline ведут свой календарь событий в мире Digital: https://tagline.ru/events/
Можно отфильтровать по категориям (дизайн, маркетинг, разработка и т.д.), цене и местоположению.
Как показывает практика, модерацию проходят не все мероприятия, и от этого календарь становится ещё ценнее.
А вы знали, пользовались?
Глаз замылился
В разработке дизайна, когда занимаешься постоянно одним и тем же проектом, наступает момент, когда дизайнер чувствует уверенность в том, что он делает и все меньше уделяет времени на проверку своей работы на ошибки.
Так возникает несоответствие стандартов, банальные ошибки и просто теряется целостность всего проекта.
Как быть?
▪️Делайте перерывы между проектами, старайтесь чередовать проекты по дням. Во-первых, вам это даст возможность «отдыхать» от проекта, а во-вторых, смотреть на проект уже с новыми силами и настроем.
▪️ Если вы дизайнер в компании, советуйтесь с коллегами, не бойтесь показывать им ваш труд, попросите фидбек. Критиковать все могут, а вам это на пользу.
▪️ Перед тем, как что-то сделать в проекте, спросите себя, для чего вы это делаете. А поможет ли это людям, для которых вы это делаете?
Простые истины, а так помогают.
В разработке дизайна, когда занимаешься постоянно одним и тем же проектом, наступает момент, когда дизайнер чувствует уверенность в том, что он делает и все меньше уделяет времени на проверку своей работы на ошибки.
Так возникает несоответствие стандартов, банальные ошибки и просто теряется целостность всего проекта.
Как быть?
▪️Делайте перерывы между проектами, старайтесь чередовать проекты по дням. Во-первых, вам это даст возможность «отдыхать» от проекта, а во-вторых, смотреть на проект уже с новыми силами и настроем.
▪️ Если вы дизайнер в компании, советуйтесь с коллегами, не бойтесь показывать им ваш труд, попросите фидбек. Критиковать все могут, а вам это на пользу.
▪️ Перед тем, как что-то сделать в проекте, спросите себя, для чего вы это делаете. А поможет ли это людям, для которых вы это делаете?
Простые истины, а так помогают.
Следовать трендам — это круто или нет?
Почти каждый из нас имеет профиль на Behance, Dribbble, заходят на AWWWARDS, FWA и ток далее (если ещё нет, то сделайте это немедленно).
Все мы стараемся сделать стильно, модно и вообще вау. Но, к сожалению, мы забываем о главном — о людях, которые будут этим пользоваться. Не важно, используете ли вы в проекте крутую анимацию, стильные флэт иконки или вообще видео на фоне сайта — если это не помогает пользователю продукта, а лишь отвлекает, вы проделали ненужный труд.
Важно, используя последние тренды, добиваться того, что вы сквозь эти все новшества будете подталкивать пользователя к конечной цели (продажи продукта или услуги).
Не забывайте об этом ☝️
Почти каждый из нас имеет профиль на Behance, Dribbble, заходят на AWWWARDS, FWA и ток далее (если ещё нет, то сделайте это немедленно).
Все мы стараемся сделать стильно, модно и вообще вау. Но, к сожалению, мы забываем о главном — о людях, которые будут этим пользоваться. Не важно, используете ли вы в проекте крутую анимацию, стильные флэт иконки или вообще видео на фоне сайта — если это не помогает пользователю продукта, а лишь отвлекает, вы проделали ненужный труд.
Важно, используя последние тренды, добиваться того, что вы сквозь эти все новшества будете подталкивать пользователя к конечной цели (продажи продукта или услуги).
Не забывайте об этом ☝️
Поиск 🔎
В наше время, если ты не можешь быстро сориентироваться на сайте и найти нужную тебе информацию, ты просто идёшь на другой сайт, где это более удобно. Поиск на сайте — незаменимая вещь, особенно для крупных интернет-магазинов или сервисов (таких, как банк или соц.сеть).
Но даже если ваш поиск будет стабильно работать и выдавать результат пользователю, это не является гарантией успеха. Сама по себе подача материала будет разной.
Рассмотрим пример одинакового запроса среди крупных интернет магазинов электроники в России (см. картинку).
Есть поиск, есть превью возможных запросов. Но на картинке №2 поиск показывает сразу возможные модели, а главное — их изображение. Сам по себе поиск тут является неким персонализированным меню, у которого есть ряд преимуществ по сравнению с картинкой №1:
▪️Во-первых, наглядность. Сразу видно, что мы оказались там, где нужно. Вот и холодильник (даже несколько), и их названия. Потеряться невозможно.
▪️Во-вторых, тебе сразу дают вариацию по холодильникам и ты сам того не замечаешь, как начинаешь просчитывать «А мне нужен белый или черный холодильник?», смотря на превьюшки товара, ты уже думаешь продолжить общение с сайтом.
▪️В-третьих, вы даёте возможность пользователю понять, какой товар наиболее популярен, так как в большинстве случаев выдача товаров даётся на основании статистики сайта (просмотр страницы товара).
В наше время, если ты не можешь быстро сориентироваться на сайте и найти нужную тебе информацию, ты просто идёшь на другой сайт, где это более удобно. Поиск на сайте — незаменимая вещь, особенно для крупных интернет-магазинов или сервисов (таких, как банк или соц.сеть).
Но даже если ваш поиск будет стабильно работать и выдавать результат пользователю, это не является гарантией успеха. Сама по себе подача материала будет разной.
Рассмотрим пример одинакового запроса среди крупных интернет магазинов электроники в России (см. картинку).
Есть поиск, есть превью возможных запросов. Но на картинке №2 поиск показывает сразу возможные модели, а главное — их изображение. Сам по себе поиск тут является неким персонализированным меню, у которого есть ряд преимуществ по сравнению с картинкой №1:
▪️Во-первых, наглядность. Сразу видно, что мы оказались там, где нужно. Вот и холодильник (даже несколько), и их названия. Потеряться невозможно.
▪️Во-вторых, тебе сразу дают вариацию по холодильникам и ты сам того не замечаешь, как начинаешь просчитывать «А мне нужен белый или черный холодильник?», смотря на превьюшки товара, ты уже думаешь продолжить общение с сайтом.
▪️В-третьих, вы даёте возможность пользователю понять, какой товар наиболее популярен, так как в большинстве случаев выдача товаров даётся на основании статистики сайта (просмотр страницы товара).
Работа в команде эффективнее
Почти перед каждым дизайнером стоит выбор: работать дома на фрилансе или работать в студии. Как правило, поработав в студии, человек уходит на фриланс, думая, что ему уже никто не нужен, а студия только гасит его талант.
Рассмотрим плюсы и минусы:
Плюсы:
+ у тебя нет начальника, который говорит тебе, что делать;
+ у тебя свободный график — можешь выбирать, что делать и когда делать.
Парадокс. Эти плюсы являются и минусами тоже:
- ты будешь сам себе начальник. Это круто, но из-за этого ты не будешь видеть собственных ошибок, показать их тебе попросту некому. Твой опыт и уровень профессионализма будет оцениваться только тобой, а это замкнутый круг;
- свободный график — тяжелая ноша, не все справляются и грамотно могут распределить своё время;
- набрав заказов на фрилансе, тебе нужно определить сроки их выполнения и расставить приоритеты. Кому-то нужен результат на этой неделе, а вчера заказали проект, который нужно сделать за 2 дня. К сожалению, выбирают за тебя, что и когда делать.
Фриланс — это отличная возможность прийти к тому, что работа в студии намного эффективнее.
P.S. Полезны вам такие заметки?
Почти перед каждым дизайнером стоит выбор: работать дома на фрилансе или работать в студии. Как правило, поработав в студии, человек уходит на фриланс, думая, что ему уже никто не нужен, а студия только гасит его талант.
Рассмотрим плюсы и минусы:
Плюсы:
+ у тебя нет начальника, который говорит тебе, что делать;
+ у тебя свободный график — можешь выбирать, что делать и когда делать.
Парадокс. Эти плюсы являются и минусами тоже:
- ты будешь сам себе начальник. Это круто, но из-за этого ты не будешь видеть собственных ошибок, показать их тебе попросту некому. Твой опыт и уровень профессионализма будет оцениваться только тобой, а это замкнутый круг;
- свободный график — тяжелая ноша, не все справляются и грамотно могут распределить своё время;
- набрав заказов на фрилансе, тебе нужно определить сроки их выполнения и расставить приоритеты. Кому-то нужен результат на этой неделе, а вчера заказали проект, который нужно сделать за 2 дня. К сожалению, выбирают за тебя, что и когда делать.
Фриланс — это отличная возможность прийти к тому, что работа в студии намного эффективнее.
P.S. Полезны вам такие заметки?
Сложный клиент
Все люди разные, в том числе и заказчики. Кому-то нужен сайт для завода по переработке отходов, а кому-то логотип для детского магазина. Эти два примера отличаются между собой настроением, целями, которые преследуют заказчики, ценой и подходом.
С самого первого разговора вы понимаете, на одной вы волне или нет. Будет ли заказчик прислушиваться к вам, или наоборот будет просить «поиграть со шрифтом», какие примеры дизайна ему нравятся и совпадают ли они с вашим настроением по проекту, понимает ли он вообще, что он хочет или «вы дизайнер, вы и решайте (ну, а потом как всё будет сделано, я все-таки скажу, как надо)» и т.д.
Если на этом этапе нет никаких проблем, у вас на 99% получится качественный продукт, который будет устраивать и клиента и вас.
Что делать если всё наоборот?
1. Задать свои правила игры. Вы должны объяснить клиенту, что это он к вам обратился как к профессионалу, а не наоборот. Не нужно бояться, вы строите фундамент для ваших дальнейших отношений. Как вы себя поставите прямо сейчас, так и будет идти работа всего проекта.
2. Отказаться от проекта. Да-да, не нужно гнаться за деньгами. Как правило, затраты на проект (время, нервы и сам результат) не окупаются и приходит понимание, что работа сделана в стол, а вы с каждой секундой всё больше ненавидите этот проект. Кому от этого лучше? Никому.
3. Увеличить цену услуг минимум вдвое, тем самым покрыть расходы времени и нервов.
И будет вам счастье 😉
Все люди разные, в том числе и заказчики. Кому-то нужен сайт для завода по переработке отходов, а кому-то логотип для детского магазина. Эти два примера отличаются между собой настроением, целями, которые преследуют заказчики, ценой и подходом.
С самого первого разговора вы понимаете, на одной вы волне или нет. Будет ли заказчик прислушиваться к вам, или наоборот будет просить «поиграть со шрифтом», какие примеры дизайна ему нравятся и совпадают ли они с вашим настроением по проекту, понимает ли он вообще, что он хочет или «вы дизайнер, вы и решайте (ну, а потом как всё будет сделано, я все-таки скажу, как надо)» и т.д.
Если на этом этапе нет никаких проблем, у вас на 99% получится качественный продукт, который будет устраивать и клиента и вас.
Что делать если всё наоборот?
1. Задать свои правила игры. Вы должны объяснить клиенту, что это он к вам обратился как к профессионалу, а не наоборот. Не нужно бояться, вы строите фундамент для ваших дальнейших отношений. Как вы себя поставите прямо сейчас, так и будет идти работа всего проекта.
2. Отказаться от проекта. Да-да, не нужно гнаться за деньгами. Как правило, затраты на проект (время, нервы и сам результат) не окупаются и приходит понимание, что работа сделана в стол, а вы с каждой секундой всё больше ненавидите этот проект. Кому от этого лучше? Никому.
3. Увеличить цену услуг минимум вдвое, тем самым покрыть расходы времени и нервов.
И будет вам счастье 😉
С пылу с жару 🔥
В гостях у Дудя Артемий Лебедев.
Почему Тиньков назвал Лебедева мудаком? Что Артемий думает про дизайн айфона? Какими своими логотипами гордится Лебедев? Эти и другие ответы по ссылке 👇
https://www.youtube.com/watch?v=b9i0tWSuSac
В гостях у Дудя Артемий Лебедев.
Почему Тиньков назвал Лебедева мудаком? Что Артемий думает про дизайн айфона? Какими своими логотипами гордится Лебедев? Эти и другие ответы по ссылке 👇
https://www.youtube.com/watch?v=b9i0tWSuSac
YouTube
Артемий Лебедев - магистр мата и отец 10 детей / вДудь
Купи систему VR HTC VIVE на официальном сайте и получи бесплатную копию игры Fallout 4 VR сразу после релиза. Подробности: https://www.vive.com/
Канал Лебедева - https://www.youtube.com/user/temalebedev
Инстаграм Дудя - https://www.instagram.com/yurydud/
Канал Лебедева - https://www.youtube.com/user/temalebedev
Инстаграм Дудя - https://www.instagram.com/yurydud/
PANTONE назвала цвет 2018 года — 18-3838 Ultra Violet
Эксперты говорят, что этот оттенок отражает оригинальность, изобретательность и дальновидное мышление, указывающее на будущее.
«Сложный и созерцательный, ультрафиолетовый символизирует тайны космоса, интригу того, что впереди, и открытия за пределами того, где мы сейчас находимся», — говорят в PANTONE.
В 2017 цветом года был оттенок greenery (светло-зелёный, цвет первой травы).
Эксперты говорят, что этот оттенок отражает оригинальность, изобретательность и дальновидное мышление, указывающее на будущее.
«Сложный и созерцательный, ультрафиолетовый символизирует тайны космоса, интригу того, что впереди, и открытия за пределами того, где мы сейчас находимся», — говорят в PANTONE.
В 2017 цветом года был оттенок greenery (светло-зелёный, цвет первой травы).
Нашли нереально полезную штуку — плакат «Носители фирменного стиля».
Это хорошая шпаргалка для каждого дизайнера: вот нужно вам продумать дизайн корпоративных сувениров, а каких именно вам не сказали. В голове только ручка и блокнот. Загляните на плакат.
Авторы постарались на славу и не только прописали носители фирменного стиля для 14 категорий (упаковка, места продаж, документация и т.д.), но и указали функции каждого носителя, распределили их по стоимости разработки и внедрения и длительности использования.
Разбираем 👇
Это хорошая шпаргалка для каждого дизайнера: вот нужно вам продумать дизайн корпоративных сувениров, а каких именно вам не сказали. В голове только ручка и блокнот. Загляните на плакат.
Авторы постарались на славу и не только прописали носители фирменного стиля для 14 категорий (упаковка, места продаж, документация и т.д.), но и указали функции каждого носителя, распределили их по стоимости разработки и внедрения и длительности использования.
Разбираем 👇
Скрытое меню на сайте — плохо или хорошо?
Скрытое меню (или «бургер», как его ещё называют) можно часто встретить на сайтах. И нам с вами оно уже кажется неотъемлемой частью интерфейса. Оно помогает держать кучу разделов в одном месте, делает сайт «чище», его легко вписать в дизайн сайта и вообще — это лучший друг дизайнера.
Но что делать людям, не искушенным дизайном, тенденциями. Они же привыкли к обычному меню вверху страницы, как быть?
Обычным пользователям, которые зашли на ваш сайт и изо всех сил пытаются найти нужную вкладку вверху сайта, не нужна красота, единство и лаконичность в дизайне. Им нужен товар, и они хотят его максимально быстро найти. Метод «тыка» он скорее всего найдет «бургер», и перед ним откроется вся карта сайта.
А что если он не будет искать (так чаще всего и бывает)? Правильно — он уйдет, а вы потеряете клиента.
Вы предлагаете отказаться от «бургера»?
Нет, мы предлагаем ориентироваться на аудиторию, которая будет заходить к вам на сайт.
1. Люди, которые целенаправленно к вам будут заходить. Например, на сайт дизайн-агентства, они пришли поглазеть и их вряд ли остановит «бургер», а наоборот оценят вашу креативность и нестандартный подход к построению навигации на сайте. Или представим, что вам хороший знакомый, порекомендовал компанию по установке дверей. Да даже если у них вообще будет черный экран на сайте, он найдёт способ связаться с ними.
2. Люди, которые ещё находятся в поисках нужного им товара. Клиент ищет себе домой телевизор, заходит на один сайт, на другой. С сайтов, где он не находит нужной ему информации, он просто-напросто уходит, потому что перед ним ещё 10 открытых сайтов, где он может сделать это быстрее. А самое главное — они в равных условиях, ведь ему никто ничего не рекомендовал, как в первом случае.
Подведём итоги. «Бургер», как и другие элементы навигации и взаимодействия на сайте, подходит не всем, и это нужно учитывать при разработке дизайна.
Скрытое меню (или «бургер», как его ещё называют) можно часто встретить на сайтах. И нам с вами оно уже кажется неотъемлемой частью интерфейса. Оно помогает держать кучу разделов в одном месте, делает сайт «чище», его легко вписать в дизайн сайта и вообще — это лучший друг дизайнера.
Но что делать людям, не искушенным дизайном, тенденциями. Они же привыкли к обычному меню вверху страницы, как быть?
Обычным пользователям, которые зашли на ваш сайт и изо всех сил пытаются найти нужную вкладку вверху сайта, не нужна красота, единство и лаконичность в дизайне. Им нужен товар, и они хотят его максимально быстро найти. Метод «тыка» он скорее всего найдет «бургер», и перед ним откроется вся карта сайта.
А что если он не будет искать (так чаще всего и бывает)? Правильно — он уйдет, а вы потеряете клиента.
Вы предлагаете отказаться от «бургера»?
Нет, мы предлагаем ориентироваться на аудиторию, которая будет заходить к вам на сайт.
1. Люди, которые целенаправленно к вам будут заходить. Например, на сайт дизайн-агентства, они пришли поглазеть и их вряд ли остановит «бургер», а наоборот оценят вашу креативность и нестандартный подход к построению навигации на сайте. Или представим, что вам хороший знакомый, порекомендовал компанию по установке дверей. Да даже если у них вообще будет черный экран на сайте, он найдёт способ связаться с ними.
2. Люди, которые ещё находятся в поисках нужного им товара. Клиент ищет себе домой телевизор, заходит на один сайт, на другой. С сайтов, где он не находит нужной ему информации, он просто-напросто уходит, потому что перед ним ещё 10 открытых сайтов, где он может сделать это быстрее. А самое главное — они в равных условиях, ведь ему никто ничего не рекомендовал, как в первом случае.
Подведём итоги. «Бургер», как и другие элементы навигации и взаимодействия на сайте, подходит не всем, и это нужно учитывать при разработке дизайна.