Что отличает начинающего дизайнера от крутого дизайнера и какой путь нужно пройти, чтобы стать именно крутым дизайнером.
На данный момент на рынке труда в сфере достаточно большой выбор. Дизайнеров много, хороших не очень, фрилансеров как собак нерезаных.
Дизайнером себя считает почти каждый, кто хоть немного владеет профильной программой, например фотошопом или даже иллюстратором. Но проблема в том, что этого недостаточно. Я хочу выяснить кто такой дизайнер и как стать крутым дизайнером.
Существуют разные виды дизайна: веб, полиграфия, интерьеры, промышленный, ландшафтный и многие другие. Я занимаюсь веб-дизайном и брендингом, поэтому речь пойдет, в основном, обо мне подобных людях, но не исключено, что материал применим и к другим сферам.
Для начала разберемся с термином «дизайн». Что это значит? Есть мнение, что дизайн – это творчество, искусство, что без художественного образования никак. Отчасти, конечно, это правда, но я считаю, что в первую очередь дизайн – это решение проблемы. Особенно если речь идет о коммерческом дизайне, где главное - это продать продукт, заработать бабла. Украшательство, рюшечки и прочая ерунда, несомненно, помогают достичь желаемого, но они второстепенны. Никому не нужна красивая микроволновка, кнопка включения которой находится на задней стенке.
Хороший дизайн: надежый, логичный, функциональный, красивый, доставляющий удовольствие (строго в таком порядке).
Теперь о человеке, который называет себя дизайнером:
2 ноги, которые его приносят на работу.
2 руки, которыми он давит клавиши, водит мышь или перо.
Голова, которой он думает, смотрит в монитор и в которую он кладет еду в обед.
Аккаунты на дриббле, бехансе и где-то еще для вдохновения.
Какие-то увлечения за пределами работы, для разнообразия.
В принципе, он нормальный “СПЕЦИАЛИСТ ” (ключевое слово) в своей области, стать таковым вполне реально. Как прокачать конкретные навыки много, их я описывать не буду. Для этого можно поступить в какое-нибудь учебное заведение, а можно научиться самому, с помощью книг, интернета, практики, практики и еще раз практики. Меня интересует гораздо большее, меня интересует культ личности крутого дизайнера: зачем это нужно, чем он интересен, как им стать.
Зачем это нужно?
Я хочу быть лучшим, хочу оставить что-то после себя. Пусть обо мне не будут писать в учебниках или стихи, мне этого и не нужно, но я должен быть уверен, что не зря проживаю эту жизнь. Моя работа должна приносить пользу не только мне, но и окружающим людям: моим клиентам, клиентам моих клиентов и даже детям клиентов моих клиентов.
Чем интересен крутой дизайнер?
Итак, крутой дизайнер он еще и «МЕНЕДЖЕР» (снова ключевое слово), в каком-то отношении и арт-директор (разница между дизайнером и арт-директором) осознает:
Дизайн - инструмент продаж. В эпоху рыночных отношений и изобилия благ все покупают красивые картинки и красивые вещи. Эстетичность и чувство прекрасного, помогут дизайнеру делать продаваемые вещи.
Красота вторична, конечно, уродством он не занимается, но на первом плане работающие механизмы, приносящие результат проекту (модный термин - юзабилити).
Дизайн не искусство, он измеряется, например, конверсией. Иногда элементарные изменения в дизайне могут привести к лучшему результату.
Дизайн – компромисс между требованиями, целями и способами их достижения.
Навык коммуникации должен быть отточен до совершенства. Общение с коллегами, клиентами и вообще с другими людьми помогает и не только по рабочим темам.
Тренды дизайна необходимо знать, даже если применять их стоит не всегда.
Знание или понимание работы смежных отраслей: верстка, программирование, seo-оптимизация, маркетинг и прочее.
Взаимодействие с дизайнерами-коллегами (если таковые есть в наличие). Нужно помогать, просить о помощи, советовать, обучать, слушать, поправлять.
Делегирование полномочий. Такая возможность есть не у всех. Благодаря этому можно сконцентрироваться на главной цели, а прочие вещи курировать.
Глобальный подход к решению задач: анализ конкурентов, лидеров рынка и близких отраслей.
Здоровый перфекционизм.
Ответственность за результат. А как же иначе, если ставки высоки?
Как стать крутым дизайнером?
Вопрос хороший и каждый дизайнер сам для себя должен на него ответить, потому что возможности у всех разные, ресурсы у всех разные. Можно составить четкий план и следовать нему . Анализ самого себя помогает достичь цели. В этом деле важно не сидеть, сложа руки, а делать, делать и делать, потому что путь тернист и долог.
Слепо копировать чужие наработки, конечно, плохая идея. Зато можно вдохновиться удачными находками и постараться приспособить их для своего проекта.
В этой статье вы увидите 13 сайтов с действительно крутым дизайном.
Перефразируя Чехова: в сайте все должно быть прекрасно - и дизайн, и навигация, и шрифты, и изображения. Он должен быть удобным, функциональным, ориентированным на целевую аудиторию. И все это складывается из множества мелочей.
Попробуйте рассмотреть приведенные ниже примеры именно с этой позиции - обращайте внимание не только на общую картину, но и на детали, из которых она складывается.
Итак, поехали:
Paul Stuart, интернет-магазин
Главная страница привлекает внимание посетителей с помощью двух элементов. Во-первых, это яркие, сочные изображения галстуков. Вообще, галстуки - довольно скучный предмет, так что надо отдать должное мастерству фотографа - эти картинки притягивают взгляд. Во-вторых, короткий текст справа поясняет, что это новая летняя коллекция - как раз то, что ищут покупатели.
Над чем стоило бы поработать: над размером кнопки с призывом к действию. Вы ее вообще заметили?
TutorSync, учебный онлайн-центр
Ценностное предложение: «Просто. Удобно. Доступно» короткое и привлекательное, хотя и несколько размытое. Преимущества и особенности четко сформулированы и оформлены в отдельных блоках. Симпатичная улыбающаяся девушка на фоне - всегда на пользу.
Что можно доработать: желательно показать учителей и студентов в процессе работы. Возможно, сделать более конкретным ценностное предложение.
Laural Home, магазин мебели
Сочетание теплых цветов и сглаженных шрифтов создает ощущение комфорта и уюта. Сразу несколько выгодных предложений и призывов к действию:
- Купить товар со скидкой 40%;
- Подписаться на рассылку и получить 10% скидку на первый заказ;
- Сделать заказ от 50 долларов и получить бесплатную доставку;
- 20% скидка на новые размеры.
Что можно изменить: добавить срок окончания акции «Скидки 40%», чтобы стимулировать посетителей раньше принять решение.
Linguistiko, языковой центр
Главное изображение (точнее, фоновое видео) сразу погружает в атмосферу учебного класса. А в сочетании с коротким слоганом «Говори по-английски как профессионал» с первых секунд дает понять, куда вы попали.
Что можно изменить: добавить информацию о том, почему важно знать язык с профессиональной точки зрения, или о том, сколько людей изучают второй иностранный язык для работы. Это поможет сделать акцент на пользе и востребованности курсов.
Laura Jayne Bridal Design
В свадебном бизнесе крайне важно установить дружеские отношения с целевой аудиторией, с невестами. От этого напрямую зависят продажи. И сайт отлично справляется с этой задачей.
Что можно добавить: отдельные изображения и СТА, которые приглашали бы покупать аксессуары для волос, или хотя бы просто посмотреть, какие аксессуары подходят к тому или иному наряду.
Fashion Delivery, интернет-магазин модной одежды
Оригинальный «мультяшный» дизайн создает уникальную атмосферу. Есть мощная фишка — доставка товара в тот же день. А специальный таймер показывает покупателям, сколько осталось времени до окончания акции — как вы знаете, подстегивает.
Что можно изменить: добавить номер телефона на первом экране, чтобы посетители оперативно задавали вопросы о заказах.
Heal your life
Если вы ищете жизненный стимул, вы попали по адресу. Здесь и медитации, и статьи, и аудио, и видео, и статьи из блогов, и многое другое. Несколько целей одним махом: развлекательный и образовательный контент плюс онлайн-магазин.
Что можно изменить: добавить количество подписчиков сообщества в призыве зарегистрироваться в самом верху страницы. Такая фишка сработает как элемент социального доказательства.
Lily.Camera
На сайте много интересного: ссылки на издания с обзорами товара, впечатляющее видео, ответы на часто задаваемые вопросы. И это при том, что продукт еще не поступил в продажу! Выше сгиба же - ничего лишнего. Только изображение товара (на ладони, чтобы можно было оценить реальный размер), и короткий слоган. «Камера. Заново изобретенная».
Кстати, если кто не понял - речь о летающем дроне, снабженном видеокамерой. Идея этого изобретения очень наглядно показана в одной из иллюстраций на сайте:
Что можно изменить: добавить больше изображений товара, которые показывали бы его в действии.
Dallas Apartment, аренда недвижимости
Сайтам прямого отклика необязательно быть конфеткой, им просто нужно продавать. Но этому сайту удалось сделать божественный маркетинг прямого отклика. Компания грамотно играет на желании людей получить все и сразу: на главной указаны телефоны, время работы, а СТА призывает звонить в главный офис прямо сейчас.
Для тех, кто никуда не торопится, есть кнопка «Искать сегодня». Слоган «Роскошные апартаменты. Работаем с 1997 года» добавляет солидности.
Что можно изменить: главное изображение с призывом к действию — добавить изображение квартиры, которую можно снять уже сегодня.
Barre 3, сеть фитнес-центров
Посетители приходят на сайт в разной степени готовности к покупке. Кто-то готов купить прямо сейчас, а других интересует лишь информация о товаре или услуге. Этот сайт угодит обеим категориям посетителей.
Здесь есть данные о расположении залов для тех, кто хочет начать занятия прямо сейчас. Рядом предложение онлайн-тренировок для домашних занятий. Для всех прочих посетителей информация к сведению и всякие модные штучки.
Что можно изменить: добавить фото тренировок.
Home grown cow, магазин экопродуктов
Трудно быть одновременно информативным и забавным, но у этих ребят из Home grown cow получилось. Здесь можно купить фермерские продукты, в том числе свежее мясо. Текст «Цыплята, которые понравятся вашей бабушке» показывает, что компания и о качестве заботится, и семейные ценности поддерживает.
Mathalicious
Это онлайн-курсы по математике. Для тех, кто ищет больше информации, есть ссылки на страницу с уроками, о компании, блог, раздел «Вопросы и Ответы». Целевой аудитории легко понять, что предлагает сайт. Информация подается доступно и юмором.
Что можно изменить: добавить статистику выпускников и как полученные знания помогли им в жизни.
Bean & Bite
С первых минут возникает ощущение, что находишься в реальном ресторане и листаешь меню. Этот стиль сохраняется на всех страницах сайта, что действительно оригинально.
Есть вся необходимая информация, полезный контент и даже место для предложений от клиентов. Можно подписаться и стать членом сообщества, найти на карте ближайший ресторан сети.
Что можно изменить: переместить форму подписки и поиска ближайшего заведения выше или по центру.
Вдохновляйтесь, тестируйте и высоких вам конверсий!
От автора: приветствую действующих и будущих веб-дизайнеров, а также остальных читателей моего блога. Сегодня я хочу продемонстрировать нереально красивый веб-дизайн сайтов, которые мне попадались в интернете. Думаю, что они вдохновят на новые интересные проекты людей, которые пробуют себя в карьере веб-дизайнера, и порадуют глаз простых ценителей прекрасного.
Заходя на сайт, посетитель, в первую очередь, обращает внимание на его визуальное оформление и лишь потом на смысловое содержание. Чтобы произвести положительное впечатление на человека, необязательно выделяться из общей массы за счет летающих двурогих единорогов и кислотных цветов, от которых течет кровь из глаз.
Для создания красивого веб-дизайна для сайта достаточно лаконичной, приятной и понятной общей структуры. Именно этот фактор цепляет людей и провоцирует остаться, полистать страницы и вникнуть в суть рекламируемого продукта, предлагаемой информации и т. д.
Ниже я обозначу красивые дизайны сайтов, входящие в мою личную топ-десятку проектов со всего мира, которые кажутся мне по определенным причинам красивее остальных. Все они не похожи друг на друга, однако в каждом прослеживаются вложенные старания разработчиков и их нестандартный подход к делу.
10. http://cpeople.ru/
Считаете, что для создания красивого дизайна для сайта нужны феерические идеи, долгие часы работы и высокотехнологические решения? Российская компания «Creativepeople» готова с вами поспорить. Для своих заказчиков они обычно серьезно заморачиваются, а для себя решили создать максимально простой, но визуально симпатичный и приятный проект. Именно этим они меня и подкупили, поэтому открывают рейтинг самых красивых сайтов мира по дизайну.
9. http://www.styiens.com/
На девятой строчке расположился обалденный сайт французского музыкального лейбла «Styiens». Все гениальное - просто. В цветовой гамме этого варианта использованы лишь белый и фиолетовый тона, которые разбавляются черным текстом приятного шрифта. В качестве фона выступает музыкальная пластинка, характеризующая направления деятельности компании. Картинка смотрится мягко, поэтому не хочется никуда уходить, не ознакомившись со всей предлагаемой информацией.
8. http://www.pawelwojcik.com/
Следующее место моего топа красивых дизайнов сайтов достается интересному проекту от польского разработчика Павла Войчика под названием «девушки моего дедушки». Работа выполнена в формате книги, в которой изображены бывшие дамы сердца того самого дедули. Мне доводилось наблюдать множество аналогов подобного типа сайта, однако до этого исполнения они явно не дотягивают.
Добавлю, что процесс листания проходит под приятную музыкальную композицию. Звуковое сопровождение в наше время не считается популярным, так как оно снижает скорость загрузки страницы, однако, в данном случае это абсолютно уместное решение, в связи с минимальным количеством контента.
7. http://bubblesfilm.com/
Седьмую строчку я отдам сайту компании «Bubbles». В нем есть то, чего не хватает большинству онлайн-проектов нашей страны - удобства и простоты использования. После перехода по ссылке сразу становится понятно, чем занимаются люди и как с ними связаться. Большие формы, приятные розовые кнопочки, которые хочется нажать и заказать услуги компании, даже если они тебе не нужны.
6. http://www.sensisoft.com/
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого роста с нуля в сайтостроении
Этот сайт поразил меня красотой современных flash-эффектов, которые позволяют посетителю путешествовать во времени, телепортируясь по нескольким мировым столицам периода с 1920 по 2030 год. Вы сможете погрузиться в атмосферу Парижа, Москвы, Вашингтона, Токио и Лондона под аккомпанемент завораживающего музыкального сопровождения.
5. https://houseofborel.com/
Главная страница выполнена в формате видео-презентации, которая дает понять направленность и идеологию компании «House of Borel». Картинка смотрится впечатляюще и вызывает интерес. В данный момент подобный формат широко используется лишь в силиконовой долине, однако совсем скоро он доберется и к остальным уголкам мира.
4. http://www.whitefrontier.ch/
Четвертая строчка моих любимых дизайнерских оформлений достается официальному сайту пивной компании «White Frontier». Этот проект выполнен в необычном стиле, который мало где можно встретить. Не забудьте зайти на страницу с описанием продукции, насквозь пропитанную харизмой и традициями компании.
3. http://www.chrisducker.com/
В нашей стране волна развития предпринимательства ежегодно выносит на берег огромное количество крабов бизнес-тренеров. Заходя на виртуальные визитки большинства их них, понимаешь, что как минимум в продвижении себя в интернете они не смыслят ни черта.
Полюбуйтесь на официальный сайт Криса Дакера. Абсолютно ничего лишнего. Приятные цвета, выделяющиеся на общем фоне кнопки, плавный переход с одного информационного блока на другой. Я считаю этот сайт примером для подражания, к которому должны стремиться наши специалисты.
2. http://www.mezcalbuenviaje.com/
Серебряным призером становится крутейшая мексиканская разработка компании «Mezcal Buen Viaje». Первой зоной на сайте, которая привлекла мое внимание, стал разноцветный скроллбар, от которого просто невозможно удержаться и не потягать вверх-вниз. Помимо него стоит отметить гармоничный параллакс-эффект для слоев фона. Во время перемотки страницы вниз постоянно возникают интересные анимации вроде взмаха птичьих крыльев, всевозможных неоновых подсветок и т. д.
1. http://www.dangersoffracking.com / http://www.soleilnoir.net
Ну и Оскар за самый красивый дизайн сайта получают сразу два претендента. Я долго пытался выбрать лучшего из них, однако так и не сумел. В обеих версиях гениально выполнена структура вертикального скролл-сайта, которая целиком погружает зашедшего посетителя в процесс изучения контента. Сайты дополняются не раздражающей gif-анимацией и удачным параллакс-эффектом.
Надеюсь, вы тоже получили заряд вдохновения, полюбовавшись, на мой взгляд, самыми красивыми сайтами по дизайну в мире. Думаете, что уровень подобных работ недостижим? Глупости, любой человек может стать пусть не Леонардо да Винчи в этом деле, но хотя бы новым мастером веб-дизайна, который сумеет придумать креативные идеи оформления сайта, не уступающие упомянутой сегодня 10-ке примеров.
Главное - много трудиться, пробовать новые вещи, мыслить нестандартно и не бояться рисковать. На сегодня все, подписывайтесь, делитесь ссылкой на блог с друзьями. До скорой встречи на страницах этого сайта.
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого роста с нуля в сайтостроении
