Проектирование пользовательских изображений для вашего Online Content, быстрее!

Визуальные элементы огромная часть интернет-публикации.

Вы создаете ли обновления социальных медиа, блоги, электронные книги или палубы слайд на SlideShare, если ваше сообщение содержит изображения, то вы получите экспоненциально лучшее занятие.Таким образом, имея упорядочить процесс создания привлекательных образов imperative.Эта статья будет ходить вас через, как сделать это, а также предоставить Вам стартовый комплект инструментов для кикстарта вашу набег на захватывающий мир быстрого создания и грязный (но все еще супер-круто) изображения

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

Stock photos look like stock photos… and sometimes they’re also unsettling 1
Сток фото выглядеть фондовых фото … и иногда они также тревожным.(Кредит изображения: Спин Sucks 2 ) ( Просмотр большой version __23 | | 3__9 )

Примерно в то же время, мы возобновили нашу собственный блог и сделал некоторые изменения в нашем веб-сайте, который заставил нас вернуться к рассмотрению вопроса создания образа.По Александры SKEY из Получить Spokal, люди помнят фотографии в шесть раз больше easily 4 | __13 чем текста.Более того, исследование Blogpros ‘утверждает, что 100 самых популярных сообщений в блоге Средняя одно изображение для каждого 350 words __38 | | 5__9 .Изображения огромный для обмена в социальных сетях, а также.По Citrix, почти половина всех интернет-users 6 уже Повторно фото или видео, которое они нашли на сайте .

Имея это в виду, я обнаружил, что мое содержание (сообщения в блоге, гостевые сообщения или электронные книги ли) было в среднем 10 изображений.В качествеВы можете себе представить, что в конечном итоге требует много времени обязательства.Я, наверное, не в одиночку, когда я говорю, что для меня как для дизайнера, управление временем может быть проблемой.Мы дизайнеры часто что-нибудь в нашей голове, который принимает навсегда, чтобы выполнить, или мы, возможно, не хватает в нашей голове, чтобы начать, что неизбежно приводит нас к пропасти, которая Pinterest, глядя на некоторые немного божественного вдохновения .

Каждую неделю я около 4:56 блоге.Так, зная, что я, как правило, увлечься с проектной части, я начал работать на процесс упорядочения управления изображения.На самом деле, мой блог, что движение, чтобы я пришел с системой, но теперь я использую его для всех наших онлайн-издательского —, и вы можете тоже.Будь то сайт графики, официальные документы или что-нибудь между ними, мой процесс последовательно сделал для быстрого, итеративного производства .

Теперь, три месяца спустя, я чувствую, как будто супер-эффективные системы на месте.Любой может использовать систему, а не только тех из вас, кто имеет навыки ума Illustrator .

Получить в правильном Mindset

Get in the right mindset to streamline your image creation process
Получить в правильном мышлении, чтобы упорядочить свой процесс создания изображения.

Неопределенность и нерешительность убийцы эффективность, так что следующее:

  • Установите ожидания .Вы не проектирование щит для дорог во всем мире.Это для публикации в Интернете.Так, набрать обратно все ваши ожидания немного.Изображения не должны быть произведениями искусства;они должны быть привлекательным и энергичный.Они должны добавить визуальный интерес к вашей работе, так что читатели не заставили прочитать 10-страничное эссе Sans фотографий .
  • Думайте фотографий .Я на самом деле люблю эту часть создания изображений, потому что это почти как Pictionary.Как вы перевести различные части вашей работы в образы?Изображения не должны заменить текст в целом, а, скорее, повысить общий вид, ехать домой важные моменты и обеспечить достаточно визуальный интерес, чтобы держать читателей движущихся по содержимому.Ваша основная цель, чтобы создать нечто привлекательный и достаточно отношение к смысла в контексте .
  • __15 | Установить сроки .Сроки супер-полезным.Часто я думаю, что идея первого будет длиться вечно, чтобы выполнить, так держать от 5 до 10 минут предел на каждом изображении.Быстро анализировать ваши варианты и выбрать тот, который наиболее выполнимо в этом сроки.Испытайте себя, чтобы придерживаться временных ограничений ни на что.Например, я хотел изображение, чтобы сидеть над этой самой секции, иллюстрирующий, как попасть в правильном мышлении.Первоначально, я думал о голове Нарисованные человека с мозгом видимой, наряду с удара молнии … или что-то.Но это было бы огромная боль, и в конце концов не может дажесмысл.Так, мозг излучающие лучи света.Совершено

Что Вы Need

Начало с огромным Деле Icons

Это самая важная часть, потому что это сделает вас для копирования и вставки процесса в дальнейшем.Подставляя это вместе может быть работа дня, если вы хотите, чтобы сделать тщательную работу, но это будет стоит .

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

Set yourself for a copy-and-paste workflow with an enormous file of icons 7
Поставьте себе на копирования и вставки процесса с огромным файл икон.( Просмотр большой version __21 | | 8__13 )

Если вы разрабатывает какое-то время, то вы, возможно, придется иконки, разбросанные в различных проектах.Сейчас время, чтобы захватить тех, и положил их в один большой файл, как показано выше.Независимо от суммы, которую вы начинаете с, вы можете заполнить пробелы с открытым исходным кодом пучков.Честно говоря, Smashing Magazine всегда был моим идти к источнику для этого:

В то время как Вы тянете вместе значки, захватывая некоторые считают логотипы, тоже.Мы часто писать статьи, освещающие брендов;и это не получить гораздо проще, чем при использовании логотипов для сообщения в блоге изображений.Если вы ищете логотипов, вы можете найти практически любой один в векторном формате просто делать поиск Google для __17 “[БРЕНД] вектор значок загрузки.” | Бренды | World__1 __19 | 16 это еще один хороший сайт для поиска логотипов .

Compile a set of logos to keep on file 17
Составьте набор логотипов сохранить в файле.( Просмотр большой version __35 | 18 )

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

После того как вы будете удовлетворены с иконами Вы нашли, объединить их все в один файл.Я нашел, что организуя их в groups чтобы быть полезным, потому что я потратил много времени на поиски в течение некоторого значок, который я смутно помню, создав в прошлом.Теперь, я точно знаю, где искать .

Organize all of your icons into groups 19
Организация всех ваших иконок в группы.( Просмотр большой version __58 | 20 )

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

Arrows of all kinds 21
Стрелки всех видов.( Просмотр большой version 22 )
Punctuation and letters 23
Пунктуации и письма.( Просмотр большой version __29 | 24 )
Computer actions (saving, recycling, downloading, uploading, clicking, pointing, etc.) 25
Компьютерные действия (экономия, переработка, загрузка, загрузка, щелчок, указывая, и т.д.).( Просмотр большой version __46 | 26 )
Settings and administration (tools, locks, gears, guides, etc.) 27
Настройки и управление (инструменты, замки, шестерни, направляющие и т.д.).( Просмотр большой version __63 | 28 )
Time-related icons (time, clocks, calendar, notifications) 29
Время, связанных с иконы (время, часы,календарь, уведомления).( Просмотр большой version 30 )
Devices (computers, iPads, phones, web pages, books, cameras, etc.) 31
Устройства (компьютеры, ы, телефоны, веб-страницы, книги, фотоаппараты и т.д.).( Просмотр большой version 32 )
Data visualization 33
Визуализация данных.( Просмотр большой version __36 | 34 )
Layouts 35
Макеты.( Просмотр большой version __53 | 36 )
Various types of media (pictures, profiles, videos, music) 37
Различные виды средств массовой информации (фотографии, профили, видео, музыка).( Просмотр большой version __70 | 38 )
People and emotions (human interaction, chatting, groups, avatars, human pictograms, thumbs up and down, faces, love, etc.) 39
Люди и эмоции (взаимодействие человека, в чате, группы, аватары, пиктограммы, человека пальцы вверх и вниз, лица, любовь и т.д.).( Просмотр большой version 40 )
Social icons (both well-known networks and smaller industry-specific ones) 41
Социальные иконки (оба известные сети и небольшие отраслевые те).( Просмотр большой version __26 | 42 )
Communication (email, sending, conversation, speech, quotes, sharing, feedback, etc.) 43
Связь (электронная почта, отправка, разговор, речь, цитаты, обмен, обратная связь и т.д.).( Просмотр большой version __43 | 44 )
Miscellaneous 45
Разное.( Просмотр большой version __60 | 46 )
Money and e-commerce 47
Деньги и электронной коммерции. Просмотр большой version __77 | 48 )

Недавно я начал создаватьнесколько вариантов одного и того же значка.При создании изображения, я хотел, чтобы экспериментировать с различными стилями и цветами.Так что, когда вы создаете значок, идти вперед и разбить его на несколько других стилей: твердый, изложил, текстурированные и т.д. .

Create several variations of the same icon 49
Создать несколько вариантов одного и того же значка.( Просмотр большой version 50 )

После того как вы закончите с файлом значок, вы найдете вы будете использовать все это в то время, для различных целей.Кроме того, используя их для блога, я повернул всю коллекцию в веб-шрифт, который был на вес золота!(Очевидно, you’ должны будете удалить то, что вы don’ т нужно для конкретного проекта, чтобы избежать проблем с производительностью!)

Вдохновение Collection

Вторая вещь, которую я нашел очень полезным является скомпилировать папку стиля inspiration, который многие люди делают.Возьмите образы, которые бы хорошо для вашего типа контента.Я действительно люблю стили, используемые CoSchedule __27 | 51 , Быстрый Sprout 52 | __8 и Refinery29 53 , и я частоссылаться на них для моего блога.Следите за своими вдохновенными изображений на Pinterest или в папку на рабочем столе .

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

Compile a folder of style inspiration 54
Составьте папку стиля вдохновения.( Просмотр большой version __57 | 55 )

Swatches

Последний элемент, который я считаю очень полезным в моей процесса является воедино различные Swatch sets.Я неравнодушен к громким и мягко неприятных цветовых комбинаций, но это только мне .

Простой способ, чтобы положить их вместе, чтобы найти изображения которых цветов вы уже нравится и просто попробовать свои цветовые схемы.Возьмите изображение ниже (который я размыты, чтобы сосредоточиться на цвета).Этот образ имеет удивительный выбор образцов, что пара действительно красиво вместе .

Put together a variety of swatch sets
Все вместе различные наборы образец .

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

Organize your swatches into sets with colors that complement each other
Организуйте свои образцы в наборах с цветами, которые дополняют друг друга .

Теперь пришло время, чтобы создать Images

Как уже упоминалось, цель с указанных выше компонентов (икона, стиль и коллекции Swatch) должен иметь копию и вставки процесс.Таким образом, вы можете легко смешивать и сочетать компоненты для вашего содержания и будет намного более эффективным в процессе создания .

Чтобы начать процесс, решение о стиле иллюстрации и Swatch palette.Оттуда, это просто вопрос выбора иконки, которые наилучшим образом представляют различные части содержания в сообщении, а затем переводить их в заданном стиле и цветовой гамме .

Я буду ходить вас ч …

Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров

Comments are closed.