Дао дизайна

+96.03
73 читателя, 20 постов

О чем это все?


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

Присоединяйтесь, будет интересно.

Подборка сайтов с бесплатными фотографиями для личного и коммерческого использования

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

Кстати напоминаю про Freemarket, там тоже можно найти графику по свободной лицензии Creative Commons или загрузить свои продукты для продажи и распространения.
Unsplash



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



Еще одно отличное место с коллекцией аж в 3400 фото. Здесь можно найти много чего и все опять же доступно и свободно.

Splitshire



Здесь еще больше фото — 3800. Тоже неплохое собрание разных тематик. Есть удобно разложенные категории и сам сайт довольно удобный.

Gratisography



Реально уникальные фото с необычными сюжетами и ракурсами. Коллекция не очень большая (около 200 фотографий), но если нужно что-то необычное и веселое — вам сюда.

Moveast



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

Fancycrave



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

FoodiesFeed



Если вам нужна еда — вам сюда. Jakub Kapusnak собирает свой персональный проект, около 340 отличных фото с едой в вашем распоряжении.

Magdeleine



Весьма атмосферное место, много фотографий с фильтрами, но коллекция весьма хороша. Около 340 фото, но не все распространяются по лицензии CC0, поэтому при скачивании надо внимательно следить.

Epicantus



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

Kaboompics




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

Isorepublic


Около 1000 фото, некоторые попадаются очень симпатичные.

New Old Stock



Старое доброе ретро, если вам нужны черно-белые фото прошлых лет — ищите здесь. Больше 700 фотографий в вашем распоряжении.

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

И вот еще готовая коллекция из 150+ фото с СС0 лицензией.

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

Подборка видео по созданию логотипов (Adobe Illustrator)

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










Метод прогрессивного джипега


Автор: Paulo Villones

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

Смысл способа в том, чтобы поделить работу на итерации и выполнить эти итерации сразу на всем объеме. Возьмем рисование серии открыток как пример. В процессе есть несколько задач — разработка идеи, отрисовка эскизов, раскрашивание работ. Предположим в комплекте 5 открыток и сначала продумывается сразу пять идей, потом рисуется пять эскизов, потом раскрашивается пять работ. Таким образом в каждый момент времени получается работа, одинаково выполненная на разных частях на 100%, но с разной степенью детализации.

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

Fontea — шрифтовой плагин для Photoshop



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



Fontea — это коллекция из 800 гугловских шрифтов, которую не нужно устанавливать на компьютер и с помощью которой можно примерять в свой макет любой из этих шрифтов.
Шрифты можно отсортировать по написанию — Serif, Sans-Serif и так далее, собрать свою коллекцию и пользоваться только тем, что лучше всего подходит.
И самое вкусное — плагин бесплатный, есть под Windows и Mac, скоро обещана поддержка Sketch легко скачивается и ставится. В общем штука простая, полезная и нужная.

Мокап ликбез — все что нужно знать про мокапы



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

Мокап (или mock-up на английском) — это специальным образом подготовленный файл, в котором можно свой дизайн размещать на реальных предметах. Они нужны, чтобы показать как картинка будет выглядеть в реальной жизни. Обычно это PSD файл со смарт-объектом, на который и вставляется картинка с дизайном. Бывают и просто JPEG картинки, называемые мокапами, но работать с ними сложно, нужно долго искажать картинку и вписывать ее в окружение.

Смарт-объекты — очень крутая штука. Если вы хоть раз уменьшали картинку в фотошопе, а потом растягивали ее на большой размер, наверняка получалась примерно такая история, потому что Фотошоп искажает файлы.



То же самое и с шрифтами и с эффектами. Для того, чтобы этого избежать, стоит превращать все элементы в смарт-объекты. Для того чтобы создать смарт-объект, откройте любое изображение в фотошопе. Далее преобразуйте фоновый слой в обычный (редактируемый), для этого двойным щелчком мыши кликните по нему и нажмите ОК либо создайте его дубликат, для этого нажмите комбинацию клавиш Ctrl+J. Затем, щелкнув правой кнопкой мыши по преобразованному/дублированному слою из контекстного меню выберите «Преобразовать в смарт-объект». После того, как Вы это сделали, на миниатюре Вашего слоя появится небольшая иконка, которая означает, что слой является смарт-объектом.



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

Редактирование смарт-объектов происходит как редактирование отдельного файла в отдельном окне (создается временный файл в формате .psb, привязанный к основному файлу). Изменение и сохранение этого файла приводит к изменению основной картинки.

Пользоваться мокапами очень просто.
  • Скачиваем нужный PSD, открываем его и ищем слой с примерным названием «Your design here» или что-то подобное.
  • Дважды щелкаем на иконке смарт-слоя — открывается новое окно, куда и нужно перетащить свой паттерн или картинку.
  • После этого закрываем это окно, выбрав «Да» при вопросе нужно ли сохранить.
Все, в исходном файле ваша картинка искажается и вписывается в объект. В любой момент картинку можно заменить или подвинуть, опять же повторив все действия выше.

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

freedesignresources.net/category/free-mockups/

store.mockupzone.com/free-files/

graphicburger.com/mock-ups/

www.mockupworld.co/all-mockups/

www.graphicsfuel.com/category/mockup-templates/

pixelbuddha.net/freebies/tag/mockups

Большая коллекция бесплатных мокапов с Биханса www.behance.net/collection/20880985/Best-Free-Mockup

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



Показывайте свои работы красиво — пользуйтесь мокапами blue_heart

Тестовое задание для дизайнера


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

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

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

Мне кажется, что этот вопрос чаще всего возникает в 2х случаях:
  • Человек с другого конца стола что называется не очень умный. Мало того что он не способен задать правильные вопросы и принять решение исходя из всей полученной информации, он не уважает ваше время, считает вас априори каким-то студентом-нахлебником, который видимо пытается его обмануть и высосать из распрекрасной «компании мечты» все соки.
  • Вас просто пытаются использовать. Под видом тестового задания вам дают вполне себе настоящее, но брать на работу вообще не планируют. Причем это может быть как определенный «стиль» работы компании в целом, так и просто изобретательность отдельного сотрудника. Особенно легко втюхивать задания, являясь представителем компании с раскрученным именем.

В каких случаях стоит браться за тестовое задание:
  • Если у вас почти нет опыта и пустое портфолио, вы недавно в этой области, и сомнения работодателя вполне можно понять, но при этом само тестовое задание достаточно абстрактно, не потребует от вас больше 8 часов времени с обедами и перекурами, и точно не связано с желанием вами бесплатно попользоваться.
  • Тестовое задание оплачивается. Ведь это по сути такая же работа. Поэтому вы вполне можете сказать, что ок я оценю трудозатраты, поделю з/п, которую я прошу на 160 (рабочих часов в месяце при 40 часовой неделе), умножу одно на другое, и выставлю счет. Если вы готовы его оплатить, возьмусь за задание. Ведь любая работа должна быть оплачена, а вы цените свое время. Пусть его ценят и работодатели, ведь вы именно об этом и пытаетесь договориться — у вас есть опыт и личное время, у работодателя задачи, и деньги.
  • Задание просто невероятно интересное и уникальное, а у вас куча свободного неоплачиваемого времени.

Кстати многие серьезные и крупные компании не занимаются такой ерундой.

Теперь клинические случаи из личной практики. Если вам попалось что-то подобное — это точно не приведет ни к чему хорошему.
  • Тестовое задание не оплачивается. Для многих сейчас будет откровение, но вообще-то это работа требующая времени и отвлекающая меня от основных дел, следовательно она должна быть оплачена.
  • Присылается задание на нескольких листах (мой рекорд 7 листов А4) мелким шрифтом из пунктов с крайне туманными формулировками.
  • Предлагается выполнять тестовое задание онлайн, в скайпе, сидя перед светлыми очами работодателя.
  • Тестовое задание не имеет никакого отношения к будущей работе — например мне прислали гору задач для юзабилистов на позицию дизайнера.
  • «Вы нам ТОЧНО подходите, НО мы вас возьмем только после тестового задания». (Ну так берите, раз подхожу, и давайте любые задания, не обязательно тестовые.)
  • Тестовое задание направлено на решение конкретной задачи компании. Один раз я сделала такое, посидев над решением и хорошо его продумав, в итоге результат был быстро реализован на сайте компании один в один.
  • Еще был случай, когда неплохое тестовое задание прислали с кучей исправлений чуть ли не красной ручкой с просьбой поработать еще и прислать итоговый результат.
  • Прописан строгий запрет на использование результатов в своем портфолио.

А что вы думаете об этом? Приходилось ли вам выполнять тестовые задания?

Титры, как произведение искусства


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







А вот видео как это все еще и делали, по-моему очень познавательно.








Это конечно не все любимчики, но конкретно эти пересматривать могу по несколько раз и каждый раз нахожу что-то новенькое)

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

Незаметный редизайн


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





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

Есть кстати три понятия — редизайн, ребрендинг и рестайлинг. Редизайн — это значительные изменения, ребрендинг — это смена не только дизайна, но и идеи бренда, а рестайлинг — мелкие «косметические» правки. Крупные бренды делают редизайн своего лого каждые 5-10 лет и вот почему.

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



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



Бренд может развиваться и менять целевую аудиторию, ценности и идеалы, расширять свои рынки сбыта и часто могут тоже потребоваться изменения. Есть интересная история про логотип Nestle.
Раньше на лого была одна мама и трое птенцов. Двое птенцов там стало после того, как маркетологи компании провели исследования и выяснили, что наиболее часто встречающееся число детей в одной семье — два. А следовательно, если выкинуть одного птенца из гнезда, лого будет находить отклик в сердцах куда большего количества матерей.
Так маркетинговые исследования изменили внешний вид логотипа.



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



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

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

Моушн дизайн для новичков

Моушн-дизайн нынче модное направление. Люди любят смотреть ролики и кто-то должен делать их красивыми, зрелишными и интересными. Для тех, кто как я все собирается освоить After Effects подборка новичковых уроков с классными и модными эффектами от Mt. Mograph.
Все видео на английском, можно включить субтитры и внимательно смотреть за автором, в целом все понятно. Первые два урока вводные, потом выборочная подборка с канала.

Читать дальше...

Дизайн — это работа



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

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

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


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

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

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

Майк пишет про секреты работы дизайнерских студий, про презентацию проектов, про работу по контракту, про обратную связь — и все это так прямо и простым языком, что невозможно не задуматься о том, что он рассказывает и не попытаться потом применить это на практике.
В конце книги приведен список книг, рекомендуемых к прочтению:
  • «Пол Рэнд: Беседы со студентами», Майкл Крегер.
  • «Дизайн для реального мира», Виктор Папанек.
  • «Сделайте покрупнее», Паула Шер.
  • «Меньше и больше: характер дизайна Дитера Рамса», Клаус Клемп и Кейко Уеки-Полет»

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

В начале книги я вам солгал. Хотя надо сказать, что тогда я сам в это верил. Я сказал, что пишу это книгу для вас. Это не так. Я писал ее для себя. Потому что эта адская профессия — тяжкий труд.
Давайте будем откровенны. Вставать каждое утро и приниматься за создание дизайна для кого-то — нудное занятие. Бо́льшую часть времени мы бьемся головой о стену или движемся неверным путем. Бо́льшая часть сделанной нами работы идет насмарку. Даже лучшие из нас имеют худшие средние показатели попадания, чем средний футболист.



Кстати эта книга — часть очень удачной серии, все книги которой будет полезно почитать, особенно веб дизайнерам и дизайнерам, работающим в офисе.