Архитектор
Целеустремлённый, талантливый котик с амбициями. Любит воплощать свои идеи и реализовывать планы. Работает с деревом и современными материалами - умело их комбинируя. Светлый, открытый и совершенно очаровательный.
аромат: лимон, каффрский лайм
источник https://vk.com/wall-73864613_1305
«Это были 90-е, мы рисовали как могли»: редизайн неудачных логотипов (часть 1)
Предисловие:
После моего предыдущего поста про редизайн логотипа Хованского, который имел какой-то ошеломительный для меня отклик, на меня подписалось аж 65 человек!) Я понял, что, возможно, люди хотят ещё, и решил, что нужно продолжать писать) Благо, есть, о чём)
В этом посте я расскажу о нескольких примерах редизайна неудачных логотипов, а в конце вас будет ждать, думаю, приятный бонус;)
Порой ко мне обращаются люди, у которых уже есть логотип и какое-то подобие фирменного стиля. Делают они это потому, что понимают – то, что у них есть, никуда не годится. В основном эти работы были сделаны людьми далёкими от дизайна, а зачастую даже в редакторах далёких от того, чтобы быть графическими…
За 8 лет работы у меня накопилось много подобных примеров, и в этой статье я отобрал и разобрал лучшие их преображения.
Конечно, не все логотипы из категории «Было» были разработаны в 90-х, но даже те, что появились в конце нулевых, достойны того, чтобы оказаться в статье с таким названием.
Представляю вашему вниманию Проектно-экспертное бюро «Ргумент»! Подождите… Какое-то странное название… Ах, да, циркуль слева – это, должно быть, буква «А»! Теперь всё понятно...
Нет-нет, не подумайте! Это не шапка фирменного бланка, а именно логотип (и, да, в правом нижнем углу, действительно, стоят адрес на 3 строки и телефон с факсом). Я в этом уверен, потому что в их старом фирменном бланке вся эта информация дублировалась справа от «логотипа».
Ошибок в этом логотипе так много, что я не буду их перечислять, а сразу перейду к тому, как мы их исправили.
1) Убрали все лишние элементы (читай – контакты).
2) Циркуль (а точнее – кронциркуль) теперь, действительно, похож на букву «А» и сочетается с остальной частью названия.
3) Логотип стал читаться даже в небольшом размере.
4) Вместо невнятного красно-коричневого фирменным цветом стал приятный глазу бордовый.
BERCO Transportation & Tours – туристическое агентство на Ямайке – стало уже достаточно известным в своём регионе и наработало большую клиентскую базу, чтобы смело сменить своё длинное название на аббревиатуру «BTT».
При этом руководство понимало, что их старый логотип и фирменный стиль никак не подходит образу современной компании, и было решено помимо переименования провести полный ребрендинг. И Слава Богу!..
Знак нарисован (или вырезан) криво, если не считать синий полумесяц. Шрифты не сочетаются друг с другом, как и цвета обеих надписей с фирменным знаком. Ненужное наложение текста на знак и как следствие этого – убогая тонкая черная обводка у названия…
1) Знак стал чище и аккуратнее.
2) Надпись сочетается со знаком как формой, так и цветом.
3) Сохранилась узнаваемость для старых клиентов компании и повысилась привлекательность для новых потенциальных клиентов.
Забайкальское бюро кадастровых инженеров, и с чем они пришли:
Сперва в глаза бросается очень странная компоновка названия: непонятно, что с чем и как выровнено, зачем-то три разных размера шрифта, два из которых – в одной строке.
Теперь перейдём к знаку. Это, конечно, хорошо, что в нём изображены и, собственно, кадастровый инженер и очертание Забайкальского края – настоящий знак со смыслом! «Как у эпл», ага Но всё же выглядит это так, как будто кто-то нашёл две эти картинки в интернете и просто наложил одну на другую… Спойлер: так всё и было.
1) Во-первых, сразу было принято решение выделить именно фирменное наименование, а не сферу деятельности, как было до этого. Все эти кричащие предложения остались только в объявлениях на стенах и столбах, где царствуют производители цемента и риелторы-псевдособственники.
В современном мире, если человеку понадобятся кадастровые услуги, он заходит в поисковик или в 2ГИС, и там ему вываливается список из сотен «бюро кадастровых инженеров», и во всей этой массе нужно как-то выделиться… Для этого и нужно было расставить акценты – бюро много, а Забайкальское – одно.
2) Фирменный знак лишился своего инженера, но зато приобрёл индивидуальность и изюминку.
3) Забайкальский край теперь вымощен треугольниками, что делает его узнаваемы даже при печати в один цвет. Треугольники были выбраны не просто так: триангуляция – это один из методов для переноса рельефа и площади земельного участка на плоскую карту.
Дамы и господа!
Опять же «знак со смыслом» очень хорошо даёт понять, чем именно занимается компания – грузчик (очевидно, из Питера) несёт не только коробку, но и само название! Правда, стиль рисовки оставляет желать лучшего. А каждый из используемых шрифтов в отдельности и особенно их сочетание оставляет желать и вовсе чего-то несравнимого. Не забудем сказать и о композиции знака с названием, которая не лезет ни в какие рамки. Разве, что очень высокие…
1) Чтобы не отпугнуть «новым лицом» компании уже наработанную клиентскую базу, некоторая преемственность была сохранена: персонаж и цветовая гамма остались прежними.
2) Название больше не теряется за широкими плечами персонажа, а стоит с ним наравне и хорошо читается даже при небольших размерах.
3) Новый логотип удобен в использовании – он одинаково хорошо ложится и на кузов грузовика, и на визитку, и на спецодежду.
ООО «Пласт Тара» – производитель пластмассовых изделий для упаковывания товаров. Прошлый логотип «Пласт Тары» – это один из примеров с тех времён, когда каждый мог почувствовать себя настоящим художником, изменяя длину тени и угол изгиба надписи.
Легендарный «WordArt», способный превратить любую надпись в шедевр графического дизайна, был им в помощь.
Логотип стал уникальным, узнаваемым и запоминающимся. В одном лишь фирменном знаке отразились и заглавные буквы названия компании, и изображение основного вида изготовляемой продукции – мягкого контейнера. Это особенно важно, когда в твоей отрасли у каждой второй компании похожее название, а у каждой десятой – почти такое же.
На этом всё) Это была первая, но, уверен, не последняя подборка редизайна неудачных лого)
Можете в комментариях покидать примеры логотипов, подходящих к категории «было» у существующих компаний)
Если к таким компаниям относится ваша, то у меня для вас две новости: первая – логотип у вас плохой, вторая – это всегда можно исправить! Напишите в комментариях к этому посту, чем вы занимаетесь, как называетесь, в каких регионах работаете, ваши контакты, но самое главное – приложите ваш существующий на данный момент логотип) Можете также добавить любую информацию, которую посчитаете нужной)
Я выберу пятерых счастливчиков и к концу августа сделаю им бесплатный редизайн логотипа, ничуть не хуже примеров в посте) А о результатах создам новый пост)
Концепт поезда будущего Idea Train.
Инженеры и дизайнеры немецкого государственного концерна Deutsche Bahn разработали оригинальный концепт поезда будущего Idea Train.
Поезд Idea Train будет двухэтажным.
Его внутренний дизайн выполнен в футуристическом стиле.
Для пассажиров разработаны сидячие места с удобными креслами и диванчиками.
Кресла вращаются вокруг своей оси, их можно развернуть в любом направлении.
Для пассажиров, которые планируют выспаться во время поездки, предусмотрены округлые спальные ниши, повторяющие изгибы человеческого тела.
Пока дети будут веселиться в игровой зоне, взрослые смогут посмотреть увлекательные фильмы и телепередачи на широкоформатном плазменном телевизоре, поиграть в приставку, позаниматься в тренажёрном зале, расслабиться на массажном кресле или просто посмотреть в окно, сидя на удобном диванчике.
Кроме того, поезд Idea Train будет беспилотным.
В настоящее время работа над инновационным поездом Idea Train идёт полным ходом. Поезд планируют запустить по маршруту Зимбах-ам-Инн — Мюнхен уже в 2019 году. До этого времени ему предстоит пройти серьёзные технические испытания.
Немного юмора.)
BMW X7 примеряет решетку «трешки» Е30
Пикабу
BMW X7 примеряет решетку «трешки» Е30. И наоборот.
Джейсон Каммиса из издания Road & Track придумал очень крутой способ продемонстрировать величие «ноздрей» баварской новинки. Для этого ему понадобилась старая «трешка» Е30 и немного времени для проведения операции по пересадке.
Жадность клиента
Не так давно, по совету моего постоянного клиента, ко мне обратился человек с заказом на дизайн афиши. Объём работы был объяснён по телефону. Организация крупная, даже очень. Работает в разных странах. Какие деньги они получают даже представить страшно. Но после того как я озвучил сумму в 3000 р. начался торг. Ну, вроде как обычное дело, поторговаться и выбрать удобную цену для всех. Вот только клиент оказался жадным.
Просит за 1000 р. сделать три макета. Уровень дизайна и сложности исполнения требуется высокий.
Чтобы было понятно – мне, с моим 15 летним опытом сделать такое возможно, но придётся повозиться. О чём я и говорю.
Он уверяет, что у них на самом деле на так много денег как это может показаться.
Хорошо, предлагаю сделать за 2000 р.
Он уверяет, что есть масса исполнителей, которые могут и за 500 р. сделать.
Объясняю, что за такую сумму может быть новичок станет работать, да и то в основном для портфолио. Плюс нужно учитывать уровень исполнения.
Предлагает 1500 р., а я настаиваю на своём.
В итоге не договорились.
Удобнее было бы скрин переписки прикрепить, но не могу, т.к. человек звонил по ватсаппу.
Короче говоря я шокирован, у меня бомбит и т.д. и т.п.
Обращается по совету знакомой, то есть суммы она обрисовала, уровень работ показала, но 2000 р. ему жалко. А за 1000 р. он хочет увидеть три шикарных макета, два из которых будут отсеяны. Потом внесение правок растянувшиеся на несколько дней, подготовка под тех. требования типографии и почти наверняка подгонка под тех. требования (препресс) для журналов. И он ещё думает, что нормально за такое платить 500 р.
Интересно что думают такие люди о дизайнерах? «Да посидит на воде и хлебе, мне-то что?» Или классическое: «Да что они там работают? Сидят, играют за компутером».
Дорогие заказчики, если вы читаете это, поймите одну важную вещь – дизайнеры тоже живые люди. Они тоже едят, а цены на продукты не падают.
Можно проследить простую логическую цепочку: предположим человек год назад тратил 10 т.р. на продукты в месяц, сейчас цены поднялись и теперь он тратит 20 т.р. Что ему делать – есть меньше или поднимать свои расценки на услуги? Как бы вы поступили на месте исполнителя? Лично я поднимаю.
История потопа ч.2 и ответ всем дизайнерам и эстетам Пикабу.
Все таки видимо придется написать второй пост за день. Так как с каждым часом вопросов все больше, а ответов не прибавляется(
С утра к нам пришел инженер из УК, вместе с хозяином квартиры выше. Они его вызвонили, чем человек явно был не очень счастлив. Пока инженер осматривал локации потопа, сосед приговаривал что у них все сухо, все отлично и вообще наша хата с краю. Далее представителем УК мы были приглашены к верхнем соседям, что бы мы сами увидели причину потопа (видимо инженер просто не заинтересован влезать в причитания виновника торжества). И что мы видим? Снятые батареи, торчащие две трубы, с якобы вентилями которые перекрывают возможное появление воды. Под ними, как и на стене, влажные пятна.
При попытке включить подачу отопления (у нас сложная схема, включается в общем коридоре, отдельно от водоснабжения), вода начинает уверенно струиться из трубы. Замечу, что те самые вентили на трубах в положении закрытия. На наш немой вопрос, сосед отвечает (простите за капс) ЭТО НЕ МЫ, ЭТО УК, КАКОГО ХРЕНА ОНИ ЛЕТОМ ВОДУ В БАТАРЕЯХ ВКЛЮЧАЮТ. Именно с такой интонацией он нам пытался это доказать, инженер лишь развел руками и спросил о том, почему же они свой стояк отопления не перекрыли. Ответ остался без внимания.
Далее мы пришли снова к нам, составлять акт. К сожалению, читая ваши комментарии, понимаю что надо было давить на указания не только места протечки но и масштаб, и ноутбук. Почему-то нам сказали что можно внести лишь причину, локацию и тип протечки. Пока инженер усердно заполнял документы, с разборкам подключилась (неадекватная) жена соседа. Сначала она пыталась выяснить у него масштаб трагедии, далее трубка была передана моему мужу и тут понеслись очень странные вопросы или даже попытка угадать какую-то причину отказа во возмещении - А вы точно собственник? А вы как давно живете? Небось только ремонт делаете! (живем с марта) Ну что прям так сильно что ли? Далее пошли попытки переложить вину на УК, но в этот момент трубка была передана самому инженеру УК который, явно с большим опытом, за минуту объяснил что тут без вариантов.
В итоге, в акте, было указанны только углы потопа, без каких либо уточнений по пунктам: порча 1 полосы обоев зала, порча 1 полосы обоев кухни, частичная смывка побелки (или краски тут хз) на потолке и гипсокартонной конструкции, порча ноутбука (пока не включали, ждем пока просохнет окончательно). Далее, соседка видимо решила что тут без вариантов и предложила и спросила прямо - деньги или мы (их ремонтные рабочие) исправляют косяки. И тут мы задумались...
На самом деле визуально, ничего ужасного нет - полы не вздулись и инженер сказал что для плесени воды должно было быть больше и стоять они должна была дольше. Обои (возможно) можно попробовать выровнять. Перепечатка фото-обоев будет стоит 3300 за полосу, но типография не обещает попасть в цвет и стык по картинке (предлагают менять полностью), обои на кухне также пострадали не сильно и в магазине (ближайших) таких уже нет. Ноутбук необходимо включить, зафиксировать это действие на видео и отнести его на диагностику - тут без вопросов, будем заниматься. Возможно тут есть специалисты, которые подскажут, можно ли исправить такие косяки без покупки нового материала. Буду очень благодарна. Простите за качество фото, как написал один мудрый человек - Сначала надо купить хороший телефон, потом обои за 15 тысяч! Также, хочу сказать спасибо кто действительно давал дельные советы, мы ими воспользуемся (страхование, оценка ущерба и т.д). Также, тем кому интересно, я напишу еще один пост (надеюсь последний) про то, как все закончилось.
Ну а далее мы перейдем к моей любимой части сего обсуждения. Дорогие дизайнеры у которых полилась кровь из глаз от вида оформления стен и потолка, уважаемые эстеты которые высматривали неровности, пиксели, стыки и т.д Я понимаю ваше негодование, но увы, вот такие мы люди. Нам нравится то, что мы сделали и делаем до сих пор. Мы не профессионалы и лишь хотим чтобы нам было комфортно в нашем доме. Мы также видим промахи в плане качества ремонта, увы, мы были ограничены временем и финансами. Мы спешили переехать из комнаты, которую снимали, так как мышей на кухне было уже больше чем соседей. Но, также (в защиту дорогого решения декора стены), мы хотели наполнить дом особыми идеями, которые отображают наши интересы. Поэтому прощу меня простить, кому нанесла тяжелые психологические травмы.
Дизайнерские изыски: ТЭМ8.
Международное жюри, присудило престижную награду Red Dot Award проекту маневрово-вывозного тепловоза, разработанному Дмитрием Мареевым (Председателем секции «Промышленный дизайн» СПб СД).
Локомотив, спроектированный на базе серийного ТЭМ7А, обошел сотни других претендентов, войдя в число лучших работ в номинации Concept Design 2018.
Предлагается принципиально иная схема построения мощного (2000 л.с.) маневрово-вывозного локомотива, в которой существенно лучше решены проблемы безопасности и удобства работы машиниста.
Для улучшения обзора и, следовательно, безопасности, кабина машиниста располагается по центру тепловоза, значительно увеличивается площадь остекления.
Все узлы и агрегаты, расположенные в капоте, были разделены на две части и помещены в два капота уменьшенной длины, расположенные по разные стороны от кабины и смещенные влево по ходу движения.
В капоте «А» размещены дизель-генераторная установка, генератор, охлаждающая установка, система фильтрации воздуха и масла.
В капоте «Б» находятся высоковольтная камера, центральная вентиляционная система, реостатный тормоз (в перспективе возможно применение рекуперативной тормозной системы), один или два мотор-компрессора (во втором случае – для работы на горно-обогатительных комбинатах).
Кабина отделена от капотов двумя тамбурами с возможностью выхода на обе стороны локомотива.
Обслуживание агрегатов, расположенных в капотах, возможно с обеих сторон.
Эргономичное кресло, система кондиционирования, электронная система обзора и система контроля бдительности машиниста способствуют повышению безопасности и снижению утомляемости.
Предлагаемый маневровый локомотив способен значительно повысить безопасность на железных дорогах, облегчить труд машинистам и ремонтным бригадам.
Там ещё изображён ТЭМ8В — Военный(дополнительно установлена башня с пушечным вооружением),но это ИМХО,кто-то грибами баловался.)
Как инвалиду стать профессионалом без работы и денег? Часть девятая. Работа над сайтом, листовка, тестовое задание, типографика.
Восьмая часть здесь:
https://pikabu.ru/story/kak_invalidu_stat_professionalom_bez...
Добрый день всем!
Сегодня я, пожалуй, расскажу вам о том, как я делаю сайт и логотип к нему. Расскажу о тестовом задании и как делал листовку для проекта и забавный баннер. И расскажу о проблемах с типографикой.
Итак начали.
Первое:
Как вы помните на прошлой неделе я получил заказ на сайт. Это была очень интересная работа, сработать так, чтобы вывести на достойный уровень простой классический сайт о продаже бытовок с нуля в России.
Задача клиента была такая:
- сделать так, чтобы такого не было ни у кого.
- сделать так, чтобы он был современным и одновременно простым.
- показать фоном его материалы и его работы, чтобы он был и иллюстративным одновременно
- сделать *как вот у тех ребят, но лучше*.
Сошлись с ним на 20 тысячах.
Окей, первоначально я не знал даже как подступиться. Поэтому разбил задачу на несколько частей.
Проработал всю информацию от заказчика и целую гору фотографий и логотипов от него. Это было даже интересно узнать то, как создаются бытовки и как они служат. Сам заказчик попался очень хороший, четко держит связь, дает нужную информацию, материалы. Работать с ним было одно удовольствие.
Отобрал самые лучшие фотографии и материалы. Боже мой сколько трэша было там. =) Ребят вы вообще знали, что в России вообще нет классных фоток бытовок? Ни одной!
После чего последовательно и методично прошерстил все варианты сайтов, которые продают бытовки в СПБ и в России. Попадались, как и откровенно плохие так и интересные. Но практически большая часть была в формате лэндинга. Подавляющее большинство. Я же решил пойти немного по другому пути и сделать с учетом пожелания клиента сайт, который будет многостраничным.
Так же постарался убрать все рюшечки и бантики и оставить только аскетичный минимализм с уклоном в брутализм. Только мачо, только суровые инженеры и строители, а не * хипсторы на гироскутерах с вейпами*(с)
В итоге получился такой набросок сайта и его главной страницы. Редизайн скажем так.
Теперь проясню элементы работы над ним.
Первое что нужно было сделать для клиента. Это лого – представление о нем и о том, что он продает и его возможности.
Первоначальный вариант у клиента на сайте был такой.
Как видите было не очень удачно подобрано как цвета, так и фон, и сама форма ни о чем не говорила.
Поэтому я проработал логотип так чтобы он в очень простой и легкой форме показывал самый главный аспект продаж клиента. Бытовку. После чего я постарался придать ему еще дополнительный символизм в виде мобильности и легкости, что превратило бытовку в маленький чемоданчик. Переработал шрифт так, чтобы он был читабелен с любого сайта и с любого варианта фона. Так же изменил шрифт так чтобы он отражал видение клиента о самом себе, монументальный, надежный и спокойный.
Как видите, здесь еще и подобрал цвета спокойные и не кричащие, и одновременно вызывающие чувство надежности и стабильности. Разделил текст и логотип так, чтобы они воспринимались как цельное и не мешали друг другу.
Логотип был принят очень хорошо, поехали дальше.
Было принято решение полностью переработать саму подачу информации на сайте для потребителя от клиента.
Первоначально сайт состоял из слайдов на котором было просто написано, что он продает. И таких слайдов было очень много – целых шесть слайдов. Это вполне хорошо для формата лэндинга, но даже так без информации, они не несут никакой ценности и нет никакого визуального восприятия информации. Так же фон и обводка были выбраны неудачно и совершенно не совпадали с общим стилем.
То, как было сделано у клиента.
Практически отсутствует продающий элемент, нет понимания того, почему именно у него стоит заказывать.
Фон, помимо этого, не дает увидеть визуальную составляющую контейнеров, портится общее впечатление и создается ощущение разрухи и безнадежности.
Это было решено исправить полностью. Да пусть встанет с колен бытовочная промышленность!
Первое что я сделал, это перелопатил фотографии и выбрал самые яркие и активные фотографии с интересными ракурсами. После чего обработал их так, чтобы они были затемнены и на них можно было бы расположить любую информацию.
Принял решение уменьшить количество страниц слайдов чтобы не было ненужного дублирования страниц и было большее насыщение информацией.
Каждой странице я отвел свою роль так, чтобы все они были интересными, имели ценность в восприятии, имели бы информативное значение, получили бы возможность работать с покупателем так, чтобы он мог лично выбирать то, что ему нравится и узнавать почему именно эти бытовки лучшие.
Первой странице я отдал роль главной, где происходит знакомство покупателя с товаром и выбором. Вместо того чтобы заставлять его пролистывать 6 слайдов я уместил все на одной странице без потери функциональности.
Как вы видите я скомпоновал блоки так чтобы они получили место активных иконок ниже экрана, добавил элемент, подсказывающий что можно крутить дальше. Показал фотографию фоном так, чтобы было интересно, что это такое у него продается и было видна направленность продавца.
Убрал излишние кнопки в меню и оставил только то, что действительно важно.
Второй странице я отвел роль знакомства с материалом и тем, как собирается бытовка и модульное здание. Применил систему карточек так, чтобы информативность возросла на порядок, и вместе с этим не раздражала покупателя.
При нажатии на каждый из элементов выскакивает карточка на пол экрана, которая знакомит покупателя с особенностями бытовок у этого продавца. Продажный и убеждающий элемент.
Третьей странице я отвел завершающую роль, и в ней было решено показать то, что клиент очень хорош в своем деле и работает с крупными строительными компаниями и не разменивается на мелочи. Было решено визуально показать какие компании работают с ним, и показать информативно почему выбирают его, а не другие компании.
Так же все было проработано так, чтобы выдерживался единый визуальный цветовой стиль. Чтобы не страдала визуальная часть я везде свои элементы применил в той же цветовой гамме что и логотип, чтобы выглядело аккуратно и достаточно современно.
После чего моя работа была показана клиенту. Ему очень понравилось то, как сайт обновился, было принято решение работать дальше. Доводим сайт до идеала, а в частности главную страницу как раз.
По итогам разговора с клиентом, будут переработаны иконки в пользу большей информативности, будет выполнена окончательная переработка информации. Будет применена система пчелиных сот для того, чтобы показать современность и еще больше привести все в единый вид. Так же изменится карта и заменится на всю Россию.
Будет переработана типографика текста так, чтобы он не только улучшил свою читаемость и выразительность на фоне, но и стал выглядеть более четким. И я написал вьетнамцам и ребятам с других стран и спросил у них совета. О вы не представляете, как щедро мне накидали советов и идей, мне все это разгребать неделю! =)
Поэтому возникает вопрос к вам читатели. Какой шрифт вы бы посоветовали для этого сайта и почему? Так же есть вопрос по фотографиям. У кого есть хорошие интересные фотографии бытовок?
Так же предлагаю вам предложить ваши варианты того, что можно было бы изменить на сайте, не отойдя от общей цели и смысла страниц.
Думаю, на этом разбор сайта мы закончим и продолжим дальше.
Второе:
На этой неделе, вы представляете мне предложили выполнить тестовое задание чтобы попасть на работу дизайнером фрилансером в компанию! И это была очень интересная задача.
Придумать по мотивам сайта, который ведет вебинары и семинары людям, которые продают что-то или же занимаются торговлей профессионально, листовку, которую хотелось бы сохранить или унести с собой как интересную иллюстрацию.
Причем формат листовки должен быть легким и простым и отвечать всем канонам печатания и размерам. Это было серьезно очень интересно.
Знаете какой самый простой способ представить что-то интересное? Это начать зарисовывать все ассоциации, которые приходят в голову или же начать обсуждать это с другими людьми. И порой такие мозговые штурмы приводят к неожиданным результатам.
- А что, если показать прям что-то высокое и крутое?
- Не давай наоборот покажем самую глубину, где сокрыто самое крутое?
- Хм, а в этом что-то есть…а давай придумаем гору в глубине, Карл!
- Че?
- Айсберг в океане! Идеально!
И так и родилась идея листовки, которая одновременно и дразнит читателя и предлагает ему пройти на форум и узнать то, что он раньше не знал и узнать секреты форума, и погрузится еще глубже в глубины профессионализма.
Ну и выглядит прикольно как иллюстрация, которую можно и повесить на стенку. =)
А второе задание от них же, это придумать баннер для рекламы или сообществ в интернете с ссылкой на какую-то страну по собственному выбору. И еще задача баннера – сделать акцент на географических особенностях страны.
Ох, и тут мы залипли с девушкой.
Мы придумали француза негра.
Мы придумали робота гейшу, поющего кенгуру в опере, толстую бутылку пива с баварскими сосисками, хомяка в костюме, матадоров с пиццей, фестивальные танцы с перцем, и много-много-много всего. Доходило даже до чернухи.
А вы угадали страны, которые описываются этими словами? =)
В целом в итоге мы решили остановиться на Финляндии и показать забавные особенности этой страны.
Это лоси и сауны!
Ведь финны очень любят сауны, а лосей там не видел только ленивый!
И я постарался нарисовать все это вместе, и мне кажется получилось одновременно и забавно и смешно и вполне отвечает духу задачи.
А пример от клиентов выглядел так.
Думаю, что вполне похожий стиль удалось выдержать. Кстати, о этом лосе, который нарисован на баннере вы можете узнать из мультфильма три веселых друга. Очень рекомендую этот мультфильм, который прямо пропитан чернухой. Осторожно, его стоит смотреть только взрослым людям!
Третье:
И напоследок, хотел бы у вас попросить дорогие читатели, о типографике. Ребята подскажите хорошие материалы по типографике, так как я остро чувствую нехватку информации по этому направлению и мне остро нужны знания по этому предмету! Сильно не хватает знаний где и как можно применять определенные шрифты.
Так же хочу рассказать еще о одном занятии, которое я теперь тоже выполняю каждую неделю, которое подстегнет вас как фрилансера и дизайнера и откроет вам новые перспективы.
Это упражнение на воображение.
Задача очень простая. Вы берете лист бумаги и карандаш и идете гулять. Просто гуляйте без задней мысли, отдыхайте, постарайтесь просто смотреть как наблюдатель. Вы не поверите сколько радостных, смешных, плохих моментов вокруг происходит, Вы можете найти шикарный референс разрушенной башни, которую вы можете потом построить в своей игре, вы можете найти дерущихся голубей и у вас в голове родится идея как можно нарисовать смешных взлохмаченных людей которые дерутся и похожи на голубей!=)
И на этом думаю мы с вами закончим!
Ставлю себе задачи на следующую неделю:
- Добить сайт заказчика и переработать его в сторону улучшения читаемости и информативности и добиться хорошего взаимодействия.
- Добить еще 5 уроков.
- Не снижать темп и подготовиться к WEB DESIGN.
- Начать готовить третий урок для вас.
- Искать еще больше заказчиков.
Так же хочу прикрепить здесь ссылки, которые могут быть полезны вам:
https://dtf.ru/gamedev/62420-proektirovanie-urovney-molekuly... - Здесь очень интересно рассказывают о необычном применении дизайна, почитайте вам будет интересно узнать.
https://medium.com/@vit.onix/%D0%BA%D0%BB%D0%B0%D1%81%D1%81%... – Очень хороший текст если вы хотите узнать типографику и разобраться в основах с ней. И сам сайт сам по себе очень и очень сильный и направлен именно на дизайнеров. Статьи попадаются просто чумовые.
Спасибо всем за внимание. Ждите 10 лонгрид про прогресс на следующей неделе.
С уважением, Максим Журавлев.
Форма связи со мной:
mr.crane.leather@yandex.ru
Мелочи для жизни дизайнеров, фотографов и программистов часть №3
Многим читателям Пикабу понравилась мои прошлые статьи №1 и №2 на хорошие источники для дизайнеров и фотографов, сложно было собрать еще больше полезных сайтов, вроде бы получилось! Спасибо вам что читаете, пишите в комментариях свои сайты и я их учту!
Тут есть и ссылки из Комментов из прошлой сборки!
Блоги дизайнеров
Блоги дизайнеров (EN)
psd-ц (бесплатные стоки psd и не только)
Просто приятный дизайн сайтов
Книги:
В помощь программистам:
google.com (да, да именно он)
Генерирование регулярных выражений:
bablosoft.github.ioПоиск шрифтов
wordmark.ithttps://fontstorage.com/blog/about-font-face-part-one/
сайт по сжатию графики и конвертации одного формата в другой
https://thenounproject.com - куча пиктограмм на любой вкус
cn-fan.tv - самые свежие мультики!
Некоторые ссылки почему то не хотят становиться кликабельными, поэтому просто копируйте их, Спасибо пикабу что позволяешь делиться!
P.S. Если добавили в закладки - добавьте и плюсик)
Дизайн-процесс создания транспортной карты Морровинда
Это моя первая статья. Изначально писал под формат статей вк, но в итоге решил попробовать оптимизировать под пикабу.
Итак начнем.
Давно хотел попробовать себя в проектировании карт и когда ознакомился с TES 3 Morrowind, решил, что местную транспортную систему можно реализовать в виде схемы.
Стал изучать в интернете работы и опыт других ребят, которые попробовали себя в создании данной карты. Не нашел ничего интересного с графической точки зрения. Схемы были либо недоделанные, либо сделаны на скорую руку, с плохой графикой.
На создание карты ушло около двух месяцев. Работал над проектом в свободное время.
Прежде чем начать заниматься разработкой, я поставил себе цели, которые хочу получить от проектирования данной карты.
1. Сделать карту удобной и полезной для игрока.
(На момент написания статьи, я сам пользуюсь картой при прохождение морровинда, в дальнейшем, если получится, то соберу фитбек и сделаю обновленную версию)
2. Получение нового опыта и навыка в дизайне(профессиональный интерес).
(Если будет интересно могу все технические, практические знания которые я приобрел при создании карты, выложить в виде заметок)
Когда определил для себя цели, то сразу же полез в интернет искать информацию о путешествиях и маршрутах в Тес 3. Нашел статью про графы в Морровинд, сайт со списком маршрутов и два варианта карты Вварденфелла.
Проанализировав информацию, выписав все самое необходимое, я преступил к наброскам.
Наброски
Сразу же отказался от простой перерисовки готовых схем и начал с создания своих набросков, работая только со списком маршрутов и картой Майкла Вагнера (которая поставлялась вместе с коробкой с игрой).
Изучая карту я поставил точки на те поселения в которых были возможности перемещаться через силт страйдеров, порталов гильдии магов и лодок. В дальнейшем ещё добавил путешествие через пропильоны.
Когда расставил все точки начал собирать маршруты на бумаге. Квадрат 5мм на 5мм взял как модуль сетки, по которой и пошли пути. В итоге я склепал только маршруты силт страйдеров, дальше работа шла в иллюстраторе.
Прототип карты
К моменту когда я перешел к работе в иллюстраторе, у меня в голове было два пути развития карты:
1.Разработка с псевдореальным расположением.
2. Разработка через круг, где круг должен был стать главным образом карты.
От второго варианта отказываюсь, так как тогда во главу путешествия встали бы данмеровские крепости и карта скорее бы мешала, чем помогала новичку.
Также плюсом псевдореального расположения якорей было в том, что игрок должен быстро подружится с транспортной и игровой картами.
В итоге было решено работать с использованием прямых линий и изгибов в 45°.
При разработке схемы я понял, что карта состоит из транспортных узлов, и тут нет классического понимания ветки. Поэтому было решено, что цвет станет обозначать вид транспорта.
В местах путешествий между Бальморой, Сейда-Нином, Сураном, Вивеком и Молаг Маром получилось небольшое скопление линий. Которое создавало сильный визуальный вес, из-за чего это место пришлось переделывать. Переделывал я его на бумаге, так как, для меня это решение оказалась более быстром, чем крутить все в иллюстраторе. Как только у меня получилось разрядить эти линии, я сразу же внес изменения в черновой вариант.
Доделав ранний вариант схемы, решаю попробовать поместить все на псевдореальную карту острова. Поэтому переключился на разработку силуэта карты. Упрощая и используя в основе своей углы 45° и 90° собираю первый вариант острова. На котором я разместил тестовые точки и понял, что необходимо переделать сетку. В итоге получилось так:
После этого добавил острова вокруг Ввандерфела, которые относятся к основной игре.
Дальше перехожу к расстановке маршрутов по сетке. И в тот момент, когда я стал расставлять пути, понял, что модуль сетки стоит сделать поменьше. В итоге уменьшил сетку в два раза. В дальнейшем это поспособствовало более логичному и простому добавлению новых якорей на карту, так как на данном этапе стоят только транспортные узлы силт страйдеров.
С новой сеткой я переработал и проработал маршруты силт страйдеров и затем занялся расстановкой и формированием морских путей. Для удобства восприятия добавляю всем точкам названия.
Первый вариант вышел со сложными узлами, переделываю.
Не нравится, но оставлю пока так. Переключаюсь на магические путешествия.
Во время создания данного проекта, я постоянно переключался с проработки одной детали к другой, для того, чтобы не замыливался глаз. В итоге это помогало с поиском некоторых решений и влияло на скорость работы.
Магические путешествия гильдии магов — это телепортация из одной гильдии в другую. Из-за этого решаю сделать линии, которые соединяются в центре. То есть, хочу создать такой условный пучок. Также чтобы точка пересечения не была слишком плотной, добавляю круговое движение в центре пучка.
Также я показал путешествие через крепости. Сделал это в двух вариантах, линейный и круговой. В итоге выбрал круговой, потому что так две одинаковые формы начинают визуально объединяться и поддерживать друг с друга.
Закончив с центром карты, перехожу к мелким деталям и переделки морских путей.
Время изменения
Для начала выбираю шрифт и цвета.
После перехожу к дизайну линий. Магию делаю точками, материальные пути линиями.
После правок появились новые сложности, с которыми надо работать, а именно проблема пересечений линий. Решаю её тем что, на пересечении магических путей добавляю воздуха и удаляю лишние точки.
К тому же, в этом варианте путь от Хулла к Альдруну было решено визуально уменьшить.
На пересечении магических путей с материальными я добавил небольшой визуальный мостик.Дальше правлю озеро, так как сейчас на него наезжает линия движения.
В очередной раз переделываю морские пути.
Возвращаемся к перемещению через гильдии магов, хочу перенести кольцо в центр, настолько, насколько это возможно. Правда хочу это сделать так чтобы, кольцо не нарушало сетку.
Делаю пометку. Также набросок на ещё один вариант морских путей, потому что они пока что не нравится.
Играю с цветами, переношу круг. В итоге, идеально круг уместить не получается, не нарушив сетку, поэтому делаю приближенную к центру.
Опять морские пути
На этот раз начинаю все с нуля, отказываюсь от скругления углов и думаю над маршрутами. Стараюсь их максимально упростить. На карте остаются сложные развилки: Первая внизу между Вивеком и ближайшими городами; Вторая справа от Тель Моры и ближайших городов.
В итоге, делаю дополнительные ответвления в сложных местах (Эбонхарт и Вос), но в целом работаю с максимально простыми морскими путями.
Этот вариант нравится больше.
Финальные правки
Играю с цветами и делю территорию на зоны, добавляю гору. Переверстываю текст, добавляю островки, дополнительные подписи, текстуру воды. Дальше делаю легенду, верстаю под формат а3, увеличиваю шрифт и получаю почти финальный вариант.
С новым возвращением к работе над картой, решаю поменять шрифт. Затем меняю цвета у магических путей на более контрастный и все, можно экспортировать. Полученный вариант публикую на пикабу, собираю кипу правок и делаю работу над ошибками. Финальный вариант можно посмотреть в моем первом посте, тут его продублирую в худшем качестве.
Ну и вот финальная гифка с процессом. К сожалению, скринил, не все варианты карт, из-за она получилась достаточно бедноватой. В дальнейшем буду хранить каждые исправления в отдельном файле, тем самым сохранять процессы создания карты.
Пикабу
В дальнейшем хочу сделать версию 2.0 с маршрутами офф. аддонов, картой маршрутов Вивека, заклинаниями вмешательств и тд. Преступлю к второй версии карты ближе к зиме, сейчас работаю над картой по другой фэнтезийной вселенной.
Спасибо за внимание)
P.s. Надеюсь модераторы одобрят, хоть тут и есть повторение контента
«Старушка возле подъезда испуганно меня перекрестила». Геймдизайнер тестирует UltraWide-монитор для геймеров
Переключаемся на вторую скорость: «Месяц геймеров» на Пикабу в разгаре. Не обращайте внимания на календарь. На конец августа мы оставили самое интересное. Второй пост посвящаем геймдизайну и храбрости. Читайте историю Антона, который тестировал монитор LG UltraGear 34GK950G.
Всем привет! Меня зовут Антон, и я геймдизайнер. Моя специализация — нарративы, игровые ивенты и механики погружения. Занимаюсь, в основном, мобильными играми, но работал и над проектами на ПК. Несколько лет проработал в офисе, и теперь на фрилансе.
Ребята из Пикабу предложили мне протестировать игровой монитор LG UltraGear. Поработать на мониторе с Nano-IPS матрицей — интересный опыт, поэтому я быстро согласился. Хотя уже по пути домой мне стало немного не по себе.
О первом впечатлении
Первое, что бросается в глаза при знакомстве с LG UltraGear, — коробка. Она прямо мощная. Тащишь ее из магазина (или из офиса Пикабу, как я), и все вокруг видят, что у тебя в руках бомбический экран для игр. Именно для игр. Упаковка с первого взгляда дает понять — продукт для геймеров. На коробке изображен сектант с мечом в черном балахоне. Видимо это производит сильное впечатление на окружающих, потому что старушка на лавке возле подъезда испуганно меня перекрестила, пока я корячился с огромной коробкой в дверях.
Притащил, выдохнул и принялся за распаковку. В комплекте поставки у LG UltraGear тонкая металлическая опорная стойка-бумеранг и стопка макулатуры с инструкциями. Стойка крепится к пластиковой подставке, чтобы регулировать высоту и угол наклона. Собирается монитор просто, справится и ребенок (но понадобится отвертка). Монитор на подставке держится плотно, хоть и выглядит пластмасска внешне ненадежной.
Из приятных элементов дизайна — матовая задняя часть корпуса и аккуратный пул разъёмов. Из неприятных — красный и черный цвета оформления. Сочетание не совсем в моем вкусе, но это субъективно.
Комплект кабелей монитора стандартный: USB, HDMI и DisplayPort. Важно: кабели не слишком длинные, поэтому рассчитывать на то, что монитор и системный блок будут стоять в разных частях комнаты, не стоит. Для подключения экрана к ПК я использовал DisplayPort, а к Mac подключал его через HDMI. Разъема USB-C у монитора нет. Зато есть удобная функция переключения между каналами входа через интерфейс: можно не вынимать кабель и переключаться между, например, компьютером и приставкой.
При подключении монитора на задней панели активируется цветная LED-подсветка. При желании ее можно кастомизировать по цвету или отключить совсем. В меню экрана меня особенно впечатлил «Режим игры» с возможностью настроить частоту матрицы на 120 Гц. Производитель как бы намекает: эта вещь не для работы. Она для того, чтобы запустить Battlefield 5 на максималках.
Теперь пора признаться: несмотря на то, что я работаю над играми, настоящим геймером я себя не считаю. Люблю посидеть пару вечеров в Civilization или одной из игр Paradox, играю в проекты, над которыми работаю. Но основные продукты мейнстримной индустрии, вроде AAA-шутеров или RPG, для которых как раз и создаются такие мониторы, — это не мое. По правде говоря, у меня даже нет железа, которое раскроет потенциал монитора в таких проектах. На игровом компьютере у меня установлена старенькая GeForce GTX 760, а работаю я с Macbook Pro версии 2017 года. Ни мощной видеокартой, ни разъемом DisplayPort этот ноутбук похвастаться не может, подключать монитор к нему придется через переходник.
К моменту запуска монитора я начал паниковать. В голове уже набатом стучало «Проваленный обзор», и я малодушно подумывал о том, что стоит вернуть монитор, пока не поздно.
О характеристиках
После недолгих метаний, я все же взял волю в кулак, а себя и мышку — в руки. Монитор же мне дали на тестирование как геймдизайнеру, а не геймеру. Решил, что попробую пару дней поработать за ним, а там видно будет.
У монитора очень быстрая матрица, но вытянуть ее до 120 Гц мои видеокарты не смогли. Пришлось ограничиться скромными 60 Гц. Технология Nano-IPS, о которой много пишут, впечатляет. Я параллельно прогнал простые тесты на LG 34GK950G и моем стандартном мониторе AOS i2475Pxqu с IPS-матрицей. Понятно, что весовая категория несопоставима, но все же просто для статистики: точность попадания цветов на sRGB отличалась на 8-9%.
Еще один важный момент: на заводских настройках монитора до калибровки цвета немного скорректированы относительно стандарта sRGB. Как пишут в профильных СМИ, это сделано, чтобы картинка получилась насыщеннее. Надо вам оно или нет, решайте сами. Но лучше калибровать монитор под себя.
Glow-эффект на IPS — типичная история. На практике это выглядит как искажение цветов при взгляде на монитор с разных сторон. Чаще всего слева изображение будет сероватым, а справа — отдавать желтым. В UltraGear на рабочем расстоянии в метр Glow-эффект не заметно. Угол обзора монитора близок к 180 градусам. Крошечные засветы можно обнаружить по бокам экрана, только если искать целенаправленно, начитавшись обзоров в интернете.
В общем, картинка сочная и яркая. Настройка простая. Для синхронизации с Mac придется установить драйвера с официального сайта (для ценителей ретро в комплекте есть CD).
О работе геймдизайнера
Закончив настройку, я сел за новый монитор. Моя работа — это таблицы, таск-менеджеры, инструменты для мержа в программную библиотеку, Photoshop для сборки макетов, иногда Twine. Допом к этому Slack и мессенджеры для коммуникации. В основном у меня постоянно открыто четыре-пять окон, между которыми я переключаюсь на двух мониторах.
Разумеется, LG UltraGear никакого второго экрана не предполагает. Перебрасывать взгляд с шикарного 34-дюймового монитора на 17-дюймовый Macbook — неудобно, неправильно и вообще аморально. Поэтому я просто отключил экран Mac и использовал пространство громадины от LG как единственную рабочую область.
Подсознательно я был уверен, что один монитор, даже очень большой, ни за что не заменит два. Кажется, здесь срабатывает что-то вроде навязчивого стремления человека все распределять по категориям: на этом мониторе буду смотреть задачи, а на этом их выполнять.
Разрешение LG предполагает, что он заменит собой примерно полтора монитора, но на деле же оказалось, что рабочая область ощущается лучше, чем даже два экрана. На это несколько причин:
1. Сказывается эффект пространства: на огромном экране даже слегка уменьшенные окна ощущаются большими. Работать с двумя или тремя одновременно вполне комфортно.
2. Не приходится тратить время на переключение внимания. Кажется, это ерунда, но книги по осознанной работе учат, что именно такие микродействия разрушают концентрацию, из-за чего падает эффективность. Мозгу проще воспринимать работу на одном мониторе как единое целое. Эффект переключения срабатывает здесь в меньшей степени.
3. Изогнутая форма. Изначально она вызывала вопросы. Казалось, что это хорошо для игр, имитирующих периферийное зрение и широкий угол обзора человека, но для работы будет неудобно. На деле вышло иначе. Переключая окна, все равно приходится крутить головой. Изогнутая форма для этого гораздо удобнее.
В работе с таблицами пригодился «Режим чтения», который включается из основного меню монитора. Нагрузка на глаза ощутимо снижается, картинка становится мягче.
Одна из фишек, которую LG предлагает владельцам широкоформатных мониторов, — утилита OnScreen Control. Программа помогает настроить игровой режим, установить пресеты и скорректировать настройки экрана. Но самое главное — удобно поделить экран на рабочие зоны. Пользователям Windows 10 этого не понять (там и так неплохо реализована эта функция), но для MacOS с его неудобным SplitView это просто подарок.
Об отдыхе (и играх, конечно!)
С работой разобрались. Пора отдохнуть и протестировать монитор в том, для чего он, собственно, и создан.
На моих любимых стратегических играх монитор не раскрывается. Да, угол обзора шире, детали выглядят немного интереснее, но это все. Результат меня не устроил. С таким монитором хотелось попробовать чего-нибудь особенного. Поэтому я решил установить, наконец, Pathologic 2 (ремейк классической «Мор. Утопии»).
Чтобы моя видеокарта выдержала испытание мощным монитором на не самой оптимизированной игре, пришлось добавить охлаждение, досрочно поменять термопасту, перевести монитор в режим FPS и немного разогнать старенький GeForce. Но, черт возьми, это того стоило. Степь Pathologic 2 в 3,5K поработила меня на пару суток. Монитор усиливает эффект погружения в играх, которые рассчитаны на плотное знакомство с сеттингом, деталями и персонажами. В какой-то момент я даже задумался о том, чтобы обзавестись таким экраном. Но только после апгрейда компьютера.
Пикабу
Итог
Несмотря на то, что LG UltraGear 34GK950G позиционируется как продукт для развлечений, некоторые особенности его конструкции оказываются очень полезны для рабочих задач. Расстраивает в этом смысле разве что отсутствие USB-C и некоторые элементы дизайна. Хотя последнее — придирка и вкусовщина.
Впрочем, продукт не про работу. Он для игр, и в этом он крут. Как часть игровой системы монитор смотрится бомбически. Быстрый отклик, отличная цветопередача, гибкая система настроек и частота 120 Гц. В общем, все что нужно, чтобы погружаться в игровые миры следующего поколения с топовой видеокартой.
Читайте также:
