Содержание

что читать и где учиться? — статьи на Skillbox

История веб-дизайна начиналась в 1990 году, когда британский учёный Тим Бернерс-Ли разработал язык HTML (англ. HyperText Markup Language) — язык гипертекстовой разметки. С его помощью 6 августа 1991 года команда Бернерса-Ли сделала первый в мире сайт — http://info.cern.ch.

Главная страница первого в мире сайта info.cern.ch

Первые сайты представляли собой страницы с текстовыми ссылками, которые вели на другие сайты. Речи о дизайне и вёрстке тогда не шло — у первой версии HTML не было возможностей мультимедиа, которые доступны нам сегодня.

Быстрый прогресс веб-технологий привёл к тому, что в 1993 году сайты стали поддерживать до 16 цветов, появилась возможность добавлять картинки и располагать контент по сетке. Тогда создатели сайтов задумались над тем, как сделать веб-страницы более привлекательными и удобными для пользователей.

Поисковик Yahoo! в 1993-м выглядел такВ 1997-м сайт Apple был далек от минимализма, который прославил компаниюСайт, посвященный истории и развитию интернета в 1996 году

В 1994 году появился Консорциум Всемирной паутины, известный как W3C.

Эта организация и сегодня разрабатывает и утверждает технологические стандарты интернета.

До 1996 года Консорциум выступал в роли консультативного органа, где крупнейшие мировые компании вырабатывали цельный подход к развитию HTML. Благодаря единым стандартам и набору тегов веб-сайты работают в разных браузерах и на разных устройствах. Сегодня мы называем это кросс-платформенностью.

Настоящий веб-дизайн, близкий к тому, который мы знаем сегодня, появился в период с 1994 по 1998 год. Тогда интернет-технологии совершили бешеный рывок вперёд.

1994

Первая версия браузера Opera.

1995

Появились Internet Explorer 1, JavaScript и PHP.

1996

CSS и запуск технологии Flash, которую стали использовать для векторной графики, игр и мультимедиа.

1997

Релиз Internet Explorer 3 и HTML 4.0 — в мире уже 100 млн пользователей.

Именно технологический прорыв привёл к появлению веб-дизайна.

  • Разрешение мониторов увеличилось до 800×600 пикселей.
  • Мониторы стали отображать 256 цветов и оттенков, что привело к появлению сайтов с салатовым текстом на синем фоне.
  • Первая типографика: на сайтах появились веб-шрифты Times New Roman и Courier New.
  • Первая баннерная реклама, видеоплееры, анимированные GIF-изображения и цветные кнопки с 3D-эффектом.
Один из первых сайтов Рунета — tema.ru — сохранился в неизменном виде с 1995 года

способы изучения для начинающих — Lemarbet

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

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

Но не волнуйтесь – мы именно для этого и подготовили эту статью, чтобы помочь вам в выборе путей и методов обучения, которые сделают этот процесс по-настоящему увлекательным. Тем более что большую часть информации и уроков можно найти в Интернете в бесплатном доступе и работать тогда, когда вам это удобно.

Так много вариантов!

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

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

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

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

Лучшие книги для изучения веб-дизайна

Основные технологии, которые нужно освоить начинающим, чтобы работать с большинством задач при создании сайта, – HTML и CSS. Не лишним будет, конечно, Java Script и PHP, но это уже вторая ступенька. Кстати, если освоитесь с первыми двумя языками веб-разработки, с остальными будет уже гораздо проще.

От того количества книг, которые доступны по этой теме, глаза разбегаются.

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

Джереми Кит. “HTML5 для веб-дизайнеров”

Настольная книга для тех, кто хочет освоить стандарты последней версии HTML, разобравшись при этом с особенностями данного языка в целом. Семантическая разработка и создание доступных интерфейсов – два направления, за которыми будущее. И данная книга позволит вам научиться этому в полной мере. И стоит отметить, что «Манн, Иванов и Фербер» — одно из самых авторитетных издательств на просторах СНГ. Так что их книги однозначно стоит рекомендовать.

Дэн Сидерхолм. “CSS3 для веб-дизайнеров”

Вторая и очень важная составляющая современного веб-дизайна – язык каскадных таблиц стилей или CSS. С их помощью можно полностью управлять внешним видом страниц, не теряя при этом в легкости и скорости загрузки. Вы на наглядных примерах научитесь использовать все богатство возможностей, появившихся в новом стандарте CSS3.

Автор — Дэн Сидерхолм – практикующий веб-дизайнер, который прошел путь от фрилансера и владельца небольшой студии до разработчика в штате таких всемирно известных компаний, как Google и Yahoo.

Дженнифер Роббинс. “HTML5, CSS3 и JavaScript. Исчерпывающее руководство”

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

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

Стив Круг. “Web-дизайн, или Не заставляйте меня думать”

Мировой бестселлер Стива Круга, который выдержал несколько переизданий. Дело в том, что в веб-дизайне важны не только технологии, но и общее удобство использования сайта, которое называют «юзабилити». Эта посвящена именно теме проектирования сайта с позиции его доступности и полезности для пользователя.

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

Тим Кедлек. “Адаптивный дизайн. Делаем сайты для любых устройств”

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

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

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

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

Платформы для онлайн-обучения

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

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

Одна из ведущих платформ в области онлайн-образования мирового уровня, которая работает по схеме ежемесячной подписки. Основные направления обучения – языки верстки и веб-разработки (HTML, CSS, Javascript), а также создание iOS-приложений, в частности на основе набирающего популярности Swift.

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

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

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

Каждый из примеров показывает ту или иную грань конкретного языка веб-разработки, будь то HTML, CSS или PHP. И с помощью этих примеров вы можете хорошо освоить саму структуру языка. При прохождении уроков код обрабатывается прямо в браузере и сопровождается хорошими объяснениями.

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

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

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

Другие способы на заметку

Один из самых доступных способов – видеоуроки и тематические каналы на YouTube. Это второй по посещаемости поисковик в мире (после Google), в котором интегрирован и функционал, свойственный социальным сетям. Чем он хорош в контексте изучения веб-дизайна, так это тем, что вы можете сразу же приступить к практике на основе примеров, увиденных на видео. Кроме того, все мы знаем такую хорошую пословицу – лучше один раз увидеть, чем сто раз услышать.

Достаточно всего лишь ввести нужный запрос, и вот к вашим услугам огромное количество видеоуроков по самым разным темам:

Еще один хороший метод – изучение существующих сайтов, для чего вам достаточно щелкнуть правой кнопкой мышки на нужной странице в браузере и выбрать пункт контекстного меню «Просмотр кода страницы» или другой подобный в зависимости от используемого браузера:

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

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

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

  • Автор: Владимир Федоричак

Веб-дизайн с нуля: как сделать успешную карьеру

Интернет позволяет работать удаленно и при этом получать высокий стабильный доход. Одним из наиболее востребованных направлений по праву считается профессия веб-дизайнера. Стоимость одного проекта колеблется в пределах 50-200 долларов, а времени на реализацию уходит в среднем несколько часов. Сайты о веб-дизайне https://ux.pub/ дают хорошую базу, чтобы освоить эту профессию. По сути, вся необходимая информация есть в свободном доступе. Проанализировав не один блог о дизайне, предлагаем ознакомиться с подробной инструкцией о том, как стать успешным и востребованным специалистом.

Кто такой веб-дизайнер

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

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

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

Чтобы успешно работать в данной сфере, не нужно быть компьютерным гением, главное требование – чувство вкуса, которое можно натренировать. Посмотрите любой блог дизайнера, изучите представленные проекты и определите для себя, смогли бы сделать лучше или нет. Если ответ утвердительный, смело начинайте.

Что нужно уметь

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

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

Остановимся немного подробнее на анализе сайтов. Плагиат в сети – не редкость, но откровенное копирование, мягко говоря, не одобряется. Поэтому задача веб-дизайнера: посмотреть топовые сайты, собрать из них собственный шаблон и улучшить те моменты, которые кажутся проблемными. Хотя работа творческая, аналитический склад ума будет большим плюсом. Немногие новички способны из головы создать уникальный, удобный дизайн, который придется по вкусу 100% пользователей. Поэтому не стоит изобретать велосипед.

Как и где научиться

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

  1. Решить для себя, что хотите стать веб-дизайнером.
  2. Изучить, чем отличается лендинг от магазина, корпоративного или информационного сайта.
  3. Ознакомиться с примерами различных площадок и понять, почему одни сайты успешнее, чем другие. Научиться выделять интересные идеи, которые привлекают внимание.
  4. Поставить пробную задачу и реализовать ее с помощью сервисов WIX или Tilda, оба имеют бесплатную версию.

Покажите результат друзьям, товарищам или коллегам и попросите оценить. Только сначала не говорите, что это делали вы. Если будет «вау-эффект», значит, все получилось, если нет – пробуйте дальше.

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

Программное обеспечение

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

Поэтому веб-дизайнеру необходимо разобраться с приоритетной CMS (среда администрирования сайта). Среди огромного множества вариантов наиболее практичным остается WordPress. Система очень проста в установке и позволяет конструировать сайт при помощи плагинов – программ-помощников. Благодаря им веб-дизайнеру не нужно знать программирование. Работа выполняется полностью в графическом интерфейсе.

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

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

Рассказывать о непосредственной механике работы с CMS и бесплатными системами нет никакого смысла, поскольку там все интуитивно понятно. Как говорится, лучше один раз увидеть. В дальнейшем, если решите, что это ваше, придется освоить Adobe XD, Sketch и ряд других специализированных программ. Но это тема для отдельной статьи.

Как найти заказчиков

Освоить веб-дизайн – дело нехитрое, намного сложнее начать зарабатывать на этом деньги. Если уверены в своих силах и готовы попробовать, понадобится:

  • зарегистрироваться на максимальном количестве площадок по поиску работы для фрилансеров;
  • создать рабочие профили на сервисах типа Юду;
  • завести аккаунт на Квор и аналогичных проектах.

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

Проявите небольшую хитрость. Посмотрите профили среднестатистических фрилансеров и постарайтесь выйти на их заказчиков. Изучите сайты и если видите, что можно внести улучшения, разработайте свой проект и предложите его бесплатно, за отзыв на площадках. Сделайте 5-10 работ, это создаст положительный имидж и позволит получить реальную практику. Дальше начнутся органические заказы.

Помните, что пока не попробуете, не будете точно знать, подходит вам эта работа или нет. Поэтому не откладывайте идею на потом, а берите и делайте!

онлайн курсы для начинающих от WebDesGuru

Татьяна Лесникова

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

Lera Karelina

Завершила курс Design Start и могу сказать, что это действительно хороший старт для людей, которые хотят попробовать себя в новой сфере. Очень удобным показался формат проведения тренингов и проверки заданий, а дедлайны позволяют более ответственно подходить к планированию времени. Спасибо большое за знания и бесценный опыт! Ну и отдельная благодарность за подборку книг о дизайне!

Екатерина Касиян

Прошла курс Design Start. Курс очень понравился,информация подана доступно,на возникающие вопросы всегда отвечают и помогают. Очень удобно,что курс он-Лайн и уроки можно смотреть в удобное время. Узнала много информации,также давалось много дополнительной литературы для изучения. Также хочется отметить ментора Екатерину,всегда давала Советы как сделать лучше.

Полина Марченко

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

Gajane Sarkisjana

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

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

Спасибо команде Webdesign Guru, это был отличный опыт.

Мария Дигнер

Прошла курс design start,было очень интересно и познавательно,но довольно сложно,по рекомендациям и предложенной литературе еще буду самостоятельно тренероваться.На курсе действуют очень четкие правила,которые здорово дисциплинируют и не дают расслабиться.Информации дают очень много,она понятна и даступна,всегда можно задать вопрос,и по уважительной причине разрешат чуть отсрочить сдачу дз.Все понравилось,в планах пройти еще и другие курсы у Web design guru!

Анна Попова

Курс хороший! Все основы! Удобный чат,в котором можно задавать вопросы. Трудится нужно много,но за время курса нашла 2 первых заказа!

Вова Михайленко

Курс очень понравился! Для начинающего дизайнера самое то! Сэкономил кучу времени и сил благодаря курсу Design Start. Много информации не зная которой работать и развиваться в сфере дизайна попросту не возможно! В общем всем советую)

Отдельное спасибо хочу сказать ментору Кате, которая всегда помогала и подсказывала в трудных для меня моментах.

Елена Мазохина

Вот и подошло к концу мое обучение в курсе Design Start! Я просто счастлива))) а счастлива от того,
что проходила обучения У Кирилла Несмелова, который является профессионалом своего дела. Подача
информации в его видео уроках доступная,без лишней воды и без сложных для новичка терминов.
Кирилл, хочу выразить Вам огромную Благодарность за то, что Благодаря Вашим знаниям и умениям,
которыми Вы поделились с нами, я в процессе обучения нашла и выполнила свой первый заказ))). Курс очень
насыщенный полезной и нужной информацией и да…..
все очень четко, последовательно и структурированно. Все наши работы проверялись ментором Катериной, я
ей очень Благодарна за вежливые разборы наших работ и грамотного указания наших всех ошибок.
Всем рекомендую данный курс.
Еще раз огромное спасибо.

Карина Киякова

Закончилось мое обучение на курсе Дизайн старт Кирилла Несмелова. Это неплохой курс для начинающего дизайнера. Предоставляется много инструментов для дизайна (сайты/книги и т.д. что не может быть не полезным). Вы ознакомитесь с основными инструментами Фотошопа и Фигмы (чтобы овладеть в совершенстве надо конечно стремиться учиться самому и находить для этого время, реально заинтересованным-это не должен составить труда!) Очень удобно что есть канал в телеграмме, где тебе могут помочь с возникшими вопросами и вроде как неограниченный доступ к материалам. Так же система работы в стоп-уроке (это когда ты не можешь увидеть следующий урок пока не сделаешь (своевременно) предыдущий) хорошенько мотивирует выполнять домашние задания. Если есть вопросы можете писать мне прямо в личные сообщения:)

Вика Роголева

Прошла курсы Design Start, спасибо за большое количество полезной информации. Было сложно, но это того стоило. Курс отличный, уже записалась на следующий по тильде. Всем новичкам рекомендую

Майя Жуковська

Прошла курс по веб-дизайну design start, мне всё понравилось,. Курс был очень полезен и интересен Вся информация — по делу, без лишней воды.Всем рекомендую!
Еще раз огромное спасибо.

Артем Рябушенко

Прекрасный курс веб-дизайн старт, Кирилл.. БОЛЬШУЩЕЕ вам спасибо, было всё четко, строго и лаконично, ничего лишнего. Рекомендую всем.

Валерия Лысюк

Спасибо огромное Кириллу Несмелову за такой классный курс как веб-дизайн старт) Для меня он был очень полезным, как для начинающих) Осталась довольна!))

Violetta Ligai

Прошла курс Дизайн Старт. Курс был нелегкий, но очень полезный. Хочу сказать большое спасибо Кириллу и Екатерине за всю работу, что они делают. По начале немного непривычно было, что общение с преподавателями не как обычно «по-школьному», а довольно просто, как со «своим чуваком». Очень круто, что большая часть курса — это практика, последние 2 урока уже еле-еле успевала делать т.к где-то на середине курса уже получилось найти работу. Ни разу не пожалела, что выбрала именно этот курс, выбирала долго, почти год шла к тому, чтобы как-то приблизиться к работе именно в сфере дизайна. Хотелось бы еще пару курсов пройти, так как уже точно знаю, что толк от этого будет. Спасибо 

Владислав Пономаренко

Спасибо Кирил!) Я остался доволен курсом Design Start — узнал много нового материла, которого упускал при самостоятельном обучении и за более короткие сроки! Понравилась простая и понятная подача материала. Если что не понятно после просмотра видео, преподаватели ответят на любые вопросы и помогут в чате, практически в любое время суток, за это спасибо! Самое важное и классное это большое количество практики, что очень помогает укреплять знания полученные на уроке! Курс отлично подходит для начинающих и даже для тех кто никогда не работал в фотошопе! Я с увереностью советую данный курс!))

Юлия Дроздова

Курс Design Start он-лайн я выбрала исходя из того, что времени ходить на стационарные курсы не было, учитывая их график. Скажу честно, к обучению он-лайн в принципе относилась скептически, потому как никто толком тебя не контролирует и тяжело заставить себя что-то делать. Но захотела попробовать и рада, что мой выбор пал именно на эту школу. Если и можно где-то пофилонить, то не тут  Все строго, но по делу. Последние свои работы вообще сбрасывала за 1-3 минут до окончательного срока сдачи (да он строго зафиксирован и это круто, потому как это сразу готовит тебя к реальным заказчикам). Так что с дэдлайнами у меня уже все хорошо  За цену, которую просят за курс , я рассчитывала получить просто какую-то минимальную информацию в каком направлении двигаться в изучении веб-дизайна, а получила хорошие навыки работы в программах и понимание о том, как и куда двигаться дальше. По окончанию курса уже есть работы, которые можно добавить в портфолио. Теперь я знаю, что не нужно ходить на дорогущие стационарные курсы — вот же все в твоем ноутбуке в удобное для тебя время, в любом уголке мира.
Кирилл, Катя, спасибо огромное за терпение и профессионализм. Возможно еще встретимся на других ваших курсах 

Женя Воробьёва

Добрый день) обучалась на курсе Design Start, очень понравилось обучение. Сказать, что сразу легко — нет. Для новичка сразу было довольно сложно, но очень помогло, что материал преподносится понятно, логично, все важное и полезное. Удобно, что можно посмотреть в любое время и пересмотреть сколько нужно раз. Еще мне также помогли установленные сроки, это не давало расслабится и полностью включало в работу, как в настоящей работе — у тебя есть срок и ты делаешь. Очень дисциплинирует. Также отлично настроена связь с ментором, удобно, что вопросы можно задать в общем чате и быстро получить ответ. Отдельно хочу сказать про разборы — понравилось, что все комментарии четкие, по делу, но в тоже время очень корректные , что для начинающих тоже важно, чтобы тебя критиковали, но полезно критиковали. Также очень много дополнительной информации в уроках (ссылки, программы, книги). В общем обучение очень насыщенное и благодаря этому за 2 месяца реально научится основам и сделать хорошие первые работы для своего портфолио. Спасибо Кириллу за уроки и основные разборы и Катерине за кураторство в процессе обучения)))

Анна Фролова

Большое спасибо Кириллу за курс! Все было четко и без воды. Мне очень понравилось) К концу курса, к сожалению, уже не стала успевать с внутренними страницами, так как появился заказ:)
Design start это тот курс, который даёт хорошую базу, но на этом останавливаться нельзя, потому что дизайн не стоит на месте и нужно постоянно развиваться))
Определено советую данный курс, ни разу не пожалела, что записалась!

Татьяна Кэшуняну

Проходила курс Design Start)) Курс послужит отличным прорывом для новичков и будет интересен даже тем кто давно в этой сфере) Хочу выразить особую благодарность Кириллу и Екатерине, что помогали по ходу всего курса, вносили правки и всегда отвечали на интересующие вопросы, вы оказали прекрасную поддержку, спасибо вам огромное!!! Курс оказался достаточно тяжелым, нужно было много вникать и погружаться в материал целиком, но оно стоит того!!!

Анастасия Пестова

Хочу выразить благодарность Кириллу и менторам за обучение. Я заканчиваю Design start и начала курс Tilda Hunt. В веб-дизайне я новичок, пошла на курс вообще с нуля и за два этих месяца впитала в себя массу информации, учиться очень интересно, курсы очень объемные, материала основного и дополнительного дается в большом объеме, плюс кое-что нужно и самостоятельно погуглить. Очень удобная платформа обучения, видео всегда в доступе, смотреть можно в любое удобное время, а также всегда можно задать вопросы в чате Телеграм, менторы очень подробно объясняют и отвечают на вопросы практически круглосуточно)) По окончанию уроков дается домашнее задание — обязательное к выполнению. Отдельное спасибо за полезные ресурсы (плюс программы для работы) в веб-дизайне и за подборку электронных книг, мне и по окончанию обучения еще много чего изучить нужно, так как я только начала осваивать эту диджитал-профессию. Кирилл очень много уделяет внимания и рекомендациям по поиску работы, так, что в целом курсы очень интересные и более чем доступные, я сравнивала предварительно, у всех программа заявлена приблизительно одинакова, но стоимость курса по основам вед-дизайна сильно разнится. Подписана также на Мастерскую фриланса, тут тоже масса полезного контента и уроков. Вообщем, спасибо еще раз за вашу работу, успехов вам и развития!!!

Сергей Харитонов

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

Anna Fomich

Спасибо за курс Design start. Много теории и практики, мне кажется хороший курс для ознакомление с веб дизайном и такими программами как Фотошоп и Figma. Порадовала цена на курс, на мой взгляд самая адекватная, не ожидала многого. Но курс превзошел мои ожидания, поскольку видно, что сил в него было вложено много. Думаю о том, чтобы приобрести еще курсы в WebDesign Guru. Желаю успехов и процветания вашей команде.

Kaffy Dillinger

Спасибо за столь полезный курс Design start. Была попытка самостоятельно освоить веб дизайн, но это долго и муторно. Здесь же вся информация предоставлена. Сиди и учись, курс объемный, на него нужно много времени, но оно того стоит. Жалею только об одном….. что не купила курс раньше и долго боялась приступать к освоению дизайна. Оказалось что с наставниками это все гораздо проще. Это одно из лучших денежных вложений. Ни разу не пожалела и рекомендую не откладывать и сомневаться, а двигаться вперед. Кириллу и менторам огромное спасибо за работу 

Елена Ситникова

Tilda Hunt — это второй курс который я прошла в WebDesign Guru. Было интересно и познавательно. На Тильде до этого курса я не работала, но мне понравилось. Кирилл всегда готов помочь и все подробно объясняет, за это ему огромное спасибо. Как и на всех курсах, здесь есть обязательные домашние задания. Курс отличный, всем советую!

Яна Сторожева

Всем привет! Хочу поделится впечатлениями о курсе Tilda Hunt. Я с этим конструктором работаю уже полгода и на курс пошла, потому что изучала возможности конструктора самостоятельно и на практике, и думала что может быть какие-то решения я делаю не правильно, что можно сделать проще) Я была приятно удивлена, что вначале курса Кирилл дает Figma для реализации дизайна, я всегда делала дизайн в фотошопе, но хотела этот инструмент тоже изучить, но все времени не было, но здесь пришлось и я очень этому рада, что теперь в моем арсенале не только фотошоп, но и Figma)
Сам курс интересный, очень информативный! Даже работая на Тильде уже полгода я вынесла из курса что-то новое, чего я раньше не знала на конструкторе! Многое узнала о дизайне и сейчас мои проекты вырастут в качестве!
Спасибо вам большое!
Редактирую отзыв: Разборы задерживают, сертификат выдают только после положительного отзыва, бонусы вообще не открыли, курс не соответствует заявленному! Ооочень не советую!

Diana Rulanova

Здравствуйте! Для начала я хотела поблагодарить Кирилла и Ирину за огромную проделанную работу. Сколько ходила на разные онлайн курсы, никогда не видела такой отдачи от учителей. Да, очень строго, но знаете, это и заставляет тебя работать. Во время курса у меня возникали разные проблемы, и я очень сильно боялась, что мою работу могут не принять. Но ментор выслушала всю мою проблему, и помогла мне со всем, за что я просто безмерно благодарна. Они уже успели стать для меня семьей, грустно было осознавать, что курс уже заканчивается. Учителя профессионалы своего дела, это я поняла, ещё когда просто зашла в группу(тогда я думала, что это всего лишь одна из многих обычных групп про веб-дизайн). Те кто ещё думает стоит ли тратить на это деньги и время, то скажу вам одно: если вы реально хотите начать что-то делать, начать саморазвиватся, подняться на уровень выше, то я вас уверяю, этот курс стоит всех этих якобы жертв. Нисколько не жалею о потраченных деньгах(на самом деле это очень маленькая сумма, за эти уроки) и времени. Я открыла для себя столько нового, никогда не знала, что чтобы стать хорошим веб-дизайнером, нужно знать очень много всего, прочитать ни одну книгу, и просидеть не одни сутки за работой. Спасибо за то,что прочитали мой отзыв, и надеюсь, что я помогла сделать вам выбор в лучшую сторону

Алёна Зимина

Хочу поблагодарить Кирилла за предоставленные материалы по курсу Design start. Сначала была мысль обучаться по Ютубу, но почти сразу отпала охота из-за большого количества воды. Записалась на курс с целью получить как можно больше информации, которая действительно пригодится. Цель выполнена! Спасибо за терпение, за то, что учитывали тот факт, что не всегда получается совмещать работу и обучение. Очень понравилось, что изначально был сделан упор на сроки сдач работ, потому что только так получилось очень быстро достичь хороших результатов. Вы крутые

Мария Токарчук

Закончился курс Design Start и хочеться поделиться своими впечатлениями с окружающими. 
Я ранее начала увлекаться веб-дизайном и смотреть бесплатные курсы и видео, но решила, что пришло время усовершенствовать свои знания, рискнула и купила курс WebDesignGuru, о чем не жалею) Курс дал мне новые знания, дедлайны дисциплинируют работу над домашними заданиями, ментор проверяет твою работу неоднократно и вносит правки, и в итоге у тебя получается готовое прекрасное портфолио.  
Курс не простой, для того чтобы достичь результата нужно много работать, много времени и сил уделять дизайну, но если выполнять все указания, то обязательно увидите результат. 
Спасибо Кириллу и нашему ментору Ире, за их труд, знания, которые они нам передали, и веру в нас!

Артём Царук

Спасибо огромное за обучение, очень понравился курс, менторы весёлые и умные…Очень хорошие видео Кирилла, всё легко, очень грамотно и доступно обясняет, и все ссылки, сайты и программы мне очень помогают в работе… Хочу отдельно сказать огромное спасибо Ирине, потому что она не только говорит что как делать но ещё и приложит всех усилий чтобы всё у её подопечных было просто идеально, очень хорошо выделяет ошибки и после её правок робота как бы даже самого приводит в восторг. Она в независимости от времени всегда готова помочь и не даст опустить руки даже таким безнадёжным ученикам как я) Спасибо за курс!

Обучение Web дизайну с нуля

Что же должен уметь выполнить веб-дизайнер? В первую очередь, он должен создать внешний облик какого-либо сайта. Например, в группе социальной сети или в приложении. Еще одной из задач является создание иллюстрированного контента. Это, а также многое другое, вы можете освоить, обучаясь в компьютерной академии. Обучение по веб-программированию стало еще ближе и доступнее!

 

Курсы веб-программирования

 

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

Ваша мечта – научиться разрабатывать сайты и освоить обучение дизайн-проектов? Не знаете куда обратиться? На помощь придут компьютерные курсы.

 

Web-обучение в Казани

 

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

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

 

Обучение seo-продвижению

 

Учеба осуществляется по программе, которая регулярно улучшается и обновляется профессионалами. Поэтому web-дизайн обучение станет увлекательным процессом на всех его этапах. Учитесь создавать дизайны сайтов, уметь их продвигать, изучайте JavaScript, осваиваете html css обучение, изучайте основы внутренней поисковой оптимизации вместе с компьютерной академией. Ни на одном источнике в Интернете нет такого объема действительно полезной и необходимой информации, которую предоставляют у нас. Созданы комфортные условия для лучшего усвоения материала. В учебных классах и лабораториях комфортные рабочие места, современная компьютерная техника и лицензионное программное обеспечение.

Какими же знаниями обладают наши выпускники, которые обучают студентов уже более 15 лет? Стоит отметить то, что 150 тысяч выпускников из 20 стран обладают навыками создания и верстки шаблонов сайта, создания web-проектов, анализа трафика, использования современных технологий продвижения seo, программирования при использовании различных языков. Кроме этого, появляется возможность проектировать и создавать сайты и интернет-магазины, а их в современные дни немало. 

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


 

Основы веб-дизайна – с нуля до профессионала

Этот курс станет отличным стартом для всех желающих начать карьеру веб-дизайнера.

Чем хороша профессия дизайнера?

1. Перспективность – все интернет-профессии сейчас на пике. Даже несмотря на высокую конкуренцию, сайты нужны всем. Бизнес увеличивает обороты, предпринимателей становится больше, и у дизайнеров появляется больше работы.

Ни на одном конструкторе человек никогда не создаст такой сайт, который ему сделает веб-дизайнер-профессионал.

2. Низкая конкуренция среди профи – а период, когда вы новичок, будет очень коротким.

3. Свободный график – вы сами решаете, во сколько начинается ваш рабочий день и сколько он будет длиться.

4. Удаленность – даже дизайнеры из веб-студий часто работают не в офисе. Вы можете создавать дизайн из любой точки мира.

5. Иностранные клиенты – возможность работать с заказчиками по всему миру. Работать с иностранным рынком намного интереснее.

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

7. Творчество – работать с цветом, картинками и шрифтами намного увлекательнее, чем с документами.

8. Постоянное развитие – тренды дизайна меняются очень быстро. Плюс, работая с разными заказчиками, вы каждый раз узнаете что-то новое.

9. Минимальный контакт с людьми – это идеальная работа для интровертов.

Вам подходит этот курс, даже если:

— вы абсолютный новичок в дизайне и совсем не умеете рисовать

— у вас есть всего несколько часов в день для просмотра уроков и выполнения домашнего задания

— у вас нет супермощной станции – только обычный компьютер или ноутбук

Что по итогу?

— вы научитесь работать со шрифтами и цветовыми палитрами

— познакомитесь с принципами построения адаптивного дизайна

— изучите 3 программы по созданию дизайна

— узнаете, как проектировать функциональные интернет-магазины

— освоите создание корпоративных сайтов и лендингов

— научитесь правильно презентовать работу заказчику

— получите диплом о прохождении курса, который поможет при поиске работы

Вы освоите программы:

— Adobe Photoshop

— Figma

— Axure RP

— Tilda

Web-дизайн «Сайт с нуля» | Курсы в Петрозаводске

Курс: «Сайт с нуля»
Квалификация: Администратор сайта

Назначение курса: Формирование представления о проектировании и основных этапах создания web-сайтов. Развитие практических навыков разработки web-сайтов с использованием языка HTML и каскадных таблиц стилей CSS, а также при помощи редактора DreamWeaver. Подготовка графики для сайта при помощи Adobe Photoshop и ImageReady. Создание собственного Web-сайта по выбранной тематике. Публикация сайта в сети. Основы оптимизации и продвижения web-ресурсов.

Целевая аудитория: Обязательные требования — уверенный пользователь ПК; приветствуется знание основ работы в графическом редакторе Adobe Photoshop.

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

В процессе изучения курса будут рассмотрены темы:

  1. Основные понятия Web-дизайна:
    • Классификация сайтов
    • Структура и макеты сайтов
    • Этапы создания сайтов
    • Хостинг и др.
  2. HTML и CSS
    • Структура HTML-документа
    • Форматирование текста. Списки.
    • Вставка изображений. Фон и фоновая картинка
    • Гипертекстовые ссылки (навигация)
    • Таблицы
    • Фреймы и Формы
    • Каскадные таблицы стилей (CSS)
  3. Gif-анимация, изображения-карты (работа в редакторе Adobe Photoshop & ImageReady)
  4. Создание динамических страниц с использованием элементов JavaScript. Обработка форм на web-страницах
  5. Структура сайтов, макеты (модульная сетка), прототипирование
  6. Работа в HTML-редакторе Dreamweaver
    • Редактор DreamWeaver. Знакомство с возможностями
    • Табличная и блочная верстка сайтов. Отличия. Верстка слоями
    • Адаптация готовых шаблонов
    • Итоговая работа. Создание сайта по выбранной тематике с применением изученных технологий
  7. Публикация и оптимизация сайта в сети
    • Понятие и типы хостинга
    • Выбор хостинга для размещения своего сайта
    • Публикация сайта
  8. Понятие оптимизации и продвижения
    • Кодировка на сайте, служебные тэги группы Name
    • Основы оптимизации и продвижения сайтов в поисковых системах (теги description, title, keywords).
    • Баннерная и контекстная реклама

Продолжительность: 50 акад.ч. (1 месяц)


Создание вашего дизайнерского бренда с нуля

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

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

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

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

Итак, вот наш совет о том, как создать свой дизайнерский бренд с нуля и о чем следует думать.

Прежде чем что-либо делать, придумайте имя.

Название вашего бренда — первый (и, возможно, самый) важный шаг.

Ваш бренд — это ваш ребенок, и без имени вы не знаете, как его назвать, как представить его или превратить в нечто волшебное.

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

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

В конце концов, это продолжение вас, вы должны работать с ним, расти вместе с ним и любить его. Убедитесь, что это имя вам нравится. Не беспокойтесь о том, что думают другие на этом этапе, пока это работает на вас, вы можете позволить своей работе и ценностям говорить за бренд в будущем. Будьте добры в том, что вы делаете (и искренне), и это даст контекст любому имени под солнцем.

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

Создайте список потенциальных идей и посмотрите, сохранится ли какая-либо из них, используйте такие инструменты, как LeanDomainSearch, чтобы узнать, доступен ли домен .com или NameCheap для аналогичного домена верхнего уровня. Не зацикливайтесь на своем расширении, это вообще не имеет значения.

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

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

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

Логотипы и надписи

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

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

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

В конечном счете, единственное, что имеет значение, — это последовательность. Если вы предпочитаете словесные знаки, придерживайтесь их.

Также важно знать, что ваше имя не обязательно определяет направление вашего брендинга, но оно определенно может помочь. Если у вашего имени есть сильная ассоциация или синергия с предметами или людьми, то рассматривайте это как бонус, а не ограничение.

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

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

Независимо от того, выбрали ли вы логотип, словесный знак или и то, и другое, после того, как они будут отсортированы, у вас будет что-то, что вы можете показать и рассказать окружающим — что-то, что кажется реальным.

Шаблоны и ресурсы

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

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

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

Самый простой способ начать — составить короткий список шаблонов / ресурсов, которые потребуются вашему бренду больше всего.Затем удалите из этого списка все, что вы не собираетесь отправлять или показывать людям. Наконец, упорядочите этот список по тому, что принесет наибольшую пользу вашему бренду и бизнесу, а затем сделайте это в первую очередь.

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

Отделка с помощью руководства по стилю

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

Если известные бренды постоянно меняются, это вызывает большие трения и сопротивление среди пользователей.

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

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

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

Давай, возьми их.

Это гостевой пост Кассиуса Киани, партнера Mikleo, студии исследований и дизайна из Манчестера, Великобритания.

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

Вы можете следить за Кассиусом в Твиттере здесь.

Когда проектировать с нуля и когда использовать шаблоны или ресурсы для проектирования

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

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

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

Во-первых, давайте посмотрим на варианты, доступные вам как дизайнерам.

Ресурсы для проектирования

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

Когда вы, как дизайнер, садитесь за проект, у вас есть несколько вариантов:

  1. Используйте фрагменты, полученные с таких сайтов, как Freepik и Creative Market.Используйте эти ресурсы, чтобы создать дизайн, как в колледже. Если использовать профессиональные и качественные источники, то готовый дизайн будет отлично смотреться при наличии хорошего творческого чутья. Если вы используете ресурсы с коммерческими лицензиями, то готовый дизайн по закону принадлежит вам, чтобы отправлять своих клиентов и взимать плату за него.
  2. Создайте дизайн с нуля в таком инструменте, как Photoshop или Illustrator, создавая все части дизайна от начала до конца. Это может занять или не занять больше времени, чем использование исходных дизайнов.Это действительно зависит от того, сколько времени вы тратите на создание или поиск.
  3. Третий вариант — использовать и то, и другое. Это то, что обычно происходит в наши дни.

Интернет-инструменты

Инструменты онлайн-дизайна, такие как Visme и Canva, произвели революцию в индустрии графического дизайна. С помощью этих облачных приложений, доступных для настольных и мобильных устройств, каждый может создавать визуальный контент. Не-дизайнерам стало проще, чем когда-либо, создавать свои собственные проекты, вообще не нанимая дизайнера.

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

Кроме того, эти инструменты являются спасением, когда клиенту нужна графика быстро, а его бюджет ограничен.

Есть те, кто называют себя дизайнерами, но знают только, как пользоваться Canva.
Это обсуждение в другой день.

Мокапы

Мокапы продуктов и упаковки — отличный инструмент для дизайнеров. Они помогают визуализировать дизайн как трехмерные части, и клиенты их любят. Цифровые макеты, такие как ноутбуки и мобильные экраны, — прекрасные инструменты для веб- и цифровых дизайнеров.

Когда использовать ресурсы и шаблоны, а когда разрабатывать с нуля

Чтобы узнать, в каком направлении двигаться для вашего нового проекта, задайте себе следующие вопросы:

  • Какой бюджет у клиента?
  • Насколько уникально визуальное сообщение клиента?
  • Каковы ваши временные рамки?
  • Считаете ли вы, что у вас есть технические возможности?

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

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

Если клиенту нужно быстро выполнить дизайн, вы можете использовать предыдущие дизайны для этих клиентов и перепрофилировать. Было бы неплохо использовать Visme для быстрого создания визуальных эффектов.

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

Как убедить ваших клиентов в том, что им нужна уникальная визуальная стратегия

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

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

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

Перед вами

Вы проектируете в основном с нуля или с помощью сторонних ресурсов, подобных тем, которые мы предлагаем на Freepik? Между прочим, действительны все комбинации. Пока вы даете своим клиентам законный готовый продукт, которым вы гордитесь и которым они нравятся.

Как научиться веб-дизайну с нуля и создать привлекательный веб-сайт

Навыки веб-дизайна — важный навык, особенно в наши дни и век информации.

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

Веб-дизайн — это набор навыков, который включает:

  1. Создание визуального интерфейса веб-сайта
  2. Создание веб-графики
  3. Создание пользовательского опыта
  4. Разработка
  5. SEO или поисковая оптимизация

1. Веб-дизайн и Веб-разработка


Изображение предоставлено: Adham Dannaway

Многие люди путают веб-дизайн и веб-разработку.Различия заключаются в следующем:

  1. Веб-дизайн фокусируется на ощущении и внешнем виде веб-сайта, тогда как веб-разработка фокусируется на создании внутренней части веб-сайта.
  2. Веб-дизайнеры используют JavaScript, CSS и html в качестве основных инструментов, в то время как веб-разработчики используют Ruby, C, Python, PHP и .NET в качестве основных инструментов.
  3. Веб-дизайнер более артистичен в своих навыках, тогда как разработчик более техничен или мыслит линейно.
  4. Как веб-дизайнер, вы должны быть компетентны в цветовом решении, потоках информации и графическом дизайне, но как разработчик вы должны иметь в основном навыки программирования.
  5. Веб-дизайнеры больше стремятся создать пользовательский интерфейс, который будет привлекать веб-серферов, в то время как веб-разработчики больше вовлечены в создание пользовательского интерфейса.

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

2. Учебные ресурсы, используемые веб-дизайнерами

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

  • Несколько веб-сайтов, как платных, так и бесплатных, включая CodeAcademy, W3Schools и многие другие
  • Видео, включая бесплатные каналы YouTube или платные версии видеоуроков
  • EBooks в форматах pdf, epub и mobi
  • Вебинары и индивидуальные тренинги онлайн от профессиональных веб-дизайнеров
  • Если у вас есть друг или член семьи, который знает веб-дизайн и может научить вас, это может быть самым быстрым путем к тому, чтобы стать веб-дизайнер

После того, как вы определили ресурс, который вы будете использовать для изучения веб-дизайна, запланируйте время, чтобы иметь возможность учиться и практиковаться.

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

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

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

3. Что изучать

  1. HTML должен быть там, где вы начинаете свой путь (конечно, после ознакомления с этой информацией). Вам нужно будет овладеть языком, включая использование тегов, входов, идентификаторов, классов и так далее.
  2. Каскадные таблицы стилей, широко известные как CSS, обычно идут рука об руку с HTML. Чтобы использовать аналогию, если HTML — это торт, то CSS — это глазурь. CSS делает сайт красочным и эстетически более привлекательным.
  3. jQuery и JavaScript будут полезны, если вы хотите добавить на свой сайт виджеты, такие как календарь или калькулятор.
  4. Если вы обнаружите, что у вас есть время немного больше поучиться, вы можете познакомиться с некоторыми навыками веб-дизайна, такими как PHP, Python, Ruby и MySQL. Эти навыки будут необходимы, если вы хотите создать большой интерактивный веб-сайт.

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

4.Как вы можете применить свои новые навыки

После того, как вы освоите навыки, нет лучшего способа усвоить свой новый талант, чем фактически применить его на практике. Для этого приступите к проекту. Ниже приведены логические шаги в развитии проектов, которые вам следует предпринять, чтобы изучить веб-дизайн и иметь возможность использовать его на практике.

  1. Создайте тот веб-сайт, который вы всегда хотели создать. Вы знаете … сайт, который так взволновал вас тем, что вы можете сделать с помощью навыков веб-дизайна.Посмотрите, может ли ваш текущий набор навыков приблизить вас к вашему видению, и вернитесь к своим учебным пособиям, чтобы лучше понять, как реализовать свои навыки для создания своего видения.
  2. Посмотрите, нужен ли вашей семье и друзьям веб-сайт, и помогите им создать свое видение и разместить его в Интернете. Это очень полезно, потому что поможет вам подумать о сроках и окажет на вас достаточное давление, чтобы вы начали серьезно относиться к проектам по мере того, как вы учитесь.
  3. После того, как вы добьетесь успеха с веб-сайтом своей семьи / друзей, следующий логический шаг — найти человека, который заплатит вам за создание веб-сайта для них.Есть несколько онлайн-платформ, которые объединяют людей, которые хотят, чтобы веб-сайты были разработаны, и веб-дизайнеров. Они фактически будут платить вам за эту работу.

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

Теперь вы готовы создать профессиональный веб-сайт.

5. Создание профессионального веб-сайта

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

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

Если вы чувствуете себя достаточно уверенно, чтобы взяться за создание профессионально сделанного веб-сайта, или если вы недостаточно напуганы, чтобы проверить свои навыки на практике, то читайте дальше.

Шаг 1. Определитесь со своим дизайном

Вы можете использовать либо библиотеку избранного, которую вы начали собирать ранее, либо начать с использования готового шаблона, выбор за вами.

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

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

Шаг 2. Рекомендации по дизайну

Если вы решите использовать свой собственный код или чужой код или шаблоны, помните, что вы хотите:

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

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

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

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

    Логически организуйте элементы страницы так, чтобы в содержании был поток от наиболее важной информации к наименее важной.

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

  • 3. Будьте последовательны в своем стиле : Тематическая гармония важна для вашего веб-сайта. Используйте максимум три цвета и убедитесь, что они хорошо смешиваются. Здесь вам пригодятся навыки CSS, которые вы узнали ранее, чтобы помочь вам управлять стилем вашего веб-сайта на всех страницах вашего веб-сайта с помощью кода одной страницы.

  • 4. Сделайте ваш текст легко читаемым : Если у вас очень длинные абзацы или текст с очень мелким шрифтом, большинство читателей проигнорируют то, что вы написали.

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

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

  • 5. Совместимость с браузером : Ваша аудитория будет использовать разные веб-браузеры для доступа к вашему сайту. Вы должны обеспечить одинаковый доступ к элементам дизайна в разных браузерах.

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

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

Шаг 3. Проектирование с учетом мобильных устройств

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

Ниже приведены рекомендации по веб-дизайну для мобильных устройств:

  1. Посмотрите, как другие веб-дизайнеры реализовали мобильный контент, и используйте модель, которая будет соответствовать вашим потребностям и потребностям вашей аудитории.
  2. Сделайте свой сайт простым и избегайте сложных структур, включая таблицы и мигающую графику.
  3. Используйте дизайн, который интуитивно легко трансформируется из настольной версии в мобильную и с большего экрана на меньший.
  4. Избегайте функций веб-дизайна, которые не поддерживаются на мобильных устройствах, если у вас не будет отдельной мобильной и настольной версии для вашего сайта. Flash, всплывающие окна, java или фреймы сделают невозможным просмотр вашего контента на мобильном устройстве.
  5. Иногда вы можете обнаружить, что мобильное приложение больше соответствует вашим потребностям, чем мобильный веб-сайт.Обдумайте свои варианты, чтобы лучше удовлетворить ваши потребности и потребности вашей аудитории.

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

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

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

Как создать логотип за 7 шагов (мы делаем его с нуля)

Подумайте о худшем логотипе, который вы когда-либо видели — что вам приходит на ум? Если вам сложно придумать такой вариант, это не удивительно.

Наклейка хороших логотипов. Плохие — нет.

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

Некоторые из лучших логотипов являются наименее сложными — вспомните галочку Nike или золотые арки McDonald’s. Тед Кэй из Североамериканской вексиллологической ассоциации говорит, что дизайн флага должен быть достаточно простым, чтобы ребенок мог нарисовать его по памяти .То же самое и с логотипами.

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

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

Для чего нужен логотип компании?

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

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

  • Люди учатся на основе визуальных сигналов: Если есть что-то о вашем бренде, которое вы хотите, чтобы ваши покупатели знали, то наука утверждает, что изображения более эффективны, чем слова.
  • Логотипы позволяют создавать фирменные товары: Фирменные товары можно раздавать на выставках, дарить в качестве подарков потенциальным клиентам и даже продавать в магазине. О хорошем разговоре можно забыть намного быстрее, чем о фирменной ручке, которую клиент находит на дне своей сумки.
  • Логотипы обеспечивают визуальную основу для графического дизайна: Последовательность бренда — ключевой элемент в создании неизгладимого впечатления. Имея окончательное представление о вашем бренде на его самом базовом уровне, вам будет на что опираться при разработке других маркетинговых элементов.
  • Логотипы помогут вам выделиться среди конкурентов: Определенные символы или значки связаны с определенными отраслями. Подумайте, сколько компаний, занимающихся поставками медицинских товаров, используют в своих логотипах варианты красного креста. Когда за один и тот же рынок конкурируют многие компании, отличиться — это ключ к тому, чтобы вас заметили и запомнили.

Логотип дает множество преимуществ, поэтому нетрудно понять, почему он есть почти у каждой компании. Отказ от логотипа выглядит непрофессионально.Он производит впечатление нелегитимного и даже ненадежного.

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

Как создать логотип с нуля: пошаговое руководство

Независимо от того, решите ли вы разработать логотип самостоятельно, нанять дизайнера или использовать онлайн-конструктор логотипов, процесс будет включать те же 7 шагов:

  1. Развивайте свой бренд
  2. Ищите вдохновение в дизайне
  3. Выберите цвета, отражающие ваш бренд
  4. Выберите шрифт
  5. Создать несколько черновых версий
  6. Получить отзыв
  7. Отполируйте свой выигрышный дизайн

1.Развивайте свой фирменный стиль

«Фирменный стиль» — это всеобъемлющий термин для визуальных элементов вашего бренда: все, от цветов вашего бренда до вашего логотипа и способа оформления элементов вашего бренда. Эти визуальные элементы работают вместе, чтобы выделить ваш бренд в сознании клиентов.

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

  • Почему вы начали свой бизнес?
  • Какие ценности важны для вас как компании?
  • Что отличает вас от конкурентов?

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

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

Чтобы вы лучше понимали этот процесс, мы работали с настоящими штатными дизайнерами в офисе Shopify над созданием логотипа для LawnPure — нашей очень собственной, нереальной линии органических газонов на основе цитрусовых и без химикатов. средства по уходу.

Мы начали с создания «интеллект-карты» ценностей нашего бренда. Ментальные карты — это метод визуального мозгового штурма. Вы начинаете с центральной идеи (в данном случае вашего бренда) и составляете схему своих мыслей, связывая ключевые слова и связанные концепции вокруг этой центральной идеи.

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

«Интеллект-мэппинг» — отличный метод для развития целостной идентичности бренда.

Используя нашу интеллектуальную карту, мы смогли разработать концептуально сильный бренд, что упростило ответы на вопросы, которые помогли бы нам понять, что отличает наш бренд от конкурентов:

Почему мы начали свой бизнес?

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

Какие ценности важны для нас как компании?

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

Что отличает нас от конкурентов?

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

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

Фото Райана Брюса из Burst.

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

2. Ищите вдохновение в дизайне

Начало работы — часто самая сложная часть любого творческого начинания. Хорошо, если у вас есть идея, но иногда проблема заключается в том, чтобы иметь слишком много идей одновременно.

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

Чтобы избежать паралича анализа, не думайте о творчестве как о задаче создания чего-либо из ничего. Вместо этого думайте об этом как о загадке: логотип уже существует в вашей голове, вам просто нужно соединить части, опираясь на установленные принципы дизайна.

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

Если вы ищете места, где можно оценить отличный дизайн логотипов, вот список:

  • Logoed: Простая одностраничная прокрутка Logoed позволяет просматривать часто обновляемую коллекцию потрясающих логотипов.
  • Logospire: эта обширная коллекция представленных пользователями дизайнов логотипов поможет вам раскрыть ваши творческие способности.
  • Brand New: Brand New — это блог, в котором рассказывается о дизайне и редизайне новых известных брендов во всех отраслях.
  • LogoLounge: этот блог позволяет графическим дизайнерам загружать свои последние логотипы. LogoLounge, пожалуй, наиболее известен тем, что опубликовал серию книг, демонстрирующих произведения искусства, представленные на сайте.
  • Любовь к дизайну логотипов: графический дизайнер Дэвид Эйри курирует этот дизайнерский блог, в котором рассматриваются логотипы и маркетинговые дизайны со всего мира.

Хэштеги, связанные с дизайном: Многие сообщества социальных сетей используют специальные хэштеги, связанные с дизайном, для демонстрации своих работ в области графического дизайна.Instagram особенно хорош для этого, учитывая визуальный характер сайта. В следующий раз, когда вы будете просматривать ‘грамм, ознакомьтесь с некоторыми из наиболее популярных хэштегов дизайна: #logo, #logodesigns, #logodesigner, #graphicdesign, #graphicdesigner.

3. Выберите цвета, отражающие ваш бренд

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

Цвета вашего логотипа будут отображаться на вашем веб-сайте, вывесках в магазинах, в лентах социальных сетей, в маркетинговых сообщениях электронной почты и во всех других местах, где пользователь взаимодействует с вашим брендом. Нет цвета, который был бы универсально «лучше», но каждый цвет говорит о чем-то своем. Вы должны быть уверены, что говорите правильно.

Имея это в виду, давайте рассмотрим психологическое воздействие определенных цветов:

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

MadeGood широко использует коричневый цвет в своей упаковке и маркетинге, чтобы вызвать ощущение приземленности и воспоминания о домашней выпечке.

Апельсин : как ревущий огонь, апельсин излучает тепло, энергию и страсть. Цвет заката, он также имеет тенденцию вызывать лето, особенно в сочетании с более светлым синим и мягкой зеленью.

Упаковка сока Lumi, ориентированная на апельсин, напоминает об искрящемся освежении в жаркий летний день.

Желтый: Жёлтый, родственный апельсину с высокой насыщенностью, также излучает свет, энергию и тепло. Но если тепло апельсина — это светящийся камин, то желтый — это интенсивный жар полуденного солнца, излучаемого над баронским десертом. Желтый имеет тенденцию вызывать счастливые чувства, но используйте его экономно. Немного желтого может добавить немного оптимизма надежному бренду, но многое может быть маниакальным.

Магазин парфюмерии Happiness Abscissa (Ha) использует желтый цвет, чтобы добавить чувство оптимизма и радости.

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

Бренд кормов для собак v-dog использует зеленый цвет, чтобы выразить свой природный подход к корму для собак.

Розовый: Более мягкий, нежный цвет, розовый в разные моменты истории считался одновременно мужским и женским. Хотя современные покупательницы, скорее всего, будут ассоциировать розовый цвет с женственностью, в более широком смысле он ассоциируется с добротой, романтикой и любовью.

Мягкий розовый логотип Mignon создает ощущение любви и заботы.

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

KKW Beauty Ким Кардашьян Уэст использует смелые красные тона, чтобы придать бренду особую привлекательность.

Фиолетовый: Распутин цветов⁠, фиолетовый — темный, таинственный незнакомец с почти магическим магнетизмом. Учитывая, что пурпурные красители исторически имели репутацию редких и дорогих, нет ничего загадочного, как пурпурный стал ассоциироваться с богатством, излишеством, мистикой, магией и снисходительностью.

Удачно названный бренд постельных принадлежностей Purple интенсивно использует цвет, чтобы создать ощущение футуристической роскоши.

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

Надежный синий — идеальный цвет для создания ощущения комфорта и безопасности для линейки защитных чехлов для телефонов Quad Lock.

Черный, Серый, Белый: Иногда лучший цвет для вашего бренда — это вообще отсутствие цвета.Оттенки черного, белого и серого, как правило, вызывают чувство спокойствия, баланса или ясности.

Schoolhouse сочетает в себе оттенки серого с мягкими приглушенными цветами, чтобы придать своему бренду домашнего декора ощущение спокойствия.

Использование нескольких цветов

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

Логотип FedEx обычно отображается синим и оранжевым цветом. Однако для конкретных отделов компания создала альтернативные цветные логотипы.

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

Как вы создаете цветовые комбинации для своего логотипа?

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

  • Paletton: цветовое колесо Paletton позволяет создавать цветовые схемы с помощью простых интерактивных ползунков.
  • Coolors: Coolors позволяет генерировать случайные цветовые гармонии, фиксировать цвета, которые вы хотите сохранить в своей палитре, и совместно настраивать другие цвета для создания полностью настраиваемой палитры. Вы также можете создавать палитры из загруженных изображений.
  • Colormind: Colormind особенно хорош для веб-дизайнеров, потому что он включает простой в использовании инструмент для достижения удобочитаемости и цветовой гармонии на веб-страницах путем предварительного просмотра цветовых комбинаций на той же странице в режиме реального времени по мере внесения корректировок в палитру.
  • ColorSpace: ColorSpace лучше всего подходит для разработчиков, поскольку он автоматически генерирует код CSS для включения цветовой палитры, которую вы создаете на своей веб-странице.
  • Генератор цветовой палитры Canva: Canva генерирует цветовые схемы случайным образом или из изображений. Но что делает инструмент Canva уникальным, так это его способность искать цветовые палитры по ключевым словам.

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

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

Из одной фотографии можно извлечь множество вариантов оттенков.Оригинальное фото Скотта Уэбба из Burst.

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

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

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

Тем не менее, что-то с ними было не так. Они источали качество «возвращения к природе», но также напоминали нам военный камуфляж.Подобная цветовая комбинация могла бы отлично подойти для более прочного бренда, продающего охотничьи принадлежности или снаряжение для кемпинга, но для миролюбивых хиппи из LawnPure, продающих экологически чистые средства по уходу за газоном, она не подходила.

Первоначально выбор в пользу зеленого казался легким, но после нескольких часов экспериментов стало казаться, что мы вообще не приняли решения. «Зеленый» может означать зеленый лайм, зеленый морской пены или зеленый лес… но какой зеленый цвет является зеленым LawnPure? Отказавшись от стольких оттенков, мы наконец остановились на том зеленом, который искали.

LawnPure green (шестнадцатеричный код # 00b151) — более чистый, мягкий зеленый, не слишком насыщенный, не слишком темный и с легким оттенком синего — едва заметный, но достаточный, чтобы вызвать в воображении изображения пышного поля под ярко-синим. небо. Это был цвет бренда LawnPure.

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

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

Наконец-то появился коричневый. Смешивание с коричневым казалось наиболее целесообразным, учитывая, что это цвет богатой почвы.Но это сочетание показалось менее эстетичным. Темно-коричневый цвет не очень подходил к зеленому LawnPure. Более светлые коричневые цвета выглядели лучше, но, как правило, напоминали каменистую, высохшую бесплодную землю, а не богатую пахотную почву.

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

4. Выберите шрифт

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

Гарнитура и шрифт

Термины «гарнитура» и «шрифт» взаимозаменяемы в большинстве контекстов, поэтому принято считать, что они синонимы.Однако есть важное различие: шрифт — это характерно особый набор типографских символов и знаков, часто разделенных на варианты, например курсив и полужирный . Каждый из этих наборов вариантов представляет собой шрифт.

Четыре основных стиля шрифтов и когда их использовать

Есть много моделей сортировки шрифтов⁠. Некоторые сосредоточены на стиле, некоторые — на историческом значении, а некоторые — на бесконечных разделенных подкатегориях. Однако наиболее распространенная система разделяет шрифты на четыре основных типа.

Стили шрифтов с засечками

Слово «serif» описывает небольшую линию или штрих, прикрепленный к концу более длинного штриха в букве или другом символе. Засечки являются самым старым шрифтовым стилем, корни которого уходят в письменные надписи, используемые в латинском алфавите.

  • Характеристики: Засечки часто ассоциируются с историей, традициями и древностью и используются для обозначения богатства, элегантности и авторитета.
  • Когда их использовать: Шрифты с засечками могут создавать привлекательный шрифт и традиционно используются для основного текста в печатных материалах, таких как газеты, книги и журналы.Люксовые бренды, обслуживающие состоятельную аудиторию, также часто используют шрифты с засечками.
  • Использование в брендинге: Старые шрифты и переходные засечки имеют тенденцию ощущаться более «классическими». Современные и «плоские» шрифты с засечками (шрифты с более толстым штрихом с засечками) кажутся более современными, инновационными и креативными.
SLH.com использует шрифт с засечками для изображения роскоши и современности. Изображение любезно предоставлено Campaigns of the World.

Стили шрифта без засечек

Шрифты без засечек, иногда называемые готическими, не имеют засечек в конце штрихов символов.У шрифтов без засечек меньше вариаций ширины линии и, как правило, их легче читать при подсветке, что делает их наиболее часто используемыми в тексте на экранах компьютеров. В печатных СМИ они чаще всего используются в заголовках, но иногда могут использоваться и в основном тексте.

  • Характеристики: шрифтов без засечек обычно ассоциируются с простотой, современностью и минимализмом. С точки зрения дизайна они хорошо сочетаются с обилием негативного пространства и производят впечатление глянца и утонченности.
  • Когда использовать: Шрифты без засечек универсальны и удобны для копирования на экран и заголовков.Бренды обычно используют шрифты без засечек, пытаясь передать ощущение современной элегантной простоты.
  • Использование в брендинге: Шрифты без засечек, как правило, более разборчивы на экране, чем в печати, поэтому их чаще используют в основном тексте на веб-сайтах, чем в журналах и газетах. Вообще говоря, шрифты без засечек придают более неотерический оттенок и чаще используются брендами, пытающимися передать ощущение новаторства и современности.
McDonald’s использует шрифт без засечек, чтобы передать упрощенную современность.Изображение любезно предоставлено Campaigns of the World.

Стили скрипта

Шрифты Script являются производными от почерка или каллиграфии. Скрипты более гибкие, чем стили без засечек или без засечек, и часто используются в более причудливых контекстах. Стили сценария универсальны и могут использоваться как официальными, так и повседневными брендами⁠.

  • Характеристики: Будучи производными от почерка, скрипты имеют тенденцию «очеловечивать» текст. У шрифтов Script часто есть много индивидуальности, поэтому они особенно хороши в изменении настроения вашего текста.
  • Когда использовать: Скрипты следует использовать экономно. Они плохо подходят для длинного, расширенного основного текста, потому что обычно менее разборчивы. Однако в сочетании с шрифтом с засечками или без засечек скрипты могут быть очень эффективным инструментом для выделения.
  • Использование в брендинге: Формальные шрифты создают ощущение роскоши, романтики и страсти. Неформальные сценарии могут придать вашему бренду более простую и простую атмосферу. Сценарии могут лучше выделять слова и короткие фразы, особенно если это слово, на котором ваш клиент остановится.
HBO использует гарнитуру шрифта для выделения. Любезно предоставлено кампаниями мира.

Декоративные шрифты

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

  • Характеристики: Декоративные шрифты могут быть очень сложными, поскольку они стилистически разнообразны, но, как правило, их труднее читать, что делает их плохими для основного текста. Заголовки могут выглядеть лучше в стиле декоративного шрифта, но даже здесь дизайнеры должны быть осторожны: чрезмерное использование почти любого декоративного шрифта имеет тенденцию выглядеть безвкусно. Декоративные шрифты также быстро устаревают, поскольку имеют тенденцию цепляться за эстетические тенденции.
  • Когда использовать: Рекомендуется избегать интенсивного использования декоративных шрифтов.Отдельные символы могут быть хороши для адаптации или включения в логотипы, но убедитесь, что у вас есть лицензионные права на использование символа в вашем логотипе.
  • Использование в брендинге: Декоративные шрифты бесконечно разнообразны, поэтому их невозможно сузить до одноразового использования. Декоративные шрифты обычно используются в логотипах, а крупные бренды часто создают целые наборы шрифтов только для собственного использования. Несимвольные шрифты (например, смайлики) также часто используются для привлечения молодых клиентов.

McDonald’s рассказывает историю, используя только смайлики. Изображение любезно предоставлено Ads of the World.

Что мой шрифт говорит о моем бренде?

Как и цвет, небольшое различие в шрифте может сказать о вашем бренде совершенно разные вещи. Допускается использование более чем одного фирменного шрифта, но главное — согласованность. Снова и снова переключение между совершенно разными шрифтами может придать вашему бренду ощущение нерешительности, которое со временем может перерасти в недоверие клиентов.

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

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

Как и в случае с цветом, идентичность бренда является наиболее важным фактором, который следует учитывать при выборе шрифта.Различные атрибуты шрифта имеют тенденцию ссылаться на разные качества бренда:

1. Линии : толстые и тонкие

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

2. Напряжение: диагональ по вертикали

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

3. Контраст: низкий по сравнению с высоким

Когда мы говорим о шрифте, «контраст» описывает разницу в толщине между тонкими и толстыми мазками. Низкоконтрастные шрифты обычно более разборчивы, но менее формальны, чем шрифты со средним контрастом.Высококонтрастные шрифты обычно выглядят более современными и авторитетными.

4. Настроение: формальное или неформальное, классическое или современное, драматическое или спокойное

Труднее определить «настроение» шрифта. Старые шрифты и скрипты с засечками выглядят более формально и классически, а старые скрипты выглядят более драматично. Новые шрифты без засечек, как правило, передают спокойную современность, но могут быть как формальными, так и неформальными. Декоративные шрифты могут включать все вышеперечисленное, но в целом они кажутся более драматичными.Спросите себя, какие качества вы приписываете своему шрифту, и есть ли те же качества, которые вы приписываете своему бренду.

5. Создайте несколько черновых версий

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

Мы решили поиграть со спокойными, современными шрифтами, чтобы посмотреть, что у нас получилось:

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

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

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

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

Нашим любимым сценарием был Southern Aire, так как он больше всего напоминал траву. Мы попробовали комбинировать этот шрифт с некоторыми другими, более формальными гарнитурами без засечек, чтобы посмотреть, что сработает.

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

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

По завершении, шрифт, который, по нашему мнению, лучше всего отражал ценности нашего бренда, был Rhino Sans.

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

Что нам не понравилось в нем, так это буква «W», которая была шире остальных букв. Именно здесь мы решили объединить нашу идею травяного сценария с Rhino Sans. Мы протестировали несколько вещей:

Здесь мы снова столкнулись с проблемой.Чем больше мы меняли букву «W», чтобы она выглядела как трава, тем менее разборчивой она становилась. Здесь важно подчеркнуть часы проб и ошибок, которые могут уйти на создание даже того, что кажется простым логотипом.

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

Именно тогда мы решили, что лучше всего придумать собственную букву «W», чтобы она выглядела как трава.Если вам удобнее рисовать логотип от руки, смело выбирайте этот путь. Мы лично предпочли инструмент «Перо» в Photoshop.

6. Получите обратную связь

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

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

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

Для получения наилучшей обратной связи задавайте конкретные вопросы о том, как каждый человек воспринимает ваш бренд на основе логотипа. Если вам скажут, что ваш логотип «хороший» или «плохой», это не поможет, но будет полезно знать, как выглядит ваш бренд.

Вот несколько идей, которые можно задать при получении обратной связи:

  • Что вам больше всего бросается в глаза?
  • Как бы вы охарактеризовали мой бренд?
  • Что вам больше всего запомнилось в логотипе?
  • Что вас смущает?
  • Если бы вы могли удалить один аспект дизайна, что бы это было?

Трудно быть уверенным в том, как они отреагируют на ваш бренд в реальной жизни, поэтому избегайте таких вопросов, как «Вы бы купили это?» или «Это интересно?» Более конкретные вопросы позволят получить более конкретные ответы и лучшие отзывы.

После того, как мы поработали с логотипом LawnPure, у нас был дизайн, готовый для обратной связи:

7. Отшлифуйте свой лучший дизайн

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

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

Это случилось с нашим дизайном. Мы так долго пытались сделать логотип травы похожим на траву, что забыли сделать его похожим на букву «W.» Самая распространенная обратная связь, которую мы получили о нашем первом черновике, заключалась в том, что было неясно, как произносится «LallnPure». Мы вернулись к чертежной доске, чтобы расширить кругозор.

Второй отзыв был связан с кернингом на последней букве «е» в LawnPure. Мы использовали интервал шрифта по умолчанию, но, поскольку размер и размеры были значительно изменены, буква «е» выглядела немного далекой.

Мы учли отзывы, внесли предложенные изменения и, наконец, наш отполированный логотип был готов:

Сколько должен стоить дизайн логотипа?

Теперь, когда мы рассмотрели, как выглядит процесс разработки логотипа, возникает очевидный вопрос: разработать собственный логотип или нанять дизайнера?

Создать уникальный, но в то же время достаточно простой, чтобы запомнить логотип — непростая задача для дизайнеров-любителей.Делайте то, что вы делаете в любом аспекте своего бизнеса, и наймите профессионала, если у вас есть бюджет. Но сколько должен стоить логотип?

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

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

Следует ли вам нанять дизайнера или разработать собственный логотип?

Вот несколько вопросов, которые стоит задать себе, если вы собираетесь нанять дизайнера для создания вашего логотипа:

Есть ли у меня бюджет? Дизайн логотипов может стоить от нуля, если вы пользуетесь бесплатным онлайн-конструктором логотипов, до десятков тысяч долларов, если вы работаете с профессиональным дизайнером или агентством.Будьте готовы заплатить от 50 до 300 долларов по минимальной цене, чтобы нанять достаточно опытного дизайнера.

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

Сколько времени я могу позволить себе посвятить разработке логотипа? Разработка логотипа — это больше, чем просто сидеть и ждать момента «эврики». Обычно это совместный процесс, когда дизайнеры представляют вам несколько приблизительных вариантов и полагаются на ваши отзывы, чтобы пересмотреть свою работу.

Хорошо ли я разбираюсь в дизайне? Дизайн логотипа — непростая задача. Если бы это было так, вы бы не думали о найме дизайнера. Некоторые владельцы бизнеса преуспевают в словесном выражении ценностей своего бренда, но не могут перевести эти слова в изображение.С другой стороны, дизайнеры обычно преуспевают в переводе слов в изображения. Если ваши навыки больше подходят для управления, чем для творчества, найм дизайнера, вероятно, будет правильным путем.

Найм дизайнера

Если вы решили, что хотите работать с профессионалом, нет недостатка в веб-сайтах и ​​онлайн-сообществах, где вы можете найти дизайнеров, которых можно нанять для работы фрилансером:

  1. Shopify Experts: если вы ищете дизайнера, который знает электронную коммерцию как свои пять пальцев, просмотрите нашу торговую площадку Shopify Experts.Эксперты Shopify могут помочь со всевозможными настройками дизайна и могут быть отфильтрованы, чтобы найти эксперта в вашем ценовом диапазоне или с опытом работы в вашей отрасли.
  2. Upwork: глобальная онлайн-платформа для фрилансеров, которая удаленно связывает предприятия с фрилансерами. Upwork включает в себя совместное расписание и чат, что позволяет легко отслеживать прогресс вашего фрилансера.
  3. Фрилансер: Фрилансер уникален тем, что потенциальные наниматели «делают ставки» за вакансии, которые вы публикуете, что позволяет вам найти лучшего дизайнера по самой низкой цене.
  4. Fiverr: двусторонняя торговая площадка для покупки и продажи различных цифровых услуг, таких как написание текстов, графический дизайн, редактирование видео и программирование. Fiverr предлагает фиксированные цены на услуги независимо от рабочего времени, что упрощает планирование дизайна вашего логотипа.
  5. Dribbble: сообщество дизайнеров, где можно продемонстрировать свои творческие способности и связаться с работодателями. Dribble работает не только как место, где можно найти дизайнера, но и как место для изучения новых креативных дизайнов и вдохновения, если вы решите создать свой собственный логотип.

Советы по работе с графическим дизайнером для вашего логотипа

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

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

  • Выполните проверку биографических данных и помните о безопасности. Подавляющее большинство пользователей веб-сайтов для фрилансеров — прекрасные художники, которые хотят зарабатывать деньги, занимаясь любимым делом. Но в редких случаях мошенники будут отвечать на объявления о вакансиях с намерением обмануть пользователей. Всегда проверяйте страницу аккаунта фрилансера на предмет его портфолио и отзывов от предыдущих работодателей, чтобы убедиться в качестве их работы.Всегда общайтесь письменно. Никогда не сообщайте фрилансеру какую-либо личную финансовую информацию или пароли аккаунтов.
  • Приведите примеры логотипов и как можно подробнее. Если есть какой-то конкретный вид, которому вы хотите подражать, приведите пару примеров. Графические дизайнеры, как правило, обучаются визуально, а это значит, что проще всего будет показать им то, что вы хотите, а не сказать им .
  • Укажите реалистичные временные рамки. Уважайте творческий процесс и поймите, что конечный продукт может потребовать нескольких черновиков и сессий обратной связи, прежде чем проявится. Если вы укажете короткие временные рамки, логотип будет выглядеть поспешным и неполным.
  • Оставьте отзыв, который будет ясным, кратким, конкретным и честным. Наименее полезная вещь, которую вы можете сказать о черновике, — это то, что он «хороший» или «плохой», потому что ни в одном из них ничего не говорится о том, что работает в дизайне, а что нет. Не задавайте расплывчатых вопросов типа «Можете ли вы сделать это моднее?» или поставьте абстрактные цели, например: «Попытайтесь передать вневременной дух нашего бренда.Вместо этого постарайтесь определить, что больше всего запомнилось в дизайне, а что можно удалить.
  • Не контролируйте своего дизайнера на микроуровне. Выделите достаточно времени на разработку логотипа, отзывы и исправления. Нет необходимости связываться с дизайнером между черновиками или контролировать их, пока они работают. Постоянные встречи с фрилансером создают впечатление, что вы не доверяете им в предоставлении качественной работы или не уважаете их опыт дизайнеров.
  • Не ждите, что они будут выполнять какую-либо работу бесплатно. Не просите фрилансеров «подавать заявки» с оригинальными работами, если вы не планируете им платить. Не просите «бесплатные образцы», «быстрые исправления» или «небольшие услуги». Не ожидайте, что заплатите за «известность», «опыт» или «шанс создать отличное портфолио». Такой подход неэтичен и почти всегда приводит к некачественной работе.

Разработка логотипа бесплатно (или дешево)

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

Пять ведущих производителей бесплатных логотипов

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

Чтобы помочь вам в процессе принятия решений, мы составили список лучших бесплатных создателей логотипов, которые сейчас работают онлайн:

Hatchful от Shopify: Hatchful — это бесплатный инструмент для создания логотипов Shopify, специально предназначенный для отраслей электронной коммерции.Hatchful работает, задавая вопросы о личности вашего бренда и отрасли, а затем создает дизайн, специально подобранный для вашего бизнеса. Оттуда Hatchful позволяет настраивать шрифты, цвета, значки и макеты.

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

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

  1. Canva: бесплатный набор инструментов графического дизайна Canva включает множество шаблонов логотипов, которые можно настроить с помощью интуитивно понятного редактора перетаскивания. Canva отлично подходит для практических пользователей⁠, особенно тех, кто ищет полную свободу творчества.Однако безграничные возможности дизайна могут быть ошеломляющими для новичков. Если у вас меньше опыта в дизайне, возможно, вам лучше подойдет более доступный создатель логотипа из этого списка.
  2. LogoMakr: В LogoMakr есть упрощенный пошаговый процесс создания логотипа, который легко освоить новичкам. С базой данных, содержащей более миллиона изображений с возможностью поиска, текстовой панелью инструментов и упрощенной и удобной системой слоев, похожей на инструмент «Слои» в Photoshop и других более сложных программах для проектирования.
  3. Ucraft: Создатель логотипов Ucraft отлично подходит для создания минималистичных логотипов в сжатые сроки.Ucraft предоставляет три элементарных варианта дизайна — текст, значки и формы⁠, а также интерфейс перетаскивания для удобной настройки логотипов. Хотя возможности дизайна ограничены, простота Ucraft делает его отличным инструментом, если вам в крайнем случае нужен логотип.
  4. MarkMaker: генератор логотипов MarkMaker имеет очень ограниченные возможности настройки, но он компенсирует это тем, что является одним из самых простых генераторов логотипов для начинающих. Его уникальный процесс похож на создание робота для графического дизайна на базе искусственного интеллекта.Markmaker скармливает вам бесконечную прокрутку мгновенно сгенерированных логотипов, спрашивает, какие логотипы вам нравятся, а затем создает больше дизайнов на основе ваших предпочтений.

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

Инструменты создания логотипов

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

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

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

Фото Сары Пфлуг из Burst.

Как избежать распространенных ошибок в дизайне логотипов

Если есть что вынести из всего этого, так это то, что не следует недооценивать важность своего логотипа.

Логотипы субъективны. Хотя нет правильного или неправильного способа сделать это, есть распространенные ошибки и полезные методы, о которых следует знать:

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

НЕ ЗАБУДЬТЕ чрезмерно усложнять дизайн. Не помещайте слишком много значков в один логотип. Простые фигуры гораздо легче передать, чем сложные сцены, и они с большей вероятностью запомнятся. Рассмотрим стойкость культового дизайна Apple или симметричного логотипа Volkswagen «VW».

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

НЕ создавайте слишком разные вариации. Избегайте перегруппировки слишком большого количества элементов и не меняйте дизайн.

DO исследуйте логотипы и вдохновляйтесь другими брендами, особенно в вашей отрасли.

НЕ слишком точно имитируйте логотипы. Это не только плагиат, но и препятствует тому, чтобы ваш логотип выделялся среди других.

ДО Будь современным. Даже если ваш бренд носит более «классический» характер⁠, ему все равно придется конкурировать в современном мире.Тонны брендов опираются на классические атрибуты дизайна, но полное пренебрежение десятилетиями теории дизайна будет отталкивать.

НЕ слишком модно. Логотипы, созданные в эпоху одержимости определенными цветами, дизайном или эстетикой, быстро устаревают. Например, оригинальный логотип Toronto Raptors был задуман в 1994 году, когда яркие пастельные тона, острые угловатые узоры и Jurassic Park были на пике своей популярности. Первоначальные продажи товаров были высокими, но логотип быстро устарел и после нескольких незначительных изменений был окончательно прекращен в 2014 году.

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

Создайте логотип, который вам нравится

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

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

Иллюстрации Евгении Мелло

Как создать собственную этикетку

У вас есть идеальный продукт — поздравляем! Пришло время подумать о своем лейбле.

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

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

Создание вашей этикетки

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

В качестве альтернативы, если у вас уже было видение внешнего вида вашей этикетки, но вы не знакомы с инструментами, позволяющими воплотить ее в жизнь, Your Labels Now предлагает услуги по дизайну. Благодаря вашему сотрудничеству мы можем помочь создать этикетку вашей мечты.

Программы и ПО для проектирования

Чтобы приступить к созданию этикеток, вам потребуются подходящие цифровые инструменты. Если вы не уверены в своих навыках работы с Adobe Illustrator или InDesign, мы рекомендуем вам попробовать более интуитивно понятную программу для дизайна этикеток, такую ​​как Canva.

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

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

И когда вы будете готовы снова погрузиться в процесс проектирования, обратитесь к этому руководству.

Шаг 1. Создайте свой бренд

Прежде чем начать, может показаться, что нужно подумать о миллионе шагов — какой цвет выбрать? Какие шрифты я использую? Как мне вообще СДЕЛАТЬ этикетку? — но сначала вы должны задать себе один вопрос:

Какой у вас бренд?

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

Так почему же так важна идентичность вашего бренда? Подумайте об этом — потребители сталкиваются с бесконечными решениями о покупке, куда бы они ни пошли, в Интернете или где-либо еще. Формирование отличительной идентичности, которая продвигает привлекательные ценности, может сделать ваш продукт более запоминающимся и даже способствовать лояльности ваших клиентов в будущем.

Начните думать о том, как вы можете отличить свой бренд. Одно из простых упражнений — придумать список прилагательных, чтобы описать тон вашего бренда.Какой тон вы хотите передать в своем продукте? Это шутливо или серьезно? Смелый или успокаивающий? Придумайте как можно больше описательных прилагательных.

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

Шаг 2. Рассмотрите варианты цвета

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

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

Если вы не знаете, с чего начать выбор цветов, Coolors — это генератор цветовых схем, который может обеспечить отличное начало.Это бесплатное приложение генерирует серию цветов, которые вы можете вращать и переключать, пока не получите желаемую цветовую схему.

Шаг 3. Выбор шрифта

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

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

Выбор шрифта требует большой интуиции. Просмотрите некоторые страницы Adobe Fonts или Google Fonts и обратите внимание на шрифты, которые вы видите. Как бы вы описали этот шрифт (Luckiest Guy, в Google Fonts):

В чем отличие от этого шрифта (Playfair Display)?

Держите в уме список прилагательных вашего бренда.Можете ли вы увидеть, что какой-либо из этих шрифтов соответствует тональности вашего бренда?

Хорошее практическое правило — выбирать два шрифта. Стремитесь использовать один шрифт для отображения (например, названия вашего продукта) и другой шрифт для чтения (например, для списка ингредиентов). Шрифт дисплея может иметь больше символов, чтобы передать особый тон вашему продукту. Шрифт для чтения должен быть более разборчивым и функциональным.

Прежде чем выбрать какой-либо шрифт, обязательно ознакомьтесь с условиями использования. Google Fonts позволяет воспроизводить шрифты для коммерческого использования, но другие веб-сайты шрифтов могут иметь другие правила.Просто будьте осторожны при использовании чего-либо, созданного кем-то, кроме вас.

Шаг 4. Найдите сильные образы

Хотя можно создать интригующий дизайн без помощи каких-либо изображений, зачем использовать слова только тогда, когда изображение стоит тысячи их?

Хорошие изображения могут действительно укрепить ваш дизайн. Быстрое распространение доступных и уникальных стоковых изображений в Интернете позволяет легче, чем когда-либо, найти подходящее изображение для вашего лейбла. Если вы понимаете их условия использования, вы можете найти стоковое изображение практически для всего, что вам нужно.Такие сайты, как GettyImages, предлагают фотографии премиум-класса по цене. Сайты с бесплатными изображениями включают Pixabay и Unsplash.

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

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

Логистика и производство

Шаг 5. Какая информация вам нужна на вашей этикетке?

В ваших интересах, чтобы на этикетке была указана вся необходимая по закону информация.

Шаг 6. Печать этикеток

Теперь, когда ваш дизайн готов, пришло время подумать о печати этикеток.

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

Если вы думаете, что готовы воплотить в жизнь свой красивый дизайн, получите у нас ценовое предложение.

Вот готовая этикетка, которую мы создали вместе:

Несколько дополнительных советов, которые помогут вам в работе

  1. Выбранный вами этикеточный материал повлияет на общий вид вашей упаковки, поэтому при разработке этикетки обязательно учитывайте свой материал. Если вы хотите выглядеть естественно, крафт-бумага может стать хорошим выбором. Хотите выглядеть без ярлыка? Выберите очистить БОПП. Если вам нужно просмотреть материалы, чтобы наглядно представить их влияние на дизайн, закажите бесплатные образцы и выберите тот, который лучше всего подходит для вашего дизайна.
  2. При компоновке дизайна убедитесь, что в нем достаточно отрицательного пространства. Возможно, вы почувствуете необходимость втиснуть на этикетку как можно больше информации. Но дайте вашему типу и образам передышку.
  3. Попробуйте разные варианты творчества. Создайте от трех до пяти разных дизайнов с разными цветами и шрифтами. Попробуйте другие варианты, прежде чем доработать свой дизайн.
  4. Спросите своих друзей и семью, могут ли они уделить несколько минут, чтобы взглянуть на ваш лейбл и сказать, что они думают.Даже если у вашего друга нет опыта в дизайне, все равно полезно иметь взгляд со стороны.

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

Если вам нужна дополнительная информация о дизайне этикеток продуктов, загрузите наше подробное руководство для владельцев малого бизнеса здесь.

Формирование культуры дизайна с нуля | Дженнифер Герген

Стать племенем

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

Нам нужно было стать племенем — с точки зрения менталитета и общих ценностей, инструментов и территории.

Рост команды, счастье и организация

Сначала у нас не было столько дизайнеров, сколько у нас были кросс-функциональные команды, поэтому рост команды был необходим для того, чтобы оторваться от менталитета отдела обслуживания, не перегружая его. у одного дизайнера слишком много встреч.Как я уже говорил, дизайнеры, которые у нас были, были суперталантливыми, но при этом немного сварливыми, поэтому нам также нужно было сосредоточиться на удержании. Разделение на разные команды означало, что нам также нужно было сформировать стратегию о том, как делиться и одобрять работу, некоторые общие ценности для совместимого принятия решений и способ не допускать слишком сильного расхождения наших проектов. Все началось с простого документа ценностей Google, написанного в соавторстве, с нескольких мантр вроде «рисуй, когда говоришь» и «лучший дизайн — результат сотрудничества», а также с еженедельной встречи Show & Tell, но по мере того, как мы росли и боролись, она превратилась в много.

Подробнее читайте в моей статье «Как мне удалось».

Библиотека компонентов «атомарного дизайна»

Когда я присоединился к Meetup, идея «атомарного дизайна» или «дизайнерских операций» все еще была довольно нова, но они уже создали среду индивидуального дизайна в SASS. Это было для меня большим преимуществом, потому что я пытался создать раннюю версию инструмента для управления компонентами дизайна в своей предыдущей компании. Я даже говорил об этом на Agile UX 2012.

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

Наша библиотека со временем приняла множество различных форм, поскольку компания сместила фокус и появились новые технологии прототипирования. То, что начиналось как настраиваемый фреймворк SASS, позже включало библиотеку эскизов, затем нативные компоненты React и множество нативных сниппетов для iOS и Android.Несмотря на то, что корзина библиотеки / фреймворка / компонента так и не была формализована в чистый внутренний инструмент, который мы предполагали, общая стратегия помогла нам достичь половины пути.

Самыми важными решениями были:

http://meetup.github.io/sassquatch3/index.html
  • готовность работать с компонентной системой и желание помочь в ее создании, что стало ключевой частью нашего критерии найма
  • решение о том, что мы будем разрабатывать для нескольких платформ одновременно и в максимально возможной степени следовать нативным шаблонам — выбирая только специальные «моменты брендинга» для пользовательских сборок
  • , чтобы мы сохранили библиотеку как можно более минимальной — чтобы не было 20 различных версий серого текста.

Наличие формальной инфраструктуры проектирования позволяет глубже проникнуть в корни создания программных проектов.Это — помимо всех других преимуществ — имеет огромное значение для создания прочной и устойчивой культуры дизайна.

Посетите веб-библиотеку

The Design Lab

Во время моих первоначальных сварливых собеседований один из дизайнеров в команде предложил создать лабораторию дизайна, подобную той, что была у MailChimp. Сначала я отклонил идею как легкомысленную — представить себе игровую комнату в модном дизайне штанов с 3D-принтерами, лазерами и раскрашиванием пальцев. Но, к счастью, я почти сразу передумал и увидел необходимость и потенциал.

Мы заняли прохладный уголок в офисе, купили несколько дешевых столешниц Ikea, позаимствовали проектор и несколько мониторов у ИТ-отдела и устроили «лабораторию». Идея заключалась в том, чтобы однажды в неделю мы все сидели вместе, а не со своими обычными командами, и это дало бы нам возможность увидеть, над чем все работают, получить обратную связь и по-настоящему сплотиться как команда дизайнеров — как племя. Это было не тихое рабочее место. Фактически, он был разработан для того, чтобы вы чувствовали себя немного некомфортно, если вы не сотрудничаете.Эта маленькая вещь сумела произвести большое впечатление и стала решающей в формировании нашей культуры дизайна.

Подробнее о лаборатории.

Каркасы в веб-дизайне: нужно проектировать с нуля

Сегодня мы начнем с основных советов. Один из тех, что вы читали в блогах уже десятки раз.

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

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

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

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

И каковы последствия этого? Muuchas.

Например, поставьте себя на место. Вы работаете над веб-сайтом клиента, и да, на встрече вы более или менее рассказываете ему, как вы его поднимаете, чтобы получить представление.

Но вы не научите ее точно, как вы структурируете его, как вы организуете элементы на каждой странице и т. Д. Может случиться так, что когда вы покажете ему результат, он бросит его вам земля. Возможно, вы не совсем близки к тому, что искали, и все время, которое вы потратили на Интернет в конце , не принесет никакой пользы.

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

То есть конечный пользователь не имеет хорошего опыта с веб-сайтом или приложением, и, следовательно, меньше посещений, меньше продаж, подписок и т. Д.

Следовательно, крайне важно, чтобы вы сначала остановились и тратьте время на эти вещи. Это сэкономит вам много времени и денег.

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

Мы вам все расскажем. Погнали! 🙂

Что такое каркас

Начнем с основ: что такое каркас в веб-дизайне или приложении.

В двух словах: ваш новый лучший друг и союзник.

Мы объяснились сами себе.

Каркас — это не что иное, как эскиз, который визуально представляет структуру страниц на веб-сайте или в приложении.

Если мы углубимся в детали, каркас в дизайне имеет следующие особенности:

  • Определяет содержимое и позицию различных блоков в Интернете.
  • проще, тем лучше. Он просто должен содержать базовую схему того, как должна выглядеть структура.
  • Не используйте шрифты, цвета, логотипы и т. Д.
  • Это не последняя работа, вам не нужно делать ее много раз. Это прорыв проекта. Исходя из этого, заказчик предоставит вам обратную связь и внесет необходимые исправления. Вот почему важно, чтобы вы не слишком много работали, элементов дизайна, таких как цвет, здесь не играют роли. Только организация страницы.

Элементы каркасов

Мы уже продвинули его: не включайте тысячу вещей в каркасы.

Они должны быть простыми (но эффективными). И для этого мы предлагаем вам включить это:

  • Блоки содержимого: Поместите текст страницы в каркас. Неважно, если вы все еще точно не знаете, что собираетесь поместить. Он должен дать вам представление о визуальном макете.
  • Блоки изображений или другого мультимедийного контента: то есть, где будут расположены логотипы, видео, изображения, баннеры и т. Д.
  • Контактные формы: Если это контактная страница, услуги, домашняя страница или сжатая страница , , мы настоятельно рекомендуем добавить форму для связи с вами.Вот почему важно включить его в каркас, чтобы понять, где он будет.
  • Элементы навигации: эти — это элементы, которые перенаправляют вас на другие страницы. Например, кнопки с призывом к действию, известные как призыв к действию или CTA на английском языке. Помимо этого, элементами навигации являются меню, значки социальных сетей, баннеры и т. Д. Таким образом, необходимо учесть множество элементов, которые должны занять свое место в вашем каркасе.

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

Пример каркаса для страницы продукта в электронной коммерции

Причины создания каркаса

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

Но, возможно, вы все еще не совсем уверены, стоит ли тратить на это время.

Итак, если остались сомнения, снимаем их. Планирование дизайна с использованием каркаса — это только преимущества:

  • Это быстро и дешево. Это схематические эскизы, поэтому их можно сделать в короткие сроки. И если вам придется вносить исправления, это тоже не займет много времени. Было бы намного хуже, если бы пришлось изменить саму сеть после того, как она была спроектирована, не так ли? 😉
  • Они служат для обнаружения и устранения проблем заранее. Очень полезно сделать вайрфреймингом (да, англичане даже придумали для этого глагол), чтобы предвидеть возможные проблемы с удобством использования сайта.Вы не знаете, сколько времени вы можете сэкономить, вовремя обнаружив эти маленькие проблемы.
  • Экономьте время при проектировании. Что-то очень важное. У вас уже будет план, и он не останется в вашей голове.