Как спроектировать: Как спроектировать и сконструировать сложное изделие? — Хабр Q&A

Содержание

Как спроектировать базу данных, чтобы в будущем не пришлось её переписывать — базовые советы

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

А если вы знакомы с SQL и вас не остановили предыдущие термины, на всякий случай напомним, что:

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

***

Есть минимум два требования, которые должны быть соблюдены при проектировании структуры БД:

  1. Сохранить всю информацию после разделения её на таблицы.
  2. Минимизировать избыточность того, как эта информация хранится.

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

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

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

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

Используйте хотя бы третью нормальную форму

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

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

Первая нормальная форма

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

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

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

Вторая нормальная форма

В нашем случае у таблицы выше имеется сложный (составной) ключ {Н_СОТР, Н_ПРО}. От части ключа Н_СОТР зависят неключевые атрибуты ФАМ, Н_ОТД, ТЕЛ. От части ключа Н_ПРО зависит неключевой атрибут ПРОЕКТ. А вот атрибут Н_ЗАДАН зависит от всего составного ключа, так как сотрудник может выполнять одно задание в одном проекте.

Поэтому для приведения отношения ко второй нормальной форме из отношения сотрудники_отделы_проекты нужно выделить два отношения сотрудники_отделы и проекты, а исходное отношение оставим отношением задания.

Наконец, третья нормальная форма

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

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

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

Используйте проверочные ограничения

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

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

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

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

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

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

Не храните ФИО в одном поле, также как и полный адрес

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

Похожая ситуация и с ФИО. Даже если кажется, что это ни к чему, храните эти данные в разных полях, и в будущем вы поблагодарите себя.

Установите для себя правила именования таблиц и полей

Сложно работать с данными, которые выглядят как-то так: user.firstName, user.last_name, user.birthDate. Конечно, каждый программист в праве сам выбирать для себя стиль наименования, но для SQL рекомендуется выбрать наименование с подчёркиванием. Потому что не все SQL-движки одинаково работают с заглавными буквами, а помещать всё в кавычки бывает утомительно.

Ещё нужно определиться как будут называться таблицы — во множественном числе (users) или в единственном (user). Каждая базовая структура в БД обычно настроена на множественное число, поэтому и именовать таблицы стоит соответственно.

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

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

Перевод статьи «A humble guide to database schema design»

13

Как нужно проектировать города (и почему сейчас это делают неправильно): мнение архитектора

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

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

 

Никто не проектирует фруктовые пироги, точно определяя координаты его ингредиентов.

 

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

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

Пирожные массового производства никогда не станут такими премиальными, как, скажем, iPhone.

 

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

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

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


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

 

Зачастую люди чувствуют себя более комфортно в органической среде, сформированной с течением времени по паттернам, чем в стерильном, явно спланированном дизайне. Джейн Якобс ясно это осознала и направила свои усилия на защиту органического характера района West Village на Манхэттене.

Баланс между проектированием и рецептами

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

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


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

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


Проекты Миса ва дер Роэ не были бы столь эффектны без сознательно выбранных органических элементов, таких как фигурные куски скульптур или деревья.

 


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

Почему города промышленной эры не создавались по рецептам

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

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

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

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

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

 


Не этот. Я выбрал генеральный план случайного современного города слева (Зувара в Ливии), чтобы проиллюстрировать, что, по моему мнению, не является органическим. Этот город может иметь внешние атрибуты, связанные с природными элементами — много кривых и зелени, — но он определенно искусственный. Планы Зувары имеют больше общего с районом ХХ столетия справа, чем с по-настоящему органической планировкой многих средневековых городов.

 


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

 


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

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

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

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

Паракеш Кристофера Хольца и Йоганна Ватцке. Прекрасный пример города, сделанного на основе рецепта. Вы не смогли бы спроектировать подобный город с нуля до появления повсеместных компьютерных вычислений по двум очень разным причинам: 1. это был бы невозможный лабиринт при использовании карты, вместо, скажем, смартфона. 2. Его дизайн требует компьютеров для вычисления визуального результата рецепта. Этот город был сгенерирован компьютером из нескольких правил о внутренних дворах и водных потоках. Конечный результат выглядит, как город-оазис среди пустыни (отсюда и название — обыгрывание слов параметрический и Марракеш) — хотел бы я здесь жить.

Возвращение декораций в современную архитектуру без подделки под историю

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

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

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

 

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

 

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

 


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

Декорации тесно связаны с понятием построенного по рецепту города по двум причинам:

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

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

Смыслы в архитектуре — в отрыве от идеологии


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

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

 


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

 

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

 

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

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

 

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

Материалы по теме:

Основатель российской системы доставки по трубам: «Сейчас наша главная задача — запустить пилот»
Беспилотные автобусы — это не фантастика, а скорое будущее
Самый фотогеничный архитектурный тренд начался с одной смелой кофейни в Лос-Анджелесе
Умная Москва: какими технологиями нашпигована столица

Как спроектировать баню из дерева с удобной планировкой

Красивую и долговечную баня можно построить только по правильному проекту — готовому или индивидуальному.

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

Рациональная планировка бани из оцилиндрованного бревна создается на основании ответов на следующие вопросы:

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

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


Что нужно учитывать при составлении планировки сруба бани?

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

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

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

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

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

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

Проектирование парной

Особенностью парной являются низкие потолки (оптимальная высота 2,20 – 2,40 м), обеспечивающие хорошую энергоэффективность.

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

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


Выбор материалов для строительства

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

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

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

Еще одной особенностью, которую нужно учитывать, — это неравномерность роста любого дерева.

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

Архитекторы компании «Азбука Леса» знают, как спроектировать баню с удобной планировкой и при этом добиться высоких показателей теплоэффективности.

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

Как спроектировать систему трубопроводов сжатого воздуха

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

1. Составьте перечень оборудования с чертежом

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

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

2. Определите диаметр труб

В зависимости от потребителя выберите линии слива и отвода. 

При определении диаметра труб учитывайте расход, давление, допустимое падение давления и общую длину сети. 

Убедитесь, что вы используете специальные инструменты планирования и расчета:

3. Дополните чертеж всеми необходимыми деталями

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

  • Стояки 
    перемещают сжатый воздух от оборудования к основным коллекторам
  • Распределительные трубопроводы (основные коллекторы) 
    распределяют воздух по всей зоне распределения 
  • Подводящие трубы (линии слива и отвода) 
    направляют воздух от распределительных труб к рабочим местам
  • Точка использования 
    требуется для подключения компонентов распределительной системы к конечному потребителю

Как спроектировать кухню на компьютере

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

Проектируем кухню на компьютере

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

Способ 1: Stolline

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

  1. После скачивания Stolline установите ее и запустите. Нажмите на значок, чтобы создать чистый проект, который и будет служить будущей кухней.
  2. Иногда проще сразу создать шаблон типовой квартиры. Для этого перейдите в соответствующее меню и задайте требуемые параметры.
  3. Перейдите в библиотеку «Кухонные системы», чтобы ознакомиться с присутствующими в ней элементами.
  4. Директория разделена по категориям. В каждой папке находятся определенные объекты. Выберите одну из них, чтобы открыть список мебели, предметов декора и оформления.
  5. Зажмите левую кнопку мыши на одном из элементов и перетащите его в необходимую часть помещения, чтобы установить. В дальнейшем вы сможете перемещать такие объекты в любое место свободного пространства.
  6. Если какая-то область комнаты не видна в камере, перемещайтесь по ней с помощью инструментов управления. Находятся они под областью предпросмотра. Ползунок изменяет угол зрения камеры, а справа расположено отображение положения текущего вида.
  7. Остается только добавить краски на стены, поклеить обои и применить другие элементы оформления. Все они также разделены на папки, а в них находятся миниатюры.
  8. После завершения создания кухни можно ее сфотографировать с помощью специальной функции. Откроется новое окно, где нужно только подобрать подходящий вид и сохранить изображение на своем компьютере.
  9. Сохраните проект, если в дальнейшем нужно будет доработать его или изменить некоторые детали. Нажмите на соответствующую кнопку и выберите подходящее место на ПК.

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

Способ 2: PRO100

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

  1. Сразу же после запуска PRO100 откроется окно приветствия, где создается новый проект или комната по шаблону. Выберите наиболее удобный для вас вариант и приступайте к проектированию кухни.
  2. Если был создан чистый проект, вам будет предложено указать клиента, дизайнера и добавить примечания. Делать это необязательно, можно оставить поля пустыми и пропустить это окно.
  3. Остается только задать параметры помещения, после чего произойдет переход ко встроенному редактору, где и нужно будет создать собственную кухню.
  4. Во встроенной библиотеке сразу стоит перейти к папке «Кухня», где располагаются все необходимые объекты.
  5. Выберите требуемый объект мебели или прочий элемент, после чего переместите его в любое свободное пространство помещения, чтобы установить его. В любой момент вы сможете снова кликнуть на предмет и переместить его в нужную точку.
  6. Совершайте управление камерой, комнатой и объектами через специальные инструменты, которые находятся на панелях сверху. Используйте их чаще, чтобы процесс проектирования был максимально простым и удобным.
  7. Для удобства отображения цельной картины проекта задействуйте функции во вкладке «Вид», в ней вы найдете много чего полезного, что пригодится во время работы с проектом.
  8. По завершении работы осталось только сохранить проект или экспортировать его. Выполняется это через всплывающее меню «Файл».

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

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

Подробнее: Программы для дизайна кухни

Способ 3: Программы для дизайна интерьера

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

Подробнее: Программы для дизайна интерьера

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

Читайте также: Программы для 3D-моделирования мебели

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

Читайте также:
Программы для ландшафтного дизайна
Программы для планировки участка

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

Как спроектировать API и не облажаться

Константин, ведущий блог на Medium, перевел статью Анупа Ковкура с рассказом о том, как спроектировать API и сделать это идеально.

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

Здесь приведены несколько советов по разработке, которые я перенял от коллег за прошедшие годы. Они применимы ко всем видам API: будь то библиотеки с открытым кодом, внутренние SDK, модули или даже единственный класс.

Не оставляй сомнений

Это, пожалуй, самый важный совет. Если у тебя есть метод под названием getUser и он делает что-то неявное, да ещё и умалчивает о таком поведении — это может привести к множеству проблем.

Не изменяй значения общих переменных, не оговаривая это. Если я вызываю getUser, то ожидаю, что он просто вернёт пользователя. А не увеличит, в процессе, user_id на 1. Прими во внимание неизменяемые структуры данных.

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

Как спроектировать API: уменьшай площадь охвата

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

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

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

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

Уменьшай шаблонизацию

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

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

Как спроектировать API: уменьшай зависимости

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

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

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

Возвращай осмысленные сообщения об ошибках

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

— Эй, модуль, дай мне пользователя!
— Неа. Вот тебе вместо этого ничего.

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

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

Используй исключения для по-настоящему исключительных случаев

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

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

Впрочем, при реальной неудаче, лучше потерпеть её быстро.

Как говорит Джейк Вартон: «Единственное, что может быть хуже падающей программы — программа, которая не падает и продолжает работать в неопределённом состоянии».

Как спроектировать API: документируй всё

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

  1. Описание модуля на верхнем уровне, и как он работает.
  2. Публичные методы и протоколы описанные в Javadocs, Heredocs, Rdocs или т.п.
  3. Пример кода, показывающий как его использовать.

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

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

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

Однако, целенаправленная и соответствующая документация — это всегда полезно.

Пиши тесты

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

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

«Зачем тогда вообще писать документацию, если у меня есть тесты?» — можешь спросить ты. Позволю себе такую отдалённую аналогию: если документация, это руководство пользователя к твоему API, тогда тесты — это инструкция под опкод x86.

Делай API тестируемым

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

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

Дай пользователям возможность выбирать

Каждый потребитель захочет использовать твой API по-своему. Одни захотят чтобы он работал синхронно. Другие предпочтут асинхронные обратные вызовы (callback), future, promise или Rx observable.

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

Не давай пользователям слишком большой выбор

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

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

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

Как спроектировать API: заключение

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

Если вы нашли опечатку — выделите ее и нажмите Ctrl + Enter! Для связи с нами вы можете использовать [email protected].

Вебинар: Как спроектировать судно на основе ПО для инженерного анализа

Это обязательное поле Укажите действующий электронный адрес

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

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

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

Страна *АвстралияАвстрияАзербайджанАландские островаАлбанияАлжирАмериканское СамоаАнгильяАнголаАндорраАнтарктидаАнтигуа и БарбудаАргентинаАрменияАрубаАфганистанБагамыБангладешБарбадосБахрейнБеларусьБелизБельгияБенинБермудские островаБолгарияБоливияБонэйрБосния и ГерцеговинаБотсванаБразилияБританская Территория в Индийском ОкеанеБританские Виргинские островаБрунейБуркина-ФасоБурундиБутанВануатуВатиканВеликобританияВенгрияВенесуэлаВиргинские острова (США)Внешние малые острова СШАВосточный ТиморВьетнамГабонГаитиГайанаГамбияГанаГваделупаГватемалаГвинеяГвинея-БисауГерманияГернсиГибралтарГондурасГонконг, КитайГренадаГренландияГрецияГрузияГуамДанияДемократическая республика КонгоДжибутиДоминикаДоминиканская РеспубликаЕгипетЗамбияЗападная СахараЗимбабвеИзраильИндияИндонезияИорданияИракИранИрландияИсландияИспанияИталияЙеменКабо-ВердеКазахстанКаймановы островаКамбоджаКамерунКанадаКатарКенияКипрКирибатиКитайКокосовые острова (Килинг)КолумбияКоморыКонгоКоста-РикаКот-д’ИвуарКубаКувейтКыргызстанКюрасаоЛаосЛатвияЛесотоЛиберияЛиванЛивияЛитваЛихтенштейнЛюксембургМаврикийМавританияМадагаскарМайоттаМакао, КитайМакедонияМалавиМалайзияМалиМальдивыМальтаМароккоМартиникаМаршалловы островаМехикоМозамбикМолдавияМонакоМонголияМонсерратМьянмаНамибияНауруНепалНигерНигерияНидерландыНикарагуаНиуэНовая ЗеландияНовая КаледонияНорвегияОбъединенные Арабские ЭмиратыОманОстров БувеОстров ДжерсиОстров МэнОстров НорфолкОстров РождестваОстров Святой ЕленыОстров ФиджиОстров Херд и острова МакдональдОстрова КукаОстрова ПиткэрнПакистанПалауПалестинаПанамаПапуа-Новая ГвинеяПарагвайПеруПольшаПортугалияПуэрто-РикоРеюньонРоссийская ФедерацияРуандаРумынияСШАСальвадорСамоаСан-МариноСан-Томе и ПринсипиСаудовская АравияСвазилендСеверная КореяСеверные Марианские островаСейшельские островаСен-БартелемиСен-МартенСен-Пьер и МикелонСенегалСент-Винсент и ГренадиныСент-Китс и НевисСент-ЛюсияСербияСингапурСинт-МартенСирияСловакияСловенияСоломоновы островаСомалиСуданСуринамСьерра-ЛеонеТаджикистанТаиландТайвань, КитайТанзанияТеркс и КайкосТогоТокелауТонгаТринидад и ТобагоТувалуТунисТуркменистанТурцияУгандаУзбекистанУкраинаУоллис и ФутунаУругвайФарерские островаФедеративные штаты МикронезииФилиппиныФинляндияФолклендские острова (Мальвинские острова)ФранцияФранцузская ГвианаФранцузская ПолинезияФранцузские Южные территорииХорватияЦентральноафриканская РеспубликаЧадЧерногорияЧешская РеспубликаЧилиШвейцарияШвецияШпицберген и Ян-МайенШри-ЛанкаЭквадорЭкваториальная ГвинеяЭритреяЭстонияЭфиопияЮжная АфрикаЮжная Георгия и Южные Сандвичевы ОстроваЮжная КореяЮжный СуданЯмайкаЯпонияЭто обязательное поле Недопустимое значение, либо превышено допустимое число символов

Это обязательное поле Укажите действующий номер телефона

Должностные функции *OtherЗакупкиИТМаркетингМенеджер по проектамОтдел кадровОтдел продажПроизводствоРазработкаСтудент/преподавательТехническая поддержкаЮридический/финансовый отделЭто обязательное поле Недопустимое значение, либо превышено допустимое число символов

Должность *Высший менеджментМенеджерПользователь/администраторСтарший менеджерЭто обязательное поле Недопустимое значение, либо превышено допустимое число символов

Предпочитаемый язык *ChineseCzechEnglishFrenchGermanItalianJapaneseKoreanPolishPortugueseRussianSpanishЭто обязательное поле Недопустимое значение, либо превышено допустимое число символов

Отрасль *Автомобилестроение и транспортАкадемическая программаАэрокосмическая и оборонная промышленностьМедицина и фармацевтикаПотребительские товары и розничная торговляСудостроениеТяжелое машиностроение и промышленное оборудованиеЭлектроника и полупроводниковые устройстваЭнергетика и городская инфраструктураЭто обязательное поле Недопустимое значение, либо превышено допустимое число символов

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

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

* Обязательное поле

Отправить

15 способов разрабатывать лучше и быстрее —

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

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

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

В поисках вдохновения

Начать проекты с Google

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

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

Благодаря Google проведение дизайнерских исследований никогда не было таким простым в истории человечества.

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

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

Посмотрите, что делали другие до вас, и вы поймете, что делать дальше.

Открыть счет Dribble

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

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

Только не говорите своим клиентам, что вы это сделали.

Следуйте нужным людям

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

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

Взгляните на этот список из 154 великих дизайнеров, созданный дизайнером из Великобритании Дэвидом Эйри.

Наполните свой ум новыми идеями

Быстрый вопрос — всегда ли вы читаете одни и те же блоги, смотрите одни и те же фильмы и едите одни и те же продукты?

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

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

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

Работаем умнее

Используйте хорошие макеты книг

Amazon имеет большую коллекцию книг, связанных с макетами.

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

Именно по этой причине большинство дизайнеров тратят много времени на обдумывание решений по компоновке. Это должно идти влево или вправо? Он должен быть выровнен или по центру? Сверху или снизу? На такие вопросы может уйти до 30% вашего времени разработки.

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

Сначала эскиз, второй эскиз

Процесс разработки приложения для iPhone. Да, это начинается на бумаге.

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

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

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

Гарантировано, что вы завершите проекты вдвое быстрее.

Определитесь со стилем дизайна заранее

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

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

  • Фотография
  • На основе иллюстраций
  • Типовое

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

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

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

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

Получите более быстрый и лучший компьютер

Я надеюсь, что ваши инструменты обновлены до последней версии.

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

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

Быстрый компьютер, большой экран и много памяти ДЕЙСТВИТЕЛЬНО делают вас лучшим дизайнером, независимо от вашего таланта.Ваше время, рассудок и удовлетворение от работы не менее важны, чем идеи в вашей голове и навыки в ваших руках.

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

Отдыхай

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

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

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

Отключите электронную почту, телефон и другие отвлекающие факторы

Дизайнер Хантер Лэнгстон сделал эту замечательную иллюстрацию. При этом он не слишком отвлекался.

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

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

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

Не работать одновременно

Многозадачность — это источник всех отвлекающих факторов, но мы часто не замечаем, насколько сильно она влияет на нас.

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

У вас один мозг и одна пара рук, так что делайте одно дело за раз.

Особенно, если речь идет о графическом дизайне.

Работа с клиентами

Убедитесь, что клиенты подходят друг другу

Давайте посмотрим правде в глаза — некоторые комбинации клиент-дизайнер просто не работают, в том числе и вы.

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

Квалификация включает в себя задание клиенту простого набора вопросов, например:

  • Вам нравится то, что вы видите в моем портфолио?
  • Каков ваш бюджет на этот проект? Я обычно беру от X до Y за этот вид работ.
  • Как скоро вы хотите начать? В настоящее время я работаю над X другими проектами, поэтому могу начать через Y дней / недель.
  • Можете ли вы нанять меня лично или вам нужно сначала узнать чье-то мнение?
  • Вы согласны с 50% первоначальным взносом?

Не стесняйтесь добавлять все, что считаете важным. Если вам нравится то, что вы слышите, у вас есть квалифицированный клиент.

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

Узнайте, чего хотят ваши клиенты

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

  • Трудный путь — только словами. Клиент говорит, что ищет элегантный веб-сайт с изюминкой, вы задаете вопросы и приступаете к работе. Вы отправляете свое предложение, полагая, что вы его выполнили, но в этом гневном ответе на электронное письмо говорится, что ваше представление об элегантности никуда не годится.
  • Умный способ — используя слова и примеры дизайна. Обсудив проект, зайдите в Google. Найдите три-четыре примера стиля, о котором, по вашему мнению, говорит ваш клиент, и отправьте их на обзор. После получения положительного отзыва разработайте свое предложение.

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

Предоставьте клиентам возможность выбора

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

Это не вопрос хорошего обслуживания — это отличная экономия вашего времени.

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

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

Сделайте это своей стандартной практикой, и вы будете счастливы, что сделали.

Обращайтесь с жалобами как профессионал

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

Вот как с этим справиться: будь честным и справедливым.Вот как это сделать на практике:

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

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

Заключение

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

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

Каковы ваши лучшие практики при проектировании?

Design 101: 8 основ графического дизайна, которые вам нужно знать

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

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

Изучите 8 основ графического дизайна


• Пространство
• Баланс
• Иерархия
• Линии и форма
• Цвет
• Типографика
• Текстура
• Брендинг

Пространство


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

Белое пространство в этом меню так же важно, как и другие элементы дизайна (и продукты питания!). Дизайн меню Marcy_McGuire.

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

10 способов более эффективного использования пространства

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

5 правил конструкторской композиции и верстки

Правильное использование пространства происходит от знания правил композиции. Познакомьтесь с ними (и другими обязательными законами верстки) в этой статье.

Пространство в интерактивном дизайне

Заинтересованы в UX и дизайне взаимодействия? Узнайте, как использовать пространство в цифровой среде.

Гравюра и элементы дизайна

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

Весы и центровка


— Все элементы на этом плакате правильно сбалансированы, что усиливает общий эффект дизайна. Дизайн плаката — Швин.

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

7 принципов проектирования

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

5 правил композиции и верстки

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

Иллюзия движения в графическом дизайне

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

Иерархия


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

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

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

Но визуальная иерархия — это гораздо больше, чем просто «больше — лучше».

6 принципов визуальной иерархии

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

6 советов по улучшению типографской иерархии в веб-дизайне

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

Использование шаблонов F и Z для создания визуальной иерархии в дизайне целевой страницы

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

Линии и формы


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

Закругленные логотипы, угловые логотипы и логотипы с вертикальными линиями создают совершенно другой бренд и дизайн. Разработка логотипов: bo_rad, olimpio, AC Graphics.

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

Значение логотипов

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

Что такое фирменный стиль? И как спроектировать и разработать отличный

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

Цвет


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

Дизайн упаковки от ve_sta

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

Значения цвета и искусство использования психологии цвета

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

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

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

Психология цвета в веб-дизайне

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

Как выбрать идеальные цвета для визитки

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

Типографика


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

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

Как творчески использовать принципы типографики

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

Ускоренный курс по типографской лексике

Нужно освоить типографский жаргон? Пройдите этот ускоренный курс и выучите язык типографики.

Как выбрать шрифты для веб-дизайна

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

Как освоить адаптивную типографику

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

14 типографических преступлений прекратить совершать

Есть семь смертных грехов, но когда дело доходит до типографики, их всего 14.Узнайте, что они из себя представляют (и как их избежать) из этой статьи.

Текстура


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

Текстура делает графический дизайн живым. Проекты через Якопо Северитано, Гринблатт-Векслера и Павла Нольберта.

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

Инновационные подходы к текстуре в графическом дизайне

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

Брендинг


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

Важность воплощения брендов в жизнь

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

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

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

Брендинг против идентичности бренда против логотипа: в чем разница?

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

В отличном дизайне нет ничего «базового».


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

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

Как создать современный веб-сайт (9 простых шагов)

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

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

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

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

9 шагов к созданию веб-сайта в 2021 году

Давайте рассмотрим 9 этапов, которые вы пройдете при разработке веб-сайта:

1. Определите масштаб и цели вашего веб-сайта

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

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

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

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

Почему

Ваша цель — это просто ваше «почему».

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

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

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

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

The what

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

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

Ваше то, что позволит вам узнать, как это сделать.

Это завершает ваше «почему». Это тоже прокладывает путь вашему как, так как идентифицирует вашу аудиторию, а также возможные возможности предоставить им ценность (через вашу цель).

Это ваша, а точнее, ваша цель: найти возможности в рамках вашей целевой аудитории.

Итак, остается последний вопрос: как?

The how

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

Ура! Наконец-то можно приступить к процессу проектирования!

Но сначала вам нужно точно настроить свои цели.

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

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

Это ваше как — как вы решили достичь того, что и зачем.

Но возникает следующий вопрос: как мне подойти к созданию бренда нового уровня?

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

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

2. Исследование для планирования вашего контента

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

Планирование вашего контента с помощью исследования

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

Ссылки по теме: UX vs UI: ключевые различия, которые должен знать каждый дизайнер

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

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

Создание доски настроения
Доска настроения из Pinterest

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

3. Создайте идентичность своего веб-сайта (или бренда)


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

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

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

Цветовая схема
Цветовой круг (или цветовой круг)

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

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

Ссылки по теме: Теория цвета: руководство для начинающих дизайнеров

Типографика
Используемый шрифт: Miller Disp, Lt

Гарнитура и шрифт составляют типографику, они не являются синонимами друг друга.Шрифт — это то, что вы используете, а шрифт — это то, что вы видите.

Хотя разница между этими терминами может показаться несерьезной для большинства дизайнеров, о ней следует помнить. Например, Times New Roman входит в семейство шрифтов Times.

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

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

Imagery

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

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

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

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

Функциональность

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

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

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

Голос

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

Стиль и индивидуальность

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

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

4. Создавайте каркасы и контент

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

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

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

Независимо от того, какой носитель вы используете при создании каркасного дизайна, в ваших интересах, по крайней мере, иметь эскизный дизайн (или каркасный дизайн с использованием предпочитаемого вами инструмента дизайна, подумайте о Figma, InVision, Adobe Xd и т. Д.).

Каркас, созданный Дереком Кларком
Оптимизируйте каркас своего контента и до его разработки

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

Напомним, что веб-сайт существует для того, чтобы генерировать потенциальных клиентов и преобразовывать их в новых клиентов. Теоретически это достижимо: «сделай сайт, и люди будут приходить». пока их более 4.Только в Google проиндексировано 45 миллиардов веб-сайтов …

Куда подходит ваш веб-сайт? Еще лучше, как веб-сайты вообще обнаруживаются и отображаются на первых страницах Google или любой другой поисковой системы по этому вопросу?

Просто, предварительно согласовав копию, контент и страницы вашего сайта (т. Е. Внутреннее SEO), чтобы они соответствовали предполагаемому внешнему SEO.

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

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

Исследования, конечно.

Какие фразы и комбинации ключевых слов ассоциируются с веб-сайтами и контентом ваших конкурентов? Что бы вы набрали , чтобы найти ваш контент ?

Какой язык использует ваша целевая аудитория, в частности, о чем говорят тенденции в Google?

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

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

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

Поблагодарите себя после запуска.

5. Выберите предпочитаемую платформу веб-конструктора


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

WordPress

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

Ссылки по теме: 5 причин, по которым пользователь WordPress перешел на Webflow

Wix & Squarespace

Wix и Squarespace могут быть ограничены темами своей платформы или возможностями пользователя по управлению сценарием выбранной темы . Часто сайтам, созданным на этих двух платформах, не хватает оригинальности.Эта неумелая попытка аутентичности очевидна для любой целевой аудитории бренда. И пользователи, и потребители быстро обнаруживают явное оправдание существования веб-сайта «оптовыми товарами». Хотя они все еще могут купить ваш продукт в этом единовременном случае, обнаружить конкурирующий бренд, который одновременно является подлинным и привлекательным, — это всего лишь простой поиск в Google или публикация в Instagram.

Shopify

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

Webflow

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

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

6. Создавайте свои высококачественные макеты в Webflow

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

Ускоренный курс Mini по веб-дизайну

Веб-сайты бывают трех разных форм: HTML, CSS и базы данных.

Для краткости, HTML (язык разметки гипертекста) — это контент на веб-странице и структура этого контента на веб-странице, CSS (каскадные таблицы стилей) — это то, как контент стилизован и представлен (подумайте о шрифтах, цветах, позиционировании, и т. д.), а в базах данных хранится контент.

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

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

Сборка с помощью конструктора

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

Чтобы начать этот процесс, зарегистрируйтесь в Webflow, если вы еще этого не сделали.Webflow предоставляет платформу бесплатно — для настройки не требуется пробная версия или информация о кредитной карте. Просто войдите в Интернет, нажмите «Начать», войдите в систему с помощью Google или своей электронной почты, и вы будете перенаправлены оттуда.

* перенаправление *

перенаправлено!

Ладно, откроем конструктор, а точнее Конструктор.

Чистый холст. Боковая панель компонентов. Другая боковая панель компонентов внутри компонента после выбора компонента.А теперь классы и настройки макета и другие параметры в этих классах и макетах? Хм.

С чего начать…

С Webflow вы строите визуально. Те компоненты, которые вы видите на левой боковой панели, обычно реализуются с помощью CSS, HTML или Javascript. Тем не менее, Webflow не содержит кода, поэтому, если вы хотите начать сборку, просто перетащите выбранный компонент на холст. Перетащив компонент, вы увидите вариант для дальнейших изменений (т.е. компоненты в выбранном компоненте) на правой боковой панели. Это классы внутри компонента, и именно в них вы можете стилизовать выбранный компонент.

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

Следовательно, вместо того, чтобы спрашивать себя, с чего начать, вопрос скорее в том, , как вы хотите начать?

Начиная с нуля
Пустой проект Webflow в Designer

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

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

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

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

Ссылки по теме: Учебник по Webflow: абсолютное руководство для новичков

Использование шаблона
Открыть шаблон в Webflow

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

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

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

При наведении курсора на каждый элемент или блок div вы можете понять, как работает интерфейс в конструкторе. Более того, если вы знакомы с дизайнерскими платформами от Adobe, например, InDesign или Photoshop, вы сможете с легкостью перемещаться по интерфейсу.

Поиграйте.

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

Вот почему был создан Webflow.

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

Использование клонируемого
Clubpad, клонируемого проекта Webflow

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

Выберите тот клонируемый объект, который привлекает ваше внимание, и нажмите «Открыть» в Webflow. Вам будет предложено, как и с шаблоном, для Дизайнера. То же самое и здесь.

Опять поиграйте.

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

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

Да, опять же, все так просто.

И если по какой-то причине вы все еще застряли, вы всегда можете найти вдохновение в Webflow Showcase. Таланта в изобилии!

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

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

7. Проведение пользовательского тестирования


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

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

8. Опубликуйте свой веб-сайт

Ваш дизайн готов, и он был одобрен вашими коллегами, что дальше?

Если вы используете Webflow в качестве платформы для создания веб-сайтов, нажмите «Опубликовать».

Да, вы правильно прочитали, нажмите кнопку «Опубликовать».

Webflow — это готовый к работе дизайнер веб-сайтов, CMS и инструмент хостинга со встроенной базой данных и хостингом, так что да, продолжайте и нажмите кнопку «Опубликовать».Если вы еще этого не сделали, вам будет предложено купить или зарегистрировать свое доменное имя. Затем вам будет предложено выбрать тарифный план или вариант выставления счетов клиенту, если это необходимо.

Итак, ваш новый веб-сайт должен работать.

Да, это так просто, как и должно быть.

9. Управление, масштабирование и итерация соответственно

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

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

Создание и публикация нового контента за считанные минуты

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

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

Что это за название книги Стива Круга о дизайне и удобстве использования…

О, да.

Не заставляйте меня думать!

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

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

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

Современный способ разработки и создания веб-сайтов

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

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

Webflow — это игровая площадка для дизайнеров, это ваша игровая площадка !

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

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

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

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

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

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

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

Готовы превзойти свои дизайнерские навыки? Давайте начнем.



Основные элементы дизайна

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

Чарльз Имс, дизайнер

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

Дизайн — это просто« план расположения элементов таким образом, чтобы наилучшим образом достичь определенной цели », — как заявил наиболее влиятельный дизайнер ISDA 20-го века Чарльз Имс сказал. Разбейте основные элементы дизайна на части, и вы сможете собрать их вместе в любое количество творений.

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

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

Линия

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

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

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

Разные линии тоже вызывают разные чувства.

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

Вертикальные линии , напротив, энергичны (изобразите бдительного, прямолинейного человека).

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

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

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

Дополнительная литература:

Форма

Когда вы читаете слово «форма», вы, вероятно, думаете о квадрате или треугольнике. Это геометрических фигур . Но есть также естественные формы « органических «, которые имеют неправильную форму и часто содержат кривые (например, круги попадают в эту категорию, хотя технически они геометрически).Затем есть абстрактных фигур , которые узнаваемы, но не реалистичны (например, фигурка).

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

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

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

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

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

Дополнительная литература:

Цвет

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

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

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

Холодные цвета , включая синий, зеленый и фиолетовый, более спокойные и успокаивающие.

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

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

Взгляните на сайт Prezi в поисках доказательств. Ярко-синий цвет выглядит энергичным, ярким и современным.

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

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

Дополнительная литература:

Текстура

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

По словам авторов журнала Smashing Magazine Джона Сэвиджа и Саймона Х., «Текстура становится неотъемлемой частью дизайна. Она может направлять взгляд пользователя и подчеркивать важность ключевых элементов».

Вы можете использовать текстуру в качестве фона, как это сделал Houndstooth Coffee.

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

На сайте, рекламирующем [Uncharted] ((http://uncharted.sunbrella.com/), документальный фильм об олимпийской сборной США по парусному спорту, текстурный аспект волн заставляет вас чувствовать себя частью сцены.

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

Этот минимализм может показаться освежающим и современным.

Например, посмотрите целевую страницу Make This Year. Благодаря анимации набора текста и яркой цветовой комбинации, этот дизайн определенно не требует текстуры, чтобы сделать его интересным.

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

Дополнительная литература:

Типографика

Распространение вашего сообщения по вопросам. И типографика — или искусство и техника расположения букв и символов — имеет огромное влияние на то, понимает ли ваша аудитория это сообщение.

Во-первых, давайте проясним разницу между «гарнитуром» и «шрифтом». Думайте о каждом шрифте как о семействе, а о шрифтах как о отдельных членах этого семейства. Например, в гарнитуре (или семействе) Helvetica шрифты (или члены семейства) включают Helvetica Regular, Helvetica Light, Helvetica Bold, Helvetica Compressed и Helvetica Rounded.

Helvetica Light, Roman и Oblique

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

Serif относится к гарнитурам с небольшими декоративными отметками, отходящими от каждой буквы. Популярные шрифты с засечками включают Times New Roman, Rockwell, Georgia и Baskerville. Шрифты с засечками обычно считаются более легкими для чтения, поскольку отдельные буквы более различимы, и они также кажутся более традиционными или классическими.

Sans serif включает шрифты, на которых, как вы уже догадались, нет мелких декоративных знаков. В это семейство входят Helvetica, Arial, Futura и Franklin Gothic.Эти шрифты кажутся чище и современнее, но их труднее читать.

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

Также полезно понимать другие факторы, влияющие на читаемость вашего текста:

  • Отслеживание : сколько места между буквами. Чем больше места, тем удобочитаемее будет ваш шрифт.

  • Ведущий : сколько места существует между каждой строкой. Используйте ведущее значение, которое в 1,25–1,5 раза больше размера шрифта. Размер : Размер шрифта — это сложный вопрос, поскольку он меняется в зависимости от того, какое устройство использует кто-то, насколько велик экран, примененные настройки и т. Д.Якоб Нильсен, эксперт по удобству использования в Интернете, предлагает использовать размер шрифта не менее 10 пунктов или, возможно, увеличить его до 12 пунктов для лучшей читаемости.

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

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

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

  • Длина строки : Как следует из названия, длина строки определяет ширину текста по горизонтали. После подробного изучения того, как люди читают, оптимальная длина строки кажется примерно 45-85 символов.

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

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

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

Дополнительная литература:


Основные принципы дизайна

Теперь, когда вы понимаете основные строительные блоки дизайна, давайте рассмотрим рекомендации по их объединению. Вот основные принципы, которые помогут вам создать последовательный и привлекательный дизайн: баланс, контраст, ритм и пространство.

Balance

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

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

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

Мы видим принцип баланса в действии на домашней странице Everlane. Невидимая линия начинается между первой буквой «E» и «L» в Everlane и отделяет модель слева от текста справа. Она уравновешивает текст, создавая визуальную симметрию, которую так жаждут наши глаза.

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

Everlane и InVision используют вертикальную и горизонтальную балансировку соответственно. Но баланс не обязательно должен быть вертикальным.

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

Хотите знать, как выглядит отсутствие баланса? Правительство США славится своим непригодным для использования и устаревшим дизайном, и, к сожалению, MyMoney. gov оправдывает эту репутацию.

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

Этот сайт также нарушает принцип визуальной симметрии, так как невозможно разделить пополам поровну.

Дополнительная литература:

Контраст

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

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

Показательный пример: монетный двор.

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

Дополнительная литература:

Rhythm

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

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

Чтобы показать, что я имею в виду, вот домашняя страница Product Hunt. Раздел продуктов «Tech» дублируется разделом «Games» внизу.Если вы продолжите прокрутку, вы найдете разделы «Подкасты» и «Книги» с одинаковым форматом.

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

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

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

Дополнительная литература:

Пробел

Каждый раз, когда вы видите пустую или незаполненную часть дизайна, вы смотрите на пустое пространство. Белое пространство (также известное как негативное пространство) относится ко всему, что находится вокруг других элементов дизайна и между ними.И не думайте о пустом пространстве как о «потраченном впустую» пространстве; как объяснил известный типограф Ян Чихольд, «пустое пространство следует рассматривать как активный элемент, а не как пассивный фон».

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

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

Poppies Flowers также использует достаточно свободного места на своем сайте.

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

Дополнительная литература:

Как быстро создавать эффективные дизайны

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

Шаг 1. Выбор фона

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

Для наших целей существует два основных типа фонов: изображения и сплошные цвета.

Изображения

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

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

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

Это изображение горного хребта было бы отличным выбором.

Где искать изображения

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

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

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

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

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

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

Если вы ищете универсальный магазин, обратите внимание на Pexels. В настоящее время он содержит более 10 000 стоковых фотографий (в том числе многие из Unsplash, Death to the Stock Photo и Gratistography), плюс около 1 500 новых добавляются каждый месяц.Воспользуйтесь преимуществами мощных фильтров поиска: вы можете исключить слово, поставив перед ним тире (например, «офис — люди»), или выполнить поиск по цвету, включив «цвет:», за которым следует название цвета (например, «офис» цвет: красный «).

Чтобы узнать о последних сайтах стоковых фотографий, следите за коллекцией стоковых фотографий на Product Hunt. Также стоит добавить в закладки: Дастин Сенос, бывший руководитель отдела дизайна Medium, ведет текущий список источников стоковых фотографий.

Сплошные цвета

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

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

Help Scout отлично справился с этим. Его команда использует яркий монохромный фон для визуальных эффектов:

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

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

Шестнадцатеричный код — это, по сути, числовое представление цвета. Например, шестнадцатеричный код Pantone Dark Blue C — # 00239c .

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

Где найти цвета

Цветовая палитра Google включает сотни основных и акцентных цветов, которые созданы для гармоничного сочетания. Google рекомендует выбрать основной основной цвет, например «Индиго» (или # 3F51B5), и использовать его в качестве основного цвета. Затем, если вы хотите добавить больше цветов, вы можете использовать предложенные акценты.

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

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

Наконец, вы можете использовать Image Color Summarizer.Это бесплатная услуга, которая обрабатывает ваше изображение и определяет его средний цветовой оттенок, насыщенность и ценность, а также наиболее характерные цвета изображения и способы их описания человеком (лаванда, золото и т. Д.). Определенно удобно для получения объективного представления о том, насколько визуально брендовый имидж.

Шаг 2. Выберите инструмент

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

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

Designfeed, еще одно приложение для создания графики, похоже на то, что Пабло поднял до 11. Загрузите свое изображение, введите до трех уровней текста (заголовок, подзаголовок и кнопка) и выберите размер, оптимизированный для платформы (Facebook, Tumblr, Pinterest и др. ).

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

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

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

Если вы выходите за рамки базовой графики, Canva — лучший выбор. Он загружен шаблонами практически для любого мыслимого дизайна — от эскизов YouTube и обложек для Kindle до фотографий из Google+ и графики Tumblr.

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

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

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

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

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

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

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

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

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

Шаг 3. Выбор надстроек

Тип и стиль шрифта

Самая простая графика, которую только можно вообразить, — это фон + текст.

Когда вы выбираете, какие шрифты использовать, нужно помнить о нескольких вещах: где будет жить этот рисунок и какие шрифты будут вокруг него?

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

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

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

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

Вот что я сделал для этого рисунка. После того, как я выбрал Raleway в качестве заголовка, я просмотрел предложенные пары и остановился на Open Sans.

Значки

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

Некоторые инструменты редактирования (например, Canva, Piktochart и Stencil) имеют встроенные библиотеки значков.Однако, если вы используете Pablo или Photoshop или вам не нравятся какие-либо доступные варианты, есть несколько высококачественных ресурсов значков.

Noun Project, который позволяет загружать сколько угодно значков за 9,99 долларов в месяц (примечание: вы можете использовать большинство значков бесплатно, если предоставите кредит художника). Кроме того, вы можете подписаться на Icon Finder. Это примерно такая же цена, но вы ограничены 25 загрузками в месяц.

Smashing Magazine также может использовать бесплатные наборы значков.Чтобы отсортировать параметры и найти значок, который можно использовать, потребуется некоторое время, но они качественные и бесплатные!

Разное

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

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

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

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

Возможно, у вас нет прозрачной версии вашего логотипа. К счастью, вы можете создать его в Photoshop или Canva for Work.

Изучение дизайна дальше

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

  • Дизайн для основателей : эта коллекция из более чем 55 публикаций о дизайне нацелена на основателей, но любой, кто только начинает заниматься дизайном, извлечет выгоду из его тщательного изучения веб-дизайна.

  • Подводные камни дизайна : Подпишитесь на эту бесплатную рассылку по электронной почте, чтобы избежать «ошибок дизайнера n00b».

  • Designer Mill : воспользуйтесь потрясающими бесплатными предложениями, от значков и бесплатных шрифтов до шаблонов Illustrator и Sketch.

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

  • GoodUI : сборник из 51 принципа интерфейса, обеспечивающий высокий коэффициент конверсии.Музыка для ушей каждого маркетолога!

  • Дизайн для стартапа : Этот набор адаптирован к базовым потребностям дизайна стартапа.


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

Как создать логотип [Пошаговое руководство]

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

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

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

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

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

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

Как создать логотип бесплатно

  1. Начните с истории
  2. Мозговой штурм слов, описывающих ваш бренд
  3. Идеи для набросков, основанные на этих словах
  4. Проверьте свои лучшие эскизы с вашим покупателем Persona
  5. Уточните свой избранный эскиз
  6. Разработайте макет вашего логотипа на бесплатной платформе для дизайна
  7. Выберите универсальные варианты цвета
  8. Выберите шрифт
  9. Обеспечьте масштабируемость

Как создать бизнес, компанию или личный логотип

Изображение через Coca-Cola

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

1. Начните с рассказа

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

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

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

2. Мозговой штурм слов, описывающих ваш бренд

Теперь, когда у вас есть история, пришло время перенести черновик вашего логотипа от истории к сеттингу. Откройте Thesaurus.com и введите термин, который лучше всего описывает ваш продукт в строке поиска.

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

Изображение взято с Thesaurus.com

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

3. Идеи для набросков, основанные на этих словах

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

Когда вы набрасываете концепцию своего логотипа, помните следующие советы:

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

4. Проверьте свои лучшие эскизы с помощью своего покупателя.

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

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

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

5. Уточните выбранный эскиз

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

Чтобы приступить к доработке вашего логотипа, оглянитесь на термины, которые вы определили, когда вы впервые использовали Thesaurus.com на шаге 2. Теперь посмотрите на выбранный вами эскиз и спросите себя: какие термины еще не охватываются этим эскизом? Используйте их для дальнейшей разработки эскиза и добавьте те черты, которые вам больше всего понравились в дизайне, который вы в конечном итоге не выбрали для доработки.

6. Разработайте макет вашего логотипа на бесплатной платформе для дизайна

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

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

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

7. Выберите универсальные варианты цвета

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

Давайте вернемся к нашему примеру с Coca-Cola из шага 1. Как вы можете видеть ниже, логотип компании может отображаться на любой цветной банке, которую она продает.

Изображение Jay Moye

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

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

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

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

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

Держитесь подальше от общих шрифтов, которые входят в стандартную комплектацию каждого текстового процессора.Некоторыми примерами общих шрифтов являются Times New Roman, Lucida Handwriting и Comic Sans. Эти шрифты будут работать только против вас и вашей компании, сделав вас менее запоминающимся.

9. Обеспечьте масштабируемость

Логотипы

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

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

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

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

Соавторы: Рэйчел Бегг, Джули Хруска и Бритт Шварц

Как создать логотип: 5 шагов для создания логотипа, который вам нравится

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

Плюс, вы получаете то, за что платите, и мы хотим, чтобы у вас было самое лучшее.

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

То, что они сказали, может вас удивить.

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

Скачать сейчас

Что такое логотип?

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

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

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

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

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

Итак, помните, логотип может играть важную роль, но это еще не все.

Логотип

— это не :
  • Ваш бренд
    Это обычное сочетание, но ваш логотип не является вашим брендом. И ваш бренд — это не ваш логотип. Ваш бренд нематериален; это ваша репутация — что люди думают, когда слышат ваше имя, что они говорят о вас другим и как вы заставляете их чувствовать.Ваш бренд построен на тысячах точек соприкосновения с вашими клиентами, а не на логотипе.
  • Ваша визуальная идентичность
    Когда новые компании или организации запрашивают логотип, хороший дизайнер скажет: «Вам не просто нужен логотип, вам нужен фирменный стиль». Логотипы — это часть изображения, но не все. Это всего лишь одно изображение в более крупной визуальной системе, которая включает в себя ваши цвета, типографику, фотографии, визуальные эффекты, макет и т. Д.
  • Показатель успеха
    Ваш логотип не сделает или сломает ваш бизнес.Логотип Enron был хорош, но этический кодекс компании — нет. «Два человека и грузовик» — это компания с оборотом в миллиард долларов, а ее логотип представляет собой фигурку, нарисованную на салфетке матерью основателей. Лучший логотип в мире не может спасти коррумпированный бизнес, а худший логотип не может сдержать честного.

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

Как создать логотип

При погружении следует помнить о двух вещах:

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

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

  • Откройте для себя
  • Исследуйте
  • Дизайн
  • Уточнить
  • Определить

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

, первая фаза: откройте для себя

Гол

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

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

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

Процесс

Спросите себя:

  • Зачем вам нужен и / или нужен новый логотип? Что послужило катализатором этого дизайна?
  • Какое значение / история стоит за названием вашей компании?
  • Какова ваша целевая аудитория?
  • Кто ваши основные конкуренты?
  • Каковы ваши цели при создании этого нового логотипа? Как будет измеряться «успех»?
  • Кто из ваших 3-5 главных «образцов для подражания»? Кем вы восхищаетесь?
  • Что вы хотите, чтобы люди чувствовали, когда видят ваш логотип?
  • Какие ценности вы хотите выражать в своем бренде?
  • Каковы уникальные характеристики личности вашего бренда?
    • Например: Ваш бренд изысканный, любопытный, ностальгический, яркий и т. Д.?
  • Каковы будут основные варианты использования логотипа / визуальной системы? Социальное? Веб-сайт? Футболки?
  • Какие особые пожелания или обязательные вещи включены в дизайн? Если визуальное обновление, что сохранить с предыдущей итерации?

Срок поставки

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

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

, второй этап: исследуйте

Гол

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

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

Процесс

Начните с простого, поискав в Google основные принципы проектирования.Ознакомьтесь с основами, такими как стиль, цвет и типографика.

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

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

Узнайте, какой цвет вызовет у вашей аудитории те чувства, которые вам нужны.

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

Затем посмотрите за пределы своей отрасли. Узнайте, что сейчас популярно в дизайнерском сообществе. Посетите такие веб-сайты, как Dribbble, Behance и Brand New, чтобы узнать о последних творческих работах ведущих мировых дизайнеров. Ищите #logodesign или другие связанные хэштеги в Instagram. На веб-сайте 99designs также есть страница для поиска идей в дизайне, которые могут оказаться полезными.

Срок поставки

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

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

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

, третий этап: дизайн

Гол

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

Процесс

При разработке логотипа нужно учесть многое:

Инструменты

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

Карандаш и бумага

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

Программа для векторного графического дизайна

Промышленным стандартом для программного обеспечения для редактирования векторной графики является Adobe Illustrator, но он недешев и необязательно удобен для новичков. Вы можете попробовать аналогичные бесплатные инструменты, такие как Inkscape и Vectr.

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

Шрифты

Если вы пойдете по вышеуказанному пути, возможно, вы захотите загрузить дополнительные шрифты. Бесплатные ресурсы шрифтов включают библиотеку Google Fonts и Font Squirrel. Вы также можете приобрести шрифты на таких сайтах, как MyFonts и FontShop.

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

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

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

5 лучших онлайн-инструментов для создания логотипов:

Виды логотипов

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

Ворд

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

Торговая марка

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

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

Комбинированный знак

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

Абстрактный логотип марки

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

Буквенный знак

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

Талисман

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

Эмблемы

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

Обозначения

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

  1. Сделайте соединения . Подумайте о названии вашей компании или организации и запишите как можно больше связанных слов.Используя Sprout в качестве примера, мы могли бы написать такие слова, как «расти», «сад», «дерево», «лес, листья, ветки, оранжерея» и т. Д. Эти слова вызывают в воображении собственный набор изображений, которые могут быть жизнеспособным выбором для торговой марки.
  2. Думайте образно . Здесь вступают в игру вопросы на этапе «Обнаружение». Возвращаясь к нашему примеру с Amazon, улыбка показывает, насколько счастливы и довольны покупатели Amazon. Подумайте, как вы хотите, чтобы ваша аудитория чувствовала себя, или какое сообщение вы хотите передать.Какие-нибудь символы приходят в голову?
  3. Идите буквально . Хотя наши дизайнеры предостерегли от наиболее очевидного выбора, вы все же можете рассмотреть буквальную интерпретацию послания вашего бренда. Только не бойтесь поиграть с этим. Сделайте это уникальным. Попробуйте комбинировать буквальный символ с чем-то более образным.
  4. Странно . На данном этапе нет никаких правил. Думайте настолько нестандартно, насколько хотите. Как говорится, именно здесь часто случается волшебство.Не сомневайтесь, есть ли в этом смысл. Это может быть ключ, который откроет победившую идею.
  5. Сгенерировать, оценить, повторить . Сделайте это столько раз, сколько вам нужно, чтобы сузить круг вариантов. Большинство дизайнеров проходят несколько этапов, прежде чем доберутся до хорошего. Итерация — это название игры. И не забывайте обращаться к другу за помощью. Иногда вам просто нужен свежий взгляд, чтобы оторваться.

Шрифты

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

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

Шрифты с засечками Шрифты

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

Шрифты без засечек

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

Скрипт

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

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

Срок поставки

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

, четвертый этап: уточнение

Гол

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

Процесс

Оцените свои проекты, задав себе следующие вопросы:

Что делает логотип отличным?

Отличный логотип:

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

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

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

Есть ли у логотипа ножки?

Эстетика меняется. Тенденции приходят и уходят. Но со временем ценность вашего логотипа будет только расти. Подумайте, будет ли ваш логотип просуществовать через 5, 10, 15 или даже 20 лет.

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

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

Срок поставки

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

Пятая фаза: определение

Гол

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

А как не надо.

Процесс

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

Несколько вопросов, которые стоит задать себе:

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

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

Срок поставки

Это часто называют руководством по стилю . Руководство по стилю может быть настолько простым или исчерпывающим, насколько вам нужно. Недавно команда Sprout Design Systems создала целый веб-сайт, посвященный нашему руководству по стилю. Он называется Seeds, и в нем хранятся все наши фирменные, письменные и визуальные руководства, а также все шаблоны и компоненты, которые нужны нашим дизайнерам для создания нашего приложения.

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

Заключение

После всего этого вы можете сказать: «Ого, это много». Мы знаем, как вы себя чувствуете. Мы не преувеличили, когда упомянули, сколько работы уходит на разработку логотипа. Дизайнерам обычно требуются недели, чтобы проработать все этапы.Итак, наш последний совет: не торопитесь. Найдите время, чтобы выполнить упражнения, которые мы описали для каждой фазы. Ваш окончательный дизайн будет отражать уровень ваших усилий.

И помните, в конце концов, ваш логотип строит не ваш бренд, а ваши люди.

Как спроектировать дом? 6 шагов к созданию дома вашей мечты

Вы можете использовать один из двух методов для создания поэтажных планов для архитектора или строителя.

План этажа, метод 1: Нарисуйте от руки

Вы можете нарисовать поэтажный план архитектору по старинке: карандашом и бумагой.

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

Будет ли у вас место для вашей антикварной мебели в гостиной, которую вы нарисовали? Есть ли место для дополнительного туалета в главной спальне?

Трудно сказать по одному твоему эскизу.

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

Читайте также — 15 лучших программ для 3D-планирования этажей

План этажа, метод 2: Программа для проектирования домов

Программа для проектирования дома — это более современный способ создавать планы дома.

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

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

Вы можете перетаскивать готовые 3D-модели мебели и других элементов в свой дизайн.

Перемещайте его, меняйте местами на разные продукты и смотрите на него под разными углами.

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

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

3D-рендеринг может быть полезным способом продемонстрировать архитектору свои дизайнерские идеи. С ним также очень весело играть!

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

Стоимость программного обеспечения

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

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

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

Наконечники на план этажа

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

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

Подумайте о ежедневном маршруте домой. Убедитесь, что это удобно и просто.

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

Для создания идеального макета может потребоваться несколько попыток.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *