Картинка дизайн: «Дизайн — это не просто красивая картинка» | GeekBrains

Дизайн — не картинка. Попытка отказаться от детальных макетов… | by Denis Husnutdinov | Дизайн-кабак

Сейчас я занимаюсь дизайном продуктов. И у меня всегда было ощущение, что трачу много времени на то, чтобы объяснить подготовиться к объяснению работы той или иной идеи.

Сначала определимся с терминами. Дизайн — это не картинка, это принцип работы чего-либо. Всё что я показываю людям, чтобы объяснить принцип работы чего-либо — инструмент. Это могут быть макеты, прототипы, шаблоны, текстовое описание, инсталяция, песня.

Полгода я работал и делал макеты в графическом редакторе. Это сложно, программист не может понять по ним ничего, ему нужно все равно объяснить принцип работы — дизайн. Каждый человек, которому я показывал макет, просил объяснить что это. Только другой дизайнер мог догадаться и то не всегда.

Затем я понял, что о решенной задаче нужно говорить перед тем, как делать чистовое решение. То есть передавать картинки и ТЗ в разработку. Это был лучший на тот момент вариант, встречи проходили несколько раз до перехода в разработку, но я не получал конструктивной критики, видел, что люди мало осведомлены о моих тревогах и сомнениях, а рассуждать в рамках небольшой встречи сложно. И я засомневался в верности своих действий.

Тогда я подумал, что нам стоит попробовать не заниматься созданием макетов, а создавать продукт. Ну это очевидно ведь! Нет, я не идиот. Просто создавая картинку я и все вокруг считали, что это будет продавать. Что это очень важный документ. Поэтому тратили много времени на проработку каждого элемента. Но это всего-лишь иллюстрация того как может выглядеть продукт, которая не имеет никакой ценности без слов автора. И я сказал коллегам, что нам надо перестать ценить картинку, а ценить результат. Дизайнеру не обязательно ходить за арт-директором с картинкой, он может написать письмо и рассказать словами. Да, может кто-то не поймёт, ну и что. Достаточно ручки и бумаги.

Конечно, вам будет сложно так сделать новый проект, но мы говорим о продукте, о состоявшемся продукте. Или вам могут сказать, что непонятно объяснение, тогда вам понадобиться показать пример. Тут вам поможет метод прогрессивного джипега. Обычно в такой ситуации я либо собираю картинку из чего попало или нахожу похожий пример. Но не берусь делать детальный макет.

Сейчас мы пробуем такой вариант в одном из проектов. Если раньше на проектирование макетов, детализация и полная проработка элементов заняли бы 3–4 месяца, то я потратил 2 дня на то, чтобы собрать прототип из кучи картинок. Затем мне предстоит с одним программистом реализовать этот прототип и сделать законченный продукт. По моим подсчетам, а я могу ошибаться, нам это позволит начать разработку и тестирование раньше на пару месяцев, а закончить ещё быстрее, чем могли бы планировать.

Кроме того, мы будем отдельной командой данного проекта, я надеюсь нам позволят не отвлекаться на сторонние задачи. В команде будет 1 дизайнер и 1 программист. Иногда мы будем обращаться за помощью к копирайтерам, тестировщикам и пр. Каких мы добились результатов я расскажу в ближайшие полгода.

Не просто картинка: как графический дизайн влияет на развитие бизнеса

Зачем дизайнеру собственный сайт, какие задачи он должен решать, и как вообще графический дизайн помогает в развитии бизнеса? Разбираемся в вопросе вместе с Вадом Онайтисом, основателем студии графического дизайна Onaitis Studio. За шесть лет работы студии Вад успел поработать как с крупными российскими и международными корпорациями, так и с отечественными поп-звездами, а мы предложили ему проанализировать пять сайтов дизайнеров интерьеров.

Вад Онайтис графический дизайнер, основатель Onaitis Studio

Почему графический дизайн это важно

Еще в конце XVIII – начале XIX веков в России, когда нужно было иметь в виду малограмотную часть населения, плакаты с наглядными иллюстрациями объясняли суть и свойства продукта. Сейчас продуманный графический дизайн также экономит время, позволяя людям максимально быстро считывать информацию.

До сих пор одной из главных задач фирменного стиля было создание целостного восприятия компании. Это не только набор логотипов, сайта, красивых бланков и визиток, это, прежде всего, коммуникация, с помощью которой можно рассказать о характерных чертах бренда. Можно не ограничиваться только визуальной частью: даже манера, в которой бизнес общается с клиентами в устном разговоре, или, например, запах в магазине, тактильные ощущение от упаковки – все это должно быть частью продуманного фирменного стиля.

В B2C-секторе почти не осталось компаний, которые могут себе позволить не заморачиваться над дизайном как раньше, например, строительные корпорации или частные медицинские учреждения. Это связано с тем, что большинству из них вне зависимости от услуг приходится бороться за часть клиентов в интернете, где колоссальная конкуренция. Грамотный дизайн играет далеко не последнюю роль, ведь даже за контекстной рекламой стоит как минимум разработка лендинга с визуальной частью.

Актуальный брендинг сегодня

Один из главных трендов – the apparent chaos, дословно «кажущийся хаос».

Как и в дизайне вообще, в графическом дизайне существуют свои тенденции. Во всех сферах дизайна, как и, например, в моде, существуют тенденции. Например, the apparent chaos, дословно «кажущийся хаос». Это внешний вид сайта, когда элементы разбросаны будто хаотично (на самом деле — нет). Так устроены, например, сайты Epicurrence 3 и Melville Design. Другой тренд последней пары лет – упрощение. Сегодня вряд ли вам предложат что-то тяжелое, напоминающее средневековый герб. Мой любимый пример – это прошлогодний ребрендинг Mastercard. Кроме того, фирменный стиль может нести в себе дополнительные функции. Для музеев это навигация и мерч, для крупных компаний или университетов — еще и дополнительная возможность структурировать документы или услуги. Все зависит от того, чем занимается и какие цели преследует конкретный клиент.

Если вас смущает следование тенденциям и вы хотите сделать что-то по-настоящему оригинальное, можно попробовать выйти за границы привычного рабочего пространства и поискать вдохновение в современном искусстве. Обратите внимание на самые безумные или абсурдные идеи: например, вылейте кофе на белую скатерть, скопируйте рисунок, выделите оттенки и используйте их в фирменном стиле кофейни или марки кофе. Всегда стоит смотреть на конкурентов, чтобы было легче от них дистанцироваться. Если речь идет о рекламе, стоит учесть все возможные каналы и носители, которые будут использованы. Важно не забывать об аудитории, на которую ориентирован продукт.

Как брендинг помогает развитию бизнеса

Брендинг в комплексе с другими инструментами может принести ощутимую пользу для бизнеса, об этом есть немало статей и книг. Сильный брендинг поможет повысить узнаваемость, лояльность и, главное, позволит зарабатывать больше. Приведу простой пример: представьте две почти одинаковые футболки, только одна – премиальной марки. За нее бренд будет просить гораздо большие деньги, нежели менее известная, например, локальная марка, и люди будут покупать их даже без примерки. Один из примеров успешного брендинга – центр современного искусства GARAGE. Многие носят значки с их логотипом, холщовые сумки или даже свитшоты – люди хотят, чтобы их ассоциировали с этим брендом, это и есть успех.

Мы попросили Вада проанализировать внешний вид и удобство пяти выбранных наобум сайтов дизайнеров, и вот что получилось.

 

Crosby Studios

Дизайн сайта не отвлекает внимание от работ студии, думаю, в этом и есть его главная концепция. Мобильная версия сайта сделана удобно – видимо, студия в первую очередь ставит на мобильный трафик, – вот версия для десктопа имеет некоторые проблемы. Укажу, пожалуй, на два самых проблемных момента, которые можно легко исправить.

В разделе Projects между первыми двумя и третьим проектами — слишком большой пробел, и совсем не очевидно, что, если скролить, там будут еще проекты. Следующий момент – на страницах самих проектов/объектов. Сложно сразу заметить кнопку, которая показывает описание проектов. Можно подумать надо, как сделать ее заметнее.

 

Sundukovy Sisters

У посетителя есть пара секунд успеть прочитать название бюро и запомнить расположение кнопок меню, пока грузится заставка на первом экране. После этого появляется черный текст, который плохо читается на фоне темных интерьеров из заставки. Можно было бы попробовать инвертировать цвета текста после загрузки анимации на первом экране. Не уверен, что все разделы сайта до конца удалось выдержать в единой стилистике, но заставка с параллакс-эффектом на первом экране реализована классно. Правда, лично я предпочел бы, если бы она не была цикличной, а, например, реагировала на движение курсора мыши, а на мобильной версии на положение телефона (как заставка на айфоне, которая учитывает его положение через гироскоп). В разделе с проектами неудачно выбран эффект при наведении на проекты, из-за которого фотографии становится почти не видно. Это неудобно, так как многие люди используют курсор мыши как указку, и он следует за их взглядом. Возможно, такой эффект достался сайту вместе с движком WordPress, на котором он и разработан.

 

Atelier Interior

Сайт сделан также на WordPress. Atelier Interior используют платную готовую тему – Assemble. Пара предложений о компании были бы не лишними на главной странице, но, судя по тому, что отдельный раздел об ателье на данный момент в разработке, сайт еще будут доделывать.

 

Megre Interiors

Видно, что сайт создавался в начале 2010-х годов. C тех пор минимальные требования к сайтам возросли, так что комментировать его довольно сложно. Если смотреть на него с точки зрения ретроспективы, то сайт хорошо смотрится на одном из самых популярных разрешений конца 2000-х: 1024х768 на мониторе с соотношением сторон 4:3. Правда, не совсем ясно, почему в роли главной страницы выступает страница с биографией основательницы бюро, но возможно, так было не всегда. И хотелось бы, чтобы на сайте были подробнее представлены проекты, хотя в данном случае эту роль на себя взяли соцсети. Сайт, судя по всему, не обновлялся с 2015 года, и не играет никакой роли в привлечении клиентов.

 

Archpoint

Смело можно добавить больше текста на главную страницу поверх слайдера о том, чем занимается Archpoint. Иначе cначала можно подумать, что попал на сайт ресторана. В мобильной версии, кстати, сайт начинается с текста о компании. Сам слайдер тоже можно сделать чуть информативнее, добавить возможность перейти к проектам. Не стоит забывать о пользователях с планшетами, на которых верстка сайта выглядит не очень приятно. Дизайн сайта начинает ломаться, когда ширина окна браузера становится меньше, чем 1280 px. Этим, наверное, можно объяснить стоящий особняком пункт меню с работами – видимо, ему не хватало места. Можно попробовать поменять расположение элементов управления слайдером и контакты, тогда бы в меню поместились все разделы. Еще советую проверить сайт на совместимость с разными браузерами, чтобы понять, где какие дефекты, например, в Safari не скролятся страницы.

Если вы хотите, чтобы мы оценили ваш сайт, пишите нам на hi@design‑mate.ru – возможно, именно ваш сайт мы проанализируем в следующем обзоре.

Онлайн-конструктор миниатюр для YouTube: создавайте бесплатные собственные миниатюры для YouTube

Начните с готовых и бесплатных шаблонов для миниатюр YouTube

Лучший инструмент для создания миниатюр для YouTube, не требующий никаких забот

Попрощаемся со сложными программами для графического дизайна, такими как Photoshop. Fotor — это удобный графический дизайнер с лучшим средством для создания миниатюр для YouTube. Более того, существует множество бесплатных и хорошо продуманных шаблонов миниатюр YouTube с нужным размером миниатюр YouTube, из которых вы можете выбирать. С профессиональными шаблонами миниатюр YouTube вам нужно всего лишь перетащить понравившийся шаблон, загрузить свои изображения и изменить текст на миниатюре YouTube за считанные минуты, а затем загрузить его в любом формате, который вам нравится. Навыки графического дизайна не требуются. С генератором миниатюр YouTube от Fotor создание идеальных миниатюр для YouTube еще никогда не было таким простым!

Приступайте к работе

Обогатите свою миниатюру элементами дизайна

Как сделать так, чтобы миниатюра на YouTube была интересной? Некоторые элементы текста и дизайна, такие как наклейки или смайлики, украсят миниатюру и обогатят снимок видео. Все они доступны в инструменте для создания эскизов Fotor на YouTube. Это универсальная визуальная платформа, позволяющая добавлять текст и наклейки на фон, чтобы выделить заголовок видео, изменять цвета фона и многое другое. Настроить привлекательную миниатюру YouTube очень просто с помощью инструмента Fotor для создания миниатюр YouTube.

Начало работы

Решение для всех ваших обложек в социальных сетях

Завершив создание эскизов для YouTube, загрузите их в нужном формате, например JPG или PNG, и загрузите их на свой канал прямо сейчас. Более того, Fotor не просто предлагает лучший дизайн миниатюр для YouTube. Он имеет полный набор визуальных опций, таких как фоторедактор, фотоэффекты, изменение размера и графический дизайн. Вы также можете сделать обложку для YouTube, рекламу на YouTube, обложку для Facebook, заголовок Twitter, публикацию в Instagram и постер, все виды графического дизайна. Загружайте свои фотографии или используйте наши шаблоны с нуля, или меняйте исходный дизайн на разные размеры, создавайте потрясающие визуальные эффекты за считанные минуты с помощью графического дизайнера Fotor и немедленно привлекайте внимание своих поклонников!

Начало работы

Как создать миниатюру YouTube

• Откройте Fotor, нажмите «Создать дизайн» и выберите макет миниатюры YouTube.
• Выберите предустановленный дизайн шаблона эскизов YouTube и перетащите фотографии в шаблон или создайте собственный шаблон с нуля.
• Управляйте наложениями, фоном, цветами и текстом, чтобы оптимизировать дизайн.
• Предварительно просмотрите и сохраните дизайн эскизов YouTube, выберите нужный формат и размер. В то же время вы можете поделиться им напрямую в социальных сетях.

Начало работы

Почему стоит выбрать инструмент Fotor для создания миниатюр для YouTube

Самый простой инструмент для создания миниатюр для YouTube

Fotor — лучший бесплатный инструмент для создания миниатюр для YouTube. Он прост в использовании и не требует опыта проектирования. Просто перетащив и изменив шаблоны миниатюр YouTube, вы можете создавать привлекательные миниатюры YouTube. Независимо от того, являетесь ли вы кулинарным блогером, тренером по фитнесу или экспертом по путешествиям, инструмент для создания эскизов Fotor на YouTube удовлетворит ваши потребности.

Загрузите свои собственные изображения для редактирования миниатюр YouTube

Хотите включить изображения, связанные с содержанием вашего видео, в миниатюру YouTube? Создатель эскизов YouTube от Fotor может загрузить локальное изображение, отрегулировать размер, яркость и контрастность изображения, чтобы оно соответствовало миниатюре YouTube.

Загрузите миниатюру YouTube и поделитесь ею

Вы создали идеальную миниатюру для своего видео. Загрузите миниатюру YouTube с различными форматами файлов с Fotor. Затем войдите в свою учетную запись YouTube, чтобы добавить или изменить миниатюру видео YouTube. Кроме того, вы также можете поделиться этой миниатюрой в социальных сетях.

Работайте на любом устройстве в любое время

Создатель эскизов YouTube от Fotor — это бесплатное программное обеспечение для редактирования графики «все в одном», включая версии приложения для графического дизайна Fotor и версии для Windows/Mac. Кроме того, он также поддерживает членство и синхронизацию данных. Независимо от того, где вы находитесь, вы всегда можете включить устройство рядом с вами, чтобы начать создавать миниатюры для YouTube.

Создайте миниатюру YouTube прямо сейчас

Часто задаваемые вопросы о миниатюрах YouTube

Каков размер миниатюр YouTube?

Размеры эскизов YouTube: 1280 на 720 пикселей. Вот одна вещь, на которую вам нужно обратить больше внимания, это то, что минимальная ширина миниатюры YouTube составляет 640 пикселей. Вы также можете использовать соотношение сторон 16:9 для миниатюры YouTube.

Каковы требования к миниатюрам YouTube?

Если вы хотите использовать свою фотографию в качестве фона для миниатюр YouTube, убедитесь, что миниатюры не превышают 2 МБ. Что касается формата изображения для миниатюры YouTube, JPG, GIF или PNG работают. Перейдите к нашему создателю эскизов YouTube от Fotor, не беспокойтесь о размере и формате миниатюр изображений YouTube.

Какие советы по созданию миниатюр для YouTube?

1. Не используйте слишком много текста.
2. Если текст слишком мелкий, ваша аудитория его не увидит.
3. Избегайте вводящих в заблуждение изображений на видеофрагментах.
4. Центрируйте объект.
5. Добавьте утрированные шрифты и смайлики на миниатюру YouTube.

Рекомендуемые популярные миниатюры YouTube

Популярные категории миниатюр YouTube

Узнать больше Инструменты дизайна

Создатель удостоверения личности: создайте собственное удостоверение личности онлайн бесплатно

Создатель удостоверения личности: создайте собственное удостоверение личности онлайн бесплатно | Программное обеспечение для графического дизайна Fotor

Начиная с готового шаблона удостоверения личности

Ломаете голову над тем, как начать делать удостоверение личности? Без проблем. Имея на выбор удивительную коллекцию высококачественных шаблонов удостоверений личности, у вас не возникнет проблем с созданием профессионально выглядящего удостоверения личности за считанные минуты. Лучше всего то, что они на 100% настраиваемые и пригодные для печати. Ознакомьтесь с этими шаблонами удостоверений личности и выберите тот, который подходит вам лучше всего, и приступайте к работе.

Создание удостоверений личности с помощью Fotor

Попрощайтесь со сложным программным обеспечением для проектирования, потому что программа Fotor для создания удостоверений личности была создана не для дизайнеров. Благодаря простому редактору с возможностью перетаскивания, мощным функциям редактирования, различным шаблонам удостоверений личности и обширным ресурсам дизайна создание пользовательской удостоверения личности становится простым и беспроблемным. Никаких предварительных дизайнерских навыков или опыта не требуется.

Начало работы

Создавайте свои собственные удостоверения личности для любых целей

Создатель удостоверений личности Fotor предлагает широкий выбор шаблонов удостоверений личности, которые подходят для многих категорий: удостоверения личности сотрудников, студенческие удостоверения, удостоверения личности посетителей, удостоверения члена клуба и многое другое. Независимо от того, какое удостоверение личности вы хотите создать, вы будете защищены. Используйте Fotor, чтобы создать профессиональное авторизованное удостоверение личности, которым вы будете гордиться уже сегодня.

Начало работы

Как сделать удостоверение личности?

• Перейдите на Fotor.com, нажмите кнопку «Создать дизайн» и выберите макет шаблона «ID Card».
• Просмотрите или выполните поиск в библиотеке шаблонов удостоверений личности Fotor и выберите тот шаблон, который лучше всего соответствует вашим потребностям.
• Добавьте фотографию своего профиля, отредактируйте текст, измените цвета, измените макет и настройте что-нибудь еще, чтобы удовлетворить ваши потребности.
• Сохраните и загрузите свою идентификационную карту в формате высокого разрешения.

Начало работы

Часто задаваемые вопросы по ID-карте

Что такое ID-карта?

Идентификационная карта также называется идентификационной картой или удостоверением личности. Он часто используется компаниями, организациями, школами и т. д. в целях безопасности и проверки.

Какую информацию должно содержать удостоверение личности?

Стандартное удостоверение личности должно содержать идентификационную информацию владельца карты и фотографию. Если это для сотрудников, вы можете включить другую информацию, такую ​​как название компании, логотип, адрес, контактную информацию, отдел, должность и т. д.

Как сделать бейдж с фотографией?

Создание удостоверения личности с фотографией никогда не было таким простым с помощью производителя удостоверений личности Fotor. Выполните следующие простые действия, чтобы за считанные минуты создать персональный бейдж с фотографией:

1. Просмотрите шаблоны бейджей с фотографией и выберите тот, который вам нравится, чтобы приступить к работе.
2. Замените изображение своей фотографией и текст своим именем.
3. Вы можете настроить его еще больше, изменив цвета, перегруппировав макет, добавив клипарт и внеся любые другие изменения, чтобы настроить свой собственный уникальный значок с фотографией.