Блог

36 заметок с тегом

дизайн

Позднее Ctrl + ↑
26 января 2014, 19:39

Меняем коней на переправе

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

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

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

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

В общем, добро пожаловать — portfolio.zdorik.com

Теги:  дизайн   жизнь   перемены   портфолио
12 января 2014, 16:03

Макияж

макияж на Хелоуин

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

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

пиздец а не визаж

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

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

Ну а самое главное, сделает шаг к облагораживанию дизайна в этой отрасли.

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

Теги:  дизайн   женское   макияж
12 января 2014, 14:55

Приёмы графического оформления QR-кода

Пример представления qr-кода в рекламе

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

Пример художественного оформления qr-кода

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

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

Пример графического оформления qr-кода

В QR коде есть некоторая интригующая нотка, пользователь не догадывается о том, что может быть в нём зашифровано, но ответ ограничен только данными: URL, закладок в браузер, email (с темой письма), SMS на номер или контакта. В редких случаях это может быть картинка менее 4 КБ, но последнее не получило популярности и не поддерживается многими устройствами распознавания. Глядя на классическое представления QR кода не сложно догадаться, что прошло совсем немного времени, прежде чем изобретательность первого дизайнера положило основу его художественного оформления.

QR обладает рядом особенностей которые этому способствуют:

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

Пример художественного оформления qr-кода

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

  1. графический эквивалент пикселя должен находиться на своём месте.
  2. Инверсия кода не допустима. Код должен быть всегда темнее своего фона, а высокая контрастность и достаточный размер повысит вероятность считывания в условиях слабого освещения или маленького разрешения фотокамеры устройства.
  3. Поисковые узоры, формирующие процесс распознавания важны для считывания и не должны поддаваться сильному изменению.
Пример оформления qr-кода

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

Ещё несколько оригинальных, на мой взгляд, примеров:

Пример художественного оформления qr-кода

Эти тоже отличились, но, к сожалению, потеряли способность считываться, по крайней мере, моим устройством:

Пример оформления qr-кода которые потеряли возможность распознаваться
Теги:  qr-код   дизайн   логотип
6 ноября 2013, 11:31

Скетч

Кнопочка, логотипчик, интерфейсик. Черновой вариант какого-либо дизайна — это дизайнерский скетч.

Скетч логотипа DSRVideo

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

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

Скетч логотипа PR&IT

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

Скетч логотипа конференции Afterfall reconstruction and inner development

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

Скетч логотипа CARWAITING

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

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

Вам решать, чего вы хотите и на каком этапе нужно остановиться.

Скетч логотипа Monterosso

Нет ничего плохого в дизайнерских скетчах.

Нет ничего хорошего в дизайнерских скетчах.

Теги:  дизайн   логотип   скетч
19 октября 2013, 17:39

Круглая дверная ручка

Ненавижу круглые дверные ручки.

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

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

Теги:  дверная ручка   дизайн   ляп
22 сентября 2013, 10:01

Basiliq

Команда разработчиков «Cloud Castle» создала клёвый UI kit для настольной скрап-сборки интерфейса.

В общем смотрите сами.

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

А вот и ссылка на архив.

источник cloudcastle.ru

Теги:  дизайн   интерфейс   полезное
17 сентября 2013, 01:04

Что посмотреть

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

Серединку рейтинга возглавляет кинотеатр «Золотой Дюк»

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

Чуть хуже обстоят дела у кинотеатра «Москва»

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

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

Прыгаем в раздел «Расписание», всё четко: время, фильм, цена и всё это на несколько дней вперёд. Даже есть БРОНЬ. А глядя на предыдущие примеры создаётся впечатление, что это роскошь. Замете такое расположение информации о сеансах самое удобное, не заставляет пользователя тыкать, думать, разбираться. Все мы в меру заняты и нас интересует время. Недостаток сайта только в том, что пока он грузится на телефоне, я вижу противную надпись на весь экран, которой нет в десктоп версии: «Cinema City! Cinema Citi! Синема Сити! Синема Сити Одесса! Семизальный кинотеатр! Кинотеатры Одессы! Кино Одесса! 3D Кино Одесса!», а это существенный факап.

Венцом сегодняшнего апофеоза кретинизма становится сеть IMAX кинотеатров «ПЛАNETA KINO». Буээээ

Как можно написать название организации латиницей и кириллицей вперемешку‽

Достаёт состоятельный бизнесмен аккуратную и красивую визитку, сделанную из синего плайка, а на ней написано: Vaлеnтін Nиkolаевиch Rаziноv. Охуенно‽

Ладно. Откроем расписание фильмов.

Буээээ

Где что? Куда бежать? Что смотреть?

Я понимаю, что сей час, я успею только на один сеанс, а как быть днём?

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

9 сентября 2013, 21:03

Лайфхак. Поиск работы.

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

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

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

— Почему у тебя, нет описания процессов в диаграммах, говорит мне глава комиссии?

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

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

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

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

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

(Тут) Заполнить ещё много. Вдохновляйтесь.

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

Например, моё резюме выглядит так.

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

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

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

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

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

  • сайт должен быстро грузиться даже при GPRS соединении;
    вы не знаете, на каком устройстве будет просматриваться ваш сайт, используйте адаптивный дизайн и
  • потрудитесь, чтобы он был кроссплатформенным и кроссбраузерным;
  • минимализм в оформлении поможет сократить время разработки, и конечный результат странички будет выглядеть более «чистым». Внимание должно сосредотачиваться на просмотре работ. Не надо пытаться поразить всех буйством флеш-анимации;
  • продумайте навигацию и структуру разделов, в ней не должен запутаться даже пенсионер: «Где примеры логотипов? Ага, сюда так хуяк и перешёл. Так, а как же найти контактный номер телефона? А вот он вверху на видном месте»;
  • убирайте из портфолио дорогие сердцу, но никому не нужные старые работы, следите за их избыточностью. Кратко и содержательно: четыре последних дизайнов сайта (визитка, корпоративный, лэндинг, магазин), два фирстиля, пару свёрстанных публикаций, пару десятков фотографий. Всё основное должно быть просмотрено за 4-6 мин., пока работодатель курит на балконе и смотрит всё на своём айфоне.

Довесок:

  • не спешите выполнять тестовое задание, если вас не зовут на личную встречу, особенно если аргументируют это большим количеством желающих на вакансию;
  • будьте, открыты, общительны и убедительны на собеседовании;
  • работодатель может собирать исчерпывающую информацию о вас, а в серьёзных учреждениях существуют отделы по подбору персонала, так что будьте готовы к множеству разнообразных вопросов, и собеседованию в несколько этапов;
  • слишком быстрый или слишком долгий процесс рассмотрения кандидатуры не может свидетельствовать о её надёжности вакансии;
  • доверяйте внутреннему чутью не хватайтесь за первое попавшееся и не останавливайтесь после одного пройденного собеседования. Если уже пройдено целый вагон и вас пока ещё никуда не взяли, это говорит только о том, что вы стали ещё опытнее в своих поисках.
Теги:  дизайн   лайфхак   работа
30 августа 2013, 08:59

ОМКФ

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

2010 год

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

2011 год

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

2012 год

Пошёл жестяк.

Этот постер в прошлом году обсуждался в бизнес-линче.

2013 год

Без комментариев.

22 августа 2013, 14:14

Три фактора

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

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

Пример различных компоновок логотипа в гайдлайне «Гослото» © Студия Артемия Лебедева

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

1. Сочетание размера элементов логотипа

В данном примере знак слишком велик по отношению к текстовой части.

Тут на оборот.

2. Сочетание масс составных частей логотипа

Например, в этом логотипе плотность знака больше чем его текстовой части.

3. Сочетание пропорций

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

Вот пример с простым правилом позиционирования логотипа

«Мендельсон и сыновья» ©Лукас

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

«GSL» © Студия Артемия Лебедева

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

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

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

В результате, кегель текста «Свято починається тут» слишком маленький и не читабельный.

На этот случай должны существовать дополнительные правила в руководстве.

Например, как тут.

«Felix Zawojski» © Студия Артемия Лебедева

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

Теги:  брендбук   гайдлайн   дизайн   логотип   правило
Ранее Ctrl + ↓