Дао дизайна

+96.03
83 читателя, 21 пост

О чем это все?


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

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

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


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

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

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

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

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

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

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

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

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



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

Мокап (или 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

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

Наверняка вам, как и мне иногда нужны разные фотографии для оформления своих работ, например. Есть отличный вариант легального использования — фотографии с лицензией СС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 лицензией.

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

Мой первый мобильный интерфейс

Когда я только только начинала работать дизайнером, мне сразу дали сложное задание — разработать интерфейс для линейки устройств на разных платформах (iPhone, Android и предполагался Windows Phone). Так как я абсолютно ничего не знала о яблочной операционке и сама пользовалась исключительно андроидными устройствами старых версий, я сразу принялась штудировать гайдлайны.

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

Surface design

Многие из нас (и я в том числе), недавно начали осваивать сток Pattern Design, посвященный исключительно паттернам. Но я обнаружила, что есть одна серьезная вещь, про которую многие не знают.

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



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

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

Чем занимается веб-дизайнер

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



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

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

Как красиво развесить свои работы

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


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


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


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


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


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


Кроме бамбуковой палки можно взять живописную ветку в лесу, только не забудьте проверить ее на наличие жучков и отпадающей коры)
Удобно, что нужен всего один гвоздик, а при должном креативе выглядит тоже очень интересно.
Единственный минус — работы на тонких листах будут скручиваться и выглядеть не очень красиво, можно фиксировать их на двух веревочках. Только помните, что некоторые скотчи оставляют следы и могут испортить вашу работу.


Клипборд
Еще один способ креативно развесить рисунки, некоторые отводят целые стены для такого. Здесь все очень просто, прикрепляем клипборд к стене и легко меняем работы по настроению.



В галерее по традиции подборка супер способов демонстрации работ с пинтереста. Показывайте свое искусство красиво!

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


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





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

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

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



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



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



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



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

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

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



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



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

Анатомия Биханса — часть 2



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



Помимо авторов на Бихансе постоянно бывают хедхантеры разных крупных компаний, которые вполне могут предложить работу (об этом факте периодически пишут разные люди), кроме этого можно посмотреть вакансии в разделе Jobs. Там есть как фриланс, так и фуллтайм в абсолютно разных странах. Пишите в профиле: I speak English and work with customers worldwide, you can contact me via (email, Skype, FB…) — Я говорю по-английски и работаю с заказчиками по всему миру, можете связаться со мной через… и добавляйтесь в группу Behance на FB, если хотите серьезно искать там работу. Ну и грамотный английский при этом конечно приветствуется.

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

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



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

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

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

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



Вообще помимо самой площадки существует довольно активное сообщество, проводящее разные мероприятия оффлайн. Одно из таких известных мероприятий — это Behance Portfolio Review.
Что же это такое? Behance Portfolio Review — это ежегодный конкурс, проходящий в первую неделю ноября и в мае, в разных уголках нашей планеты (больше 200 городов), — попытка разобраться, чьи же достижения самые яркие. Решает это обычно жюри из именитых дизайнеров и графиков из не менее именитых компаний. Встречи открыты для всех желающих и на них показываются работы из портфолио избранных авторов, которые так же выступают спикерами мероприятия. Так можно получить отклик на свое творчество, показать себя известным в дизайне и иллюстрации людям. Последнее такое событие было 30 октября в Петербурге и в Москве.
Вот группа с выступлениями спикеров из Москвы с последнего мероприятия.
Вот украинская группа, и официальная группа Биханса вообще. Везде публикуются всякие анонсы, поэтому если интересно поучаствовать, следить лучше там.

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



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

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