Category: транспорт

Category was added automatically. Read all entries about "транспорт".

О проекте



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



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


Электронный билет БЖД




В июле я ездил в Брест на полдня.
Билеты впервые купил на сайте rw.by

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






Ну да, ну да. А чего собственно можно было ожидать от БЖД?
Красивой, понятной, удобной верстки?


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

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

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

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

А вообще, мы в 21 веке живем.
Можно и на смартфоне принести,
черт побери.


Ок, перейдем к билету. Посмотрим на него сверху вниз

1) «БЛАНК ЭЛЕКТРОННОГО ПРОЕЗДНОГО ДОКУМЕ.... БЛА БЛА БЛА»

2) Номер билета и номер заказа подозрительно похожи.



3) Зачем указан «год совершения поездки»? Чтобы нельзя было воспользоваться
билетом через год? А номер билета для чего? А дата покупки еще зачем?

4) «Кол-во пассажиров 1». Проверено — если купить два билета,
то сайт отрыгнет два отдельных листа. На каждом будет
написано кол-во пассажиров 1. Напрашивается вопрос,
если для каждого пассажира формируется персональный билет,
то зачем писать очевидное число пассажиров?




5) Не понимаю до сих пор, почему при транслитерации используется тарашкевица?
Неужели иностранцам понятно как это читать? Почему нельзя написать
MINSK PASAZHYRSKY? Или BREST CENTRALNY?





6) Спасибо, поржал




7) Заголовок оторван от направления на расстояние
в миллионы световых лет.



8) Вот какого хера тут такая дыра? А?


Перейдем к нижней части


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




10) Охуенно нужная информация.




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


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

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










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








Слишком много инфы, пора избавляться от лишнего.







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






В шапку также идет крайняя дата отмены регистрации.
Получается она такой (слева-направо):
1) Лого,
2) Номер билета,
3) Дата регистрации,
4) Крайняя дата отмены

Все вполне логично.

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




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



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



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




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




Продолжаю править мелочи.



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





Нет, вот теперь готово.




И еще картинка для любопытных







Та дааа!





Теперь все.

Fielmann

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

Вот из недавнего. Рекламу Фильмана, я видел еще, кажется,
в далеком детстве, в газете «Вечерний Минск».




По крайней мере, когда я смотрю на эту верстку
и этого чувака, то вспоминаю 90-е




У чувака из 90-х есть подруга. Она, как вы понимаете, тоже из 90-х.




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

1. Судя по всему он страдает от нервного тика.




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




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




4. Ну и наконец (как любой творец) он немного сумасшедший.



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

Предлагаю переверстать листовку и превратить
ее во что-нибудь из 2018 года. Заменим чувака из 90-х
чуваком из 2018.



Подруги у него не будет. Нууу... вы понимаете.

Дизайнер тоже будет новый. Щедрый, умный, тактичный, здоровый.

Я буду.


Поехали. Первые подходы к снаряду.








Уаааа




Закажи очки уже!



Первый вариант




Нолики я превратил в пенсне.



Идем дальше. Тоже простой, но очень хороший,
понятный и приятный вариант.



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


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





Немного играюсь с формами и цветом.








Вот так хорошо.




Обратите внимание вот сюда


А все почему? Потому что я еще и смелый дизайнер.


А еще только трусы и невежды боятся переносов.






Ну вот совсем другое дело. Модное, современное, красивое.





Ура. Всем до скорых

Навигация на автовокзале

Хай! Сегодня я переверстаю вот этот навигационный стенд с автовокзала.



Начну я с препарирования. Скальпель!




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



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





Рисую стрелку




Готовлю иконки






Начинаю крутить-вертеть.




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








Не, зеленый и рамочки нужно убрать.




И раскрасить.







Во! Этот нравится! Ровняю все элементы,
навожу полный порядок.





Примеряю



Переверстка тикетбаса, ч. 3., Поиск и покупка билета.

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

Для начала давайте попробуем заказать билет на старом сайте.
К примеру, нам нужно (за каким-то хреном) съездить в Фаниполь.

Первое, что я вижу — это окно выдачи результатов поиска.
Есть один вариант на маршрут Минск–Клецк.
Верстка в стиле «Убеейте меняя»


Collapse )
лого

Большая переверстка Минсктранса, часть 4-1. Раздел «Расписание»

Привет всем! Сегодня мы займемся разделом «Расписание»

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



Collapse )
лого

Большая переверстка Минсктранса, часть 2. Редизайн логотипа

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

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


Напоминаю, вот так выглядит старый вариант:




Беру карандаш и начинаю придумывать эскизы.


Collapse )
лого

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

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

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

Смотрим:









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


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

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

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

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




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



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



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

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




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







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



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










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











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

Табличка на остановке

Доброго вечера всем! Градус пофигизма просто зашкаливает
на этой табличке, сообщающей об изменении в маршруте движения автобусов.




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

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

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

Ок, как вы догадались, я переверстал сей экспонат.






С уважением к буквам, строкам, набору и конечно пассажирам.
Желаю приятного просмотра.


лого

Стрелка в метро

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



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

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

Или я не в теме?