Category: техника

Category was added automatically. Read all entries about "техника".

О проекте



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



Открыт к общению и сотрудничеству.
Верстаю текст, рисую буквы, делаю логотипы и фирменные стили. Мое портфолио.


лого

Автомат для зарядки телефонов

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

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

Смотрим:









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


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

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

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

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




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



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



На каком-то этапе мне захотелось добавить
в макет поясняющие иконки. Открыл иллюстратор и стал рисовать.

Вот что получилось




В итоге хорошо в макете стала только иконка чека.
Да, это итоговый вариант.







Основная часть работы сделана, теперь осталось совсем немного,
а именно переверстать вот эту часть



Здесь я решил не убирать дублирование заголовка «Не выбрасывайте чек!»,
чтобы подчеркнуть значимость посыла. Только представьте, что вы не можете извлечь
свой телефон из автомата, где-нибудь в Копенгагене, а ваш поезд отходит через 10 минут!
Помните про чек!










Готово! Теперь стоит попробовать сделать вариант потемнее.











Вери гуд! Все пока!
лого

Электровелосипед

Всем привет! Велосипеды нынче в дикой моде.
ЗОЖ и все дела. Вот и я не отстаю — сегодня переверстаю,
так называемую... эгхе-гхе рекламу электровелосипеда.




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


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

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

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




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




Не благодарите.


лого

Приорбанк

Привет всем! Сегодня я переверстал для вас наклейку,
которую я сфотографировал на двери одного из отделений Приорбанка.




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

«Солидному банку нужен солидный дизайн», — подумал я тогда и полез за фотоаппаратом.

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





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




Получилось весьма мило, а главное понятно.

Всем спасибо, до новых встреч, мальчики и девочки. Гав-гав!





лого

Ценник



Продолжаем эпопею с ценником из Короны (первая часть).

Сегодня я переверстал этот страх и ужас. По-моему вышло вполне неплохо...




Да, лаадно, чего я прибедняюсь — получилось очень круто, в 1000 раз круче чем было. :))

Итак, вкратце расскажу что я сделал:

1) Начал я, как обычно, с построения четкой иерархии информации и избавления
от лишних слов (к примеру, убрал «Страна происхождения» и написал просто «Китай»);
2) Выделил реальную цену планшета. В старом варианте ценника крупно указывалась
стоимость со скидкой, которую получить можно было только через консультанта магазина
и непонятно какими усилиями. Поэтому, господа маркетологи, идите лесом, а я ставлю
реальную цену во главу;
3) Переработал блок с техническими параметрами — в старом варианте,
сам черт ногу сломит, прежде чем разберется, что значат все эти цифры и буквы;
4) Исправил кучу мелочей — начертания, выделения, пробелы, кавычки и т.п.;
5) Сделал два варианта бумаги — белую и зеленую (как в оригинале);




6) Подмазал, подклеил, подкрасил.

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

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

Всем спасибо.