6 Свежих Примеров Парсинга И Улучшения Дизайна Простыми Способами

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

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

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



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



Наклейка «Экспедиция»: усиление стихии



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

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

2. Наклейка почти вся белая.

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

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

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

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

Проведем так называемый «тест на косоглазие»:

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

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

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

Подведем итог Плюсы: + Наклейка стала выразительнее за счет акцентов и ярких цветов + Название стало легче читаться и повысилась узнаваемость стикера Минусы: — «Наивность» исчезла.

Понятно, что это сделали не дети, это стало стереотипным

Pally Store: добавление ручной работы



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

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

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

Наверное, в этом магазине ценится все натуральное, ручное, натуральное или, как модно говорить, «крафтовое».

Тогда есть только одна проблема: 1. Надпись слишком компьютерная: руками две одинаковые буквы «Л» не напишешь.

Простой совет для тех, кто хочет сделать рукописную надпись: не ленитесь и пишите действительно от руки.

Он будет живее любого компьютерного шрифта.

Напишем на бумаге маркером и карандашом «Магазин Pally»:

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

Теперь осталось только обвести буквы в Illustrator и применить их к крышке бочки в Photoshop. Мы не потратили на это много времени, но даже так видно, что стало более «душевно», как будто кто-то действительно рисовал по дереву:

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

Подведем итоги рестайлинга Плюсы: + Вывеска стала более рукотворной, это дает ощущение комфорта Минусы: — Рукописную надпись на дереве трудно прочитать.

Если есть небольшой формат, понадобится упрощенная версия.



Визитка специалиста Excel: визуализация идеи



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

А что, если сделать визитку в виде самой таблицы? Давайте оценим:

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



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

Результат: получится здорово :)

«СибТрансНавигация»: играем со шрифтами



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

Этот пример иллюстрирует правило: эффекты плохо сочетаются со шрифтами (за редкими исключениями).

Выделим основные проблемы: 1. Эффекты портят читабельность и возвращают нас в девяностые годы, когда все были без ума от возможностей Word art. 2. И без того сложный заголовок сжали так же, как раньше делали с надписью «Минздрав предупреждает», чтобы его невозможно было прочитать.

Давайте просто заменим сжатый Impact двумя бесплатными шрифтами без эффектов:

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

Давайте сравним читабельность:

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

Подведем итог: + Избавившись от эффектов, логотип шагнул из девяностых в двухтысячные + Ненажатые буквы теперь легче читать — Логотип стал длиннее — Если важна узнаваемость, нужно придумать эмблему для «СибТрансНавигации».



Парагон: улучшение состава



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

Сергей прав - логотип требует доработки: 1. В текстовой части перепутаны строчные и прописные буквы.

Посмотрите внимательно: написано не PARAGON, а ParaGOn. 2. Вывеска разваливается.

Идея понятна — буквы П и Г и между ними С.

Но композиция не динамична и не статична — просто нагромождены в кучу строки.

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

В «массе» все примерно одинаково.

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

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

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

Возьмем самый графичный элемент оригинального логотипа «G» и разберемся с ним прямо в Фотошопе:

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

Выглядит круто, напоминает %.

Или можно вытащить ножку для «П» из первой буквы.

Это нарушает симметрию, но делает исходное значение «PG» явным:

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

Результат: + Логотип стал четче и целостнее за счет композиции, цвета и знака — Исчезли оригинальные «греческие» мотивы, знак больше не является ребусом из ПГ и С.



Некоторые люди: выбираем лучший вариант



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

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

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

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

На основе названия «Некоторые люди» вы можете использовать разные фотографии людей как элементы своего фирменного стиля.

Давайте возьмем бесплатные unsplash.com :

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

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

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

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

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

Результат: простой знак превратился в так называемый «визуальный молоток».

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

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

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



Давайте подведем итоги

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

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

Большинство из них отсекают лишнее, расставляют акценты и повышают узнаваемость «в жизни».

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

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

И, как всегда, удачи в ваших дизайн-проектах! Теги: #дизайн #редизайн #Графический дизайн #Типография #Работа с векторной графикой #практика #советы

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.