Дао дизайна

+351.22
186 читателей, 38 постов

О чем это все?


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

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

Как собрать портфолио дизайнеру новичку (и не только)



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

Сама я столкнулась с такой проблемой, когда только начинала. У меня были навыки, огромное желание и парочка небольших заказов с фриланса, я не представляла как себя презентовать, но понимала, что могу показать симпатично даже тот небольшой опыт, который у меня есть. Я сверстала себе небольшую брошюру в PDF с несколькими сайтами, примерами графического дизайна и скриншотами с шаттерстоковским портфолио (сейчас я бы так не делала). Текста было минимум, картинок максимум, даже несколько мокапов, которые тогда еще были редки, и это сработало! Я распечатала свой PDF документ и при очном собеседовании просто показывала его в аккуратной папочке. Работу нашла очень быстро с практически нулевым опытом в веб дизайне. Сейчас у меня тоже есть такое портфолио, я время от времени его перебираю и выкидываю лишнее/добавляю новые проекты.

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

Я предпочитаю простое портфолио в виде презентации в формате PDF по нескольким причинам. Сам документ лежит на Яндекс диске, я делюсь ссылкой и любой человек просто смотрит PDF прямо в браузере, при этом ничего устанавливать не нужно (подозреваю, что в Гугл Диске так же, лень проверять). В документе легко сделать кликабельные ссылки, скомпоновать страницы так, как нужно вам, его легко распечатать и быстро править.

Среди наших эйчаров и работодателей Биханс не очень имеет вес, чаще всего они не понимают что нужно смотреть отдельно каждый проект и не могут оценить крутость портфолио. Ленточки-ачивки это чисто внутренние награды и приходится это объяснять. У новичков еще часто Биханс выглядит довольно сиротливо с парой-тройкой проектов и на фоне великолепных крутанов. Многие советуют пилить свой сайт, но сколько времени вы потратите на то, чтобы все нормально выглядело и чтобы обновить проекты? Плюс вы скорее всего не узнаете как сайт увидел человек, например, с айфона, где он выглядит уже не так эпично. В итоге в попытках нормальной презентации многие приходят именно к слайдам. Самое же отвратительное, что можно послать — коллекцию отдельных скринов или архивов  — никогда так не делайте. Если невероятно важно послать архив и нет других вариантов, используйте всегда и везде формат zip.

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

Вот несколько идей что положить в портфолио.

Иллюстратору
  • серии работ с флешмобов, таких как инктобер, мермей и так далее. Не нужно запихивать все 30 картинок, выберите пару самых крутых.
  • иллюстрации для событий из новостей — как правило получается что-то сюжетное, в привязке к конкретной задаче.
  • поискать начинающих авторов и предложить проиллюстрировать их произведения.
  • иллюстрации для любимого места, которое вам нравится — кинотеатр, пекарня, музей — это тоже привязка к задаче и доказательство, что вы умеете работать на заданную тему.
  • посмотреть условия конкурсов на citycelebrity.ru, 99designs.com и выполнить задания по ним, участвовать не нужно, ниже я объясню почему.

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

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

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

Что касается выполнения тестовых и последующего добавления их в портфолио — на мой взгляд это крайне бесперспективная идея. Про тестовые задания я подробно писала здесь и с тех пор не изменилось. В 99% случаев это бесплатная работа, люди часто не собираются никого нанимать и собирают идеи или обучаются за ваш счет. Не ведитесь на это, лучше потратьте это время на свои проекты. Будьте внимательны, если столкнетесь с такими вещам, как волонтерство и благотворительность — часто это способ заставить вас выполнить бесплатную работу, надавив на ваши чувства.

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



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

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

Следующий шаг в рекламе

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



В Китае, Тайване и Южной Корее такие экраны появились еще раньше и на видео выглядят просто вау. Все это выводит рекламу на какой-то новый, масштабный уровень, как голограммы в «Бегущем по лезвию», помните?







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

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



Когда то я уже делала похожую подборку, но сейчас, когда про Unsplash и Pexels не знает только ленивый, искать оригинальные бесплатные фоточки становится все сложней. За прошедшее время появились новые площадки, поэтому поехали разбираться что к чему.
Splashbase
Поисковик по разным банкам фотографий, хорошо находит тематические бесплатные картинки по ключевым словам, рядом с каждой фотографией подписана лицензия (помним, что мы берем во избежание недоразумений всегда СС0). Есть видео, можно удобно отсортировать в поиске и в целом сайт удобный и простой.


Focastock
Есть коллекции, все фото с лицензией СС0, много фотографий с природой.


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


Skitterphoto
Площадка трех голландских фотографов, очень качественные фотографии, необычно снято, коллекция постоянно обновляется и лицензия СС0.


Picjumbo
Большая база стоковых картинок, умеет искать похожие изображения. Если зарегистрироваться — можно получать картинки прямо на почту. Все картинки приятные и стандартные, если оформить премиум подписку — присылают каждый месяц по 50 эксклюзивных фото. Из интересного — трогательная история как все создавалось. Лицензия запутано объяснена в факе, но выглядит именно как СС0.


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


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


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


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


Splitshire
Часть коллекции фотографа Даниэля Наэску, которую можно использовать бесплатно. Картинки поделены по категориям, много пейзажей и кадров с отдельными предметами, в том числе довольно необычных. Есть раздел с видео, в том числе в 4К.


Jeshoots
Сайт веб-дизайнера, с интересными предметными фотографиями и портретами. Изображений не много, но все очень качественные и продуманные, рассортированы по тематическим коллекциям. Хоть и сам сайт выглядит на мой вкус банально, интересные фото, особенно для мокапов на нем есть.


Photober
Коллекция предметов и еды в основном. Фотографий не очень много, но все качественно и красиво, если надо крупные планы — неплохая коллекция.


Photostockeditor
Обожаю эту коллекцию, посмотрите сами и все поймете — это просто очень красиво и атмосферно.


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


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


Lostandtaken
Пещера алладина с текстурами, есть очень крутые. Много разного, есть из чего выбрать, очень удобно.


Freeimages
Удобный поиск по категориям, картинок много и они регулярно обновляются. Много красивых фотографий животных и пейзажей, сайт неплохо ищет бесплатные картинки даже по русскоязычным запросам.


Cupcake
Коллекция прекрасных атмосферных пейзажей фотографа Джонаса Нильссона Ли. Пополняется редко, фотографий мало, но они потрясающие. Я иногда захожу просто полистать ленту для вдохновения.


Images NASA
Ну тут все понятно — бесплатные фото космоса от НАСА.


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


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


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


Ancestryimages
Старинные портреты, картины и гравюры, которые стали из-за истечения срока авторских прав. В общем красивый винтаж.


Streetwill
Стильная черно-белая коллекция с видами улиц и зданиями. Выглядит очень круто.


UPD Pikwizard
Еще один бесплатный сайт с фотографиями (по-моему он агрегирует с других сайтов часть, но это лишь мои догадки). Из интересных особенностей есть бесплатные редакторы для добавления надписей и создания макетов с картинками. Лицензия путаная, но разрешает коммерческое и персональное использование как и везде и запрещает перепродажу и сублицензирование.


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

Короткие видео с интересными вопросами от Дмитрия Карпова

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







Крутые бесплатные мокапы от Adobe

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

https://create.adobe.com/2019/12/31/10-editable-photographic-mockups.html

Фотограф и дизайнер Samra Lovelady создала все файлы в Photoshop 2019, поэтому они гарантированно совместимы со всеми версиями с 2019 года по настоящее время.

Некоторые файлы имеют слои, помеченные желтым цветом на панели «Слои». Эти желтые слои являются смарт-объектами; дважды щелкните их, чтобы открыть отдельный файл, в который вы добавите текст или создадите дизайн. Вы можете использовать макеты в любом проекте, личном или коммерческом. Мы просим только, чтобы вы не распространяли оригинальные файлы Photoshop.

Где взять красивые кириллические шрифты


Раскрываю пароли и явки, кириллица всегда как-то сложнее добывается и на фоне остальных шрифтов ее все-таки меньше. Для тех кто не в теме, кириллические шрифты — это те, что с русским написанием. Пост особенно пригодится тем, кто работает в русскоязычном дизайне.
  1. fonts.google.com
    Да, да, все просто. Кириллических шрифтов там не то, чтобы много, но есть хорошие и все годятся для коммерческого использования. Выбрать только кириллические шрифты можно в выпадающем меню Language справа.
  2. Поиск на Behance
    Вводите в поиск «Cyrillic free» и смотрите варианты. В блоге Behancerussia иногда также публикуются подборки с бесплатными шрифтами.
  3. Есть специальные сайты-агрегаторы, собирающие кириллические шрифты, я иногда захожу сюда. Некоторые написания доступны бесплатно на MyFonts. Когда мне нужна рукописная кириллица, ищу ее здесь.
  4. Студии, разрабатывающие шрифты
    Это самый вкусный и самый сложный вариант одновременно, потому что мониторить надо сразу несколько источников, но оно того стоит. На своих сайтах студии продают шрифты собственного производства, но, кроме этого, часто можно найти один-два а иногда и сразу много бесплатных шрифтов, например:
    https://www.fontfabric.com/category/cyrillic/
    russianfonts.ru/
    jovanny.ru/ru/
    www.paratype.ru/store/free/
    Есть еще такой замечательный дизайнер Алекс Фрукта, он тоже раздает крутые шрифты на своей страничке в Behance.
  5. И напоследок не самый лучший вариант — группы с шрифтами вконтакте и других соцсетях. Не лучший, потому что шрифты могут быть пиратскими со всеми вытекающими последствиями. Да и искать в этой куче часто банально неудобно.

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

Надеюсь, было полезно, делитесь вашими источниками кириллицы в комментариях.

Подборка уроков по анимации векторных иллюстраций

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


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

Новый векторный редактор Affinity Designer для iPad

Свеженькие, хорошие новости — вышел новый векторный редактор для айпадов.



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

До 25 июля можно купить по очень привлекательной цене $13.99 (обычная цена US$19.99) или 1090 ₽ (обычная цена 1490 ₽)

Собрание шорткатов для программ Adobe и не только



Нашла отличный сайт, где собраны все шорткаты для Фотошопа, Иллюстратора и других программ (все на английском языке). Очень полезно веб-дизайнерам, разработчикам, и всем, кто хочет ускорить свою работу. Большинство комбинаций есть под Mac и Windows, единственный минус для меня — нельзя скачать все одним листом, но можно открыть вкладку и периодически проходиться по ней, постепенно запоминая или отыскивая то, что нужно. Количество программ пополняется, так что инструмент рабочий и поддерживаемый, все естественно бесплатно.

Надеюсь вам он тоже окажется полезным.

Экспериментальный генератор цветовых палитр от Google



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