Друзья, всем привет)

Однажды я выкладывала на ваше обозрение небольшую подборку советов о подборе цвета для веб-дизайна (и не только), которую вы приняли очень тепло. Крайне приятно, что могу поделиться какими-то хитростями, к которым можно прийти с опытом, и что твои знания кто-то находит полезными, так что всем отозвавшимся низкий поклон. Небольшой оффтоп: исходя из соотношения хороших и плохих комментариев (которые пока, к счастью, отсутствуют), решила попробовать делиться советами для новичком в формате видео-канала. Что думаете о подобных начинаниях? Задумывались сами о подобном? Интересно ваше мнение)

Но вернемся к теме, указанной в заголовке. Сегодня хочу рассказать немного о том, чего НЕ нужно делать, создавая макет интерфейса в ФШ. А для наглядности, как вы уже поняли, сделаю это в видео-формате :)

Речь пойдет о двух ошибках, которые я часто встречала еще когда-то давно, работая в офисе, когда получала макеты других дизайнеров на доработку (так сказать “по наследству”), да и что греха таить - сама совершала не раз в самом начале пути, вплоть до того как судьба свела в одном кабинете с верстальщиком. Ох, как он мне объяснял, почему я не права и почему он просто НЕ МОЖЕТ сделать так, как у меня в макете)) Ошибки эти о работе с текстом и шрифтами, а шрифты, как мы знаем - сложная и больная тема для большинства новичков.

Буду рада вашим комментариям, а если найдете полезным данную информацию - пожалуйста, поставьте палец вверх этому видео на Ютуб. Я вас, конечно, не заставлю, все исключительно на ваше усмотрение, но это будет мне очень полезно :)

#marus_design #веб-дизайн #дизайн #шрифты #photoshop #новичкам #советы

Ходят легенды о том, что все заказчики - идиоты.

Прям как все мужики - козлы.

Я и сама ее подкрепляю своими постами про кривые полочки, но сегодня поговорим в другом свете.

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

Был у меня начальник, который каждый день после общения с заказчиком нудел над ухом: “Дебилы, какие же они все дебилы, придурки, идиоты”. А большинство на деле - адекватные разумные люди, болеющие и переживающие за свой продукт. В конце концов, кто из нас, доверяя свое детище рукам незнакомых “профессионалов”, не задавал бы дотошных вопросов, не пытался вникнуть в каждую мелочь, и если честно, не искал бы подвоха? Так что если все твои заказчики те самые, выражаясь корректно, безнадежно узколобые особи, то может это не в них проблема, а просто ты общаться не умеешь?

Опуская случаи с отказом от предоплаты, какими-то мутными схемами, неадекватными сроками (в этих случаях легче сразу расставить точки над i, попрощаться и не портить нервы), почти со всеми можно договориться. Тебе начинают больше доверять, когда видят отдачу, открытость и готовность всеми силами бороться за успех их проекта. И в этом случае даже мимолетные конфликты интересов решаются быстро и безболезненно.

Такой конфликт был у меня сегодня. Я отдала заказчику макет, предварительно согласовав то, что правки будут внесены не ранее следующих выходных (ибо учеба). Моментально мне приходит скриншот с тем, что нужно переделать с комментарием “тут должно быть не так, но это не правка и не доработка, надо сделать”. Первый вопрос - а что же это тогда?? Но суть не в этом. Суть в том, что как ты это не назови - времени у меня больше не появится)

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

Так что, ребята, не воспринимайте вштыки. И не судите по одному недоразумению. Сегодня вас не поняли - завтра не поняли вы. А заказчиков любить надо, их и так не на всех хватает :)

А какие у вас свежие хохмы про заказчиков?) Каких большинство - адекватных, или не очень?

#дизайн #веб_дизайн #заказчик #заказчики

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

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

И вот ты приходишь к хозяйке, она вручает тебе полочку и говорит:

Хозяйка: “Это гостевая комната, моим гостям будет нужна полочка. Прибейте ее под углом 45 градусов”. Ты: Как под углом? На ней же ничего не будет стоять.” Х: Будет, будет. Прибивайте.

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

Т: Смотрите. Если полочка будет под углом, с нее все будет падать. Это неудобно и нефункционально. Х: Хм.. Тогда давайте что-то придумаем. Можно здесь прибить еще одну дощечку.

Т: Но зачем все усложнять, если можно прибить полочку ровно? Я прибил много полочек и знаю, как с ними обращаться. Х: Какая разница, что вы знаете? Я ваш клиент и я права. У всех полочки прибиты прямо, а я хочу прибить полочку под углом. Т: Но вашим гостям будет неудобно ею пользоваться, и они скажут “Что за рукожопый мастер прибивал эту полочку? Полочка не должна так висеть”. Х: Я придумала эту полочку под углом и пользовалась ею год. Мне нравится, мне удобно - значит, это всем удобно. Т: Но вам нравилось, потому что это вы придумали. Никто так не прибивает полочки. Х: Я проводила много исследований и выяснила, что это очень удобный угол для полочки.

Ты не веришь, но сдаешься:

Т: Хорошо, я прибью вам эту полочку под углом, только никому не говорите, кто вам это сделал. Х: Замечательно. Я принесу скалку, чтобы прибить полочку. Т: Зачем мне скалка? У меня есть профессиональные инструменты для полочек. Х: Все ваши инструменты сложные и дорогие, а я не хочу ждать или переплачивать. Т: Но я пользуюсь только своими инструментами. Они предназначены специально для полочек и я к ним привык, а со скалкой мы будем прибивать полочку целый день. Х: Ладно, только я буду полностью контролировать процесс.

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

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

После этого отодвигает вас и начинает вбивать гвозди своей скалкой. Когда гвозди закончились, она отходит и по-хозяйски оценивает “вашу” работу.

Х: Что ж.. Немного не то, чего я хотела. Скажем, я представляла это совсем по-другому. Вы не смогли сделать эту полочку удобной, а это ваша работа. Я доверилась вам, но мое время и деньги потрачены зря. Пожалуй, мне нужно было позвать мастера поопытнее и подороже.

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

Скажите, господа коллеги, вам это ничего не напоминает?

P.S. от Ирины Богомоловой: “а всего то и надо было ответить, что мои инструменты слишком простые чтобы так искусно прибить полочку, вызовите другого мастера”

#дизайн #веб_дизайн #заказчики

Всем дратути)

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

Так вот, все мы начинали. А кто-то до сих пор не может признаться себе, что уже вышел из статуса “новичок”. И когда я начинала свой путь в создании сайтов, самую большую боль мне приносили две вещи: подбор шрифтов и подбор цвета. И там, и там проблема одна - слишком широкий, можно сказать безграничный выбор. О шрифтах я до сих пор говорю с опаской(только не говорите никому), а вот цвет получилось обуздать. И дело даже не в том, что я наконец собралась духом и ознакомилась с теорией цвета на курсах, а в некоторых хитростях, к которым можно прибегнуть, если совсем не хочется ее (теорию цвета) учить.

Итак, перестану лить воду и перейду к сути.

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

Лирическое отступление: очень люблю писать, но эксперимента ради на эту тему сделала видос. Если лень читать, можете послушать:

А для остальных - продолжим.

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

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

Сайты с палитрами

Мой любимый - In color balance

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

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

Из понравившейся палитры с ICB я брала два-три понравившихся оттенка и использовала их на сайте. Можно взять две палитры, похожие по настроению, и комбинировать оттенки из них (вы видете это на скриншоте выше). Можно отталкиваясь от одного из цветов, использовать такой же на тон темнее или светлее. А однажды отрисовав сайт - мы можем быстро создать другое цветовое решение, залив основные элементы цветами из другой палитры. Вуа-ля: 5 минут и заказчик уже имеет возможность выбрать. А он очень любит выбирать.

In color balance проделал огромную работу, и вы можете с чистой совестью вдохновляться их палитрами. Кроме того, в гугл можно вбить “цветовые палитры” и поискать другие похожие ресурсы, к примеру, для художников. Очень много палитр в пинтересте (сомневаюсь, что вы все еще не знаете о нем, но вдруг) если вы все еще не сидите на этом сайте, то самое время зарегистрироваться, потому что тут можно найти абсолютно любое вдохновение. В том числе палитры - вбиваем “синяя палитра” и вуа-ля. Но придется копировать изображение в фотошоп, а код с цветом извлекать самостоятельно с помощью пипетки.

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

Цвета природы

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

Гуглим красивую природу и выбираем любое понравившееся фото. Копируем его себе в инструмент и пипеткой собираем самые яркие или подходящие нам оттенки, создавая палитру. Тут же ищем самый темный и самый светлый - для текста или фона. Вуа-ля - ваша палитра готова! (по сути, именно такую работу проделывает ICB, но тут вы сами выбираете необходимый оттенок из тысяч на фотографии)

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

Понравившиеся арты

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

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

Интересно, с какими трудностями вы сталкивались в начале? С какими сталкиваетесь сейчас?

#дизайн_интерфейсов #иллюстрация #цвет #хитрости #лайфхак #веб_дизайн #палитра #новичкам #советы