45 полезных сайтов и сервисов для графических дизайнеров
Все в одном месте!
Чтобы стать профессиональным графическим дизайнером, важно быть в курсе всех полезных сайтов, ресурсов, генераторов и сервисов, которые упрощают жизнь профессионала. Поэтому мы подобрали все самые популярные сайты, которые помогут вам создавать дизайн для своих проектов. Цвета, шрифты, графика, лучшие ресурсы — все в одном месте!
Цвета, градиенты и палитры (13)
Независимо от того, создаёте ли вы логотип, разрабатываете веб-сайт или определяете фирменный стиль, цвет играет жизненно важную роль в любом дизайн-проекте. Выбранные цвета не только влияют на ваш дизайн, но и манипулирует людьми, заставляя их испытывать правильные чувства и принимать важные решения. Есть целый ряд инструментов, сервисов и генераторов, которые помогут вам с задачей выбора цвета.
1. Adobe Color
Компания Adobe создала интересный сервис, который позволяет создавать цветовые схемы. Можно смотреть рейтинг лучших палитр либо составлять собственную палитру цветов из загруженного изображения. А также посмотреть работы других дизайнеров, либо даже поиграть в игру.
2. Color Mixer
Забавный микшер цветов, в котором можно накрутить себе крутую палитру, регулируя их положение на оси и параметры наложения. Экспорт возможен в SVG и СSS. Инструмент может пригодиться при создании палитр для логотипов, иллюстраций и любого дизайна.
3. Color Designer
Основная цель Color Designer — помочь в создании цветовой палитры и создании оттенков на ее основе. Просто выберите цвет и сайт сделает все остальное. Вы можете использовать предварительно выбранные цвета или создавать свою палитру.
4. Color Hexa
Color Hexa — это полезный инструмент, который показывает всю информацию о вашем цвете. Он создает цветовые палитры и показывает полный анализ выбранного цвета. Просто введите любое значение цвета в поле поиска и Color Hexa сделает свою работу.
5. Gradient Hunt
Gradient Hunt — это бесплатная и открытая платформа для цветового вдохновения с тысячами отличных цветовых градиентов, подобранных в ручном режиме. Вы можете создавать свою коллекцию любимых градиентов, сохранять их себе или же выбирать по популярности.
6. Color Hunt
Предыдущий сервис необходим для подбора качественного градиента, а сайт Color Hunt поможет подобрать нужную палитру чистых цветов.
7. Mesh Gradients
Готовая коллекция из 100 бесплатных фоновых градиентов. Вы можете скачать их по отдельности в формате jpg, в большом разрешении или загрузить все вместе в форматах eps, jpg и png.
8. CoolHue 2.0
CoolHue 2.0 — это специально подобранная коллекция из 60 градиентов для вашего следующего крутого проекта. Градиенты можно или скопировать в виде кодов, или экспортировать в виде изображений.
9. Culrs
Culrs — это большая библиотека готовых цветовых палитр. Цвета, которые подобрали профессионалы в своем деле. Больше не надо ломать голову, чтобы найти правильные цветовые сочетания!
10. Palettable
На сайте вы можете найти цветовые схемы и выбрать нужные вам цвета по принципу нравится / не нравится. Цвет можно редактировать вручную. Каждый следующий цвет подбирается так, чтобы он хорошо сочетался с предыдущими оттенками.
11. WebGradients
На сайте WebGradients собранна большая коллекция из 180 линейных градиентов, которые вы можете использовать для своих проектов.
12. Color Leap
Поиск по 180 цветовых палитр, используемых в течение последних 4000 лет. Отличный сайт, чтобы посмотреть, как менялся цвет в каждом тысячелетии истории нашего мира.
13. Pigment
Уникальный способ генерировать свежие и яркие цвета, основанные на освещении и пигменте, а не на математике. Найдите красивую, свободную цветовую палитру за считанные секунды.
Шрифты (7)
Дизайнеры постоянно находятся в поиске лучших шрифтов для своих проектов. Мы знаем, что это отнимает много времени, поэтому собрали для вас небольшую подборку сайтов и полезных сервисов по работе со шрифтами. Сохраняйте себе в закладки, чтобы не потерять.
1. Google Fonts
Google Fonts — это, наверное, один из лучших сайтов с бесплатными шрифтами, которым часто пользуются дизайнеры. Вы можете посмотреть, с какими шрифтами сочетается ваш шрифт, найти самые популярные шрифты, информацию о них, лицензию, и скачать их, конечно.
2. FontSquirrel
FontSquirrel находится в списке топовых бесплатных ресурсов по шрифтам, в большинстве заметках у дизайнеров. Сайт существует уже много лет и является очень популярным ресурсом для поиска высококачественных ( в основном бесплатных) шрифтов для своих проектов.
3. Font Space
На сайте собрано более 15 000 шрифтов для коммерческого использования и 66 000 шрифтов для личного использования. Шрифты можно сортировать по категориям, выбирая, например, популярные либо трендовые шрифты.
4. Телеграм канал о шрифтах
Бесплатные шрифты — это шрифты, которые вы можете скачать, не заплатив ни копейки, они найдены в сети. Но не забывайте читать файл лицензии. Заходите на канал и вы каждый день будете получать подборку свежих и бесплатных шрифтов для своих проектов. Рекомендуем!
5. Fontflame
Новый и достаточно увлекательный сайт, в котором можно на долго залипнуть, подбирая шрифтовые пары. Это, как Tinder, только в мире шрифтов. Заходите и подбирайте шрифтовые пары.
6. WhatTheFont
WhatTheFont — это сервис поиска шрифтов по фото. Сервис поможет определить шрифт по загруженной фотографии, а также предложит похожие варианты шрифта. Это такой Shazam для дизайнеров, который, кстати, недавно вышел приложением на телефоны.
7. WhatFontIs
WhatFontIs — это еще один сервис для определения шрифтов по фото и поиска бесплатных альтернатив. Если WhatTheFont вам не помог, можно проверить удачу на этом сайте.
Фото, изображения и фоны (3)
Когда дизайнер создаёт свой лучший в мире проект, им необходимо поделится с другими на Dribbble и Behance. Чтобы оформить свой проект и рассказать его идею, необходимо создать крутую презентации проекта. Для этого и необходимы бесплатные фото, изображения и фоны — для оформления своих проектов.
1. Pixabay
Pixabay — это наверное лучший сайт, где можно найти изображения для своих проектов и презентации работы. Сайт доступен на русском языке, но гораздо эффективнее использовать его, если ввести ключевую фразу на английском.
2. Pexels
Еще один крупный сайт, по поиску бесплатных фото. Есть готовые пользовательские коллекции изображений, которые помогают, если нужно быстро сделать мудборд или подобрать референсы для свих проектов.
3. Unsplash
На сайте Unsplash есть отличные тематические подборки, если нужно быстро создать дизайн для какого-либо события или праздника, а оформить презентацию нет времени, точно стоит посетить сайт.
Векторная графика, иконки,
иллюстрации (6)
Каждому дизайнеру иногда необходимо воспользоваться бесплатной векторной графикой. Возможно, вы ищете высококачественные иллюстрации, иконки или, например, крутой паттерн для своего проекта. Сайты, которые мы приготовили предлагают широкий выбор бесплатных векторов, где вы обязательно найдете то, что вам нужно.
Важно! Не забывайте, что если у вас нет платной подписки — вы обязаны ставить ссылку на сайт либо автора. Любые изменения и редактирования графики строго запрещены. Будьте внимательны, это касается всех популярных сайтов. Бесплатное использование – только с указанием авторства.
1. Freepik
Freepik — это наверное самый известный и большой ресурс бесплатной векторной графики в интернете. Вы найдёте тысячи дизайнов почти для каждой тематики. Их запас включает: фоновые изображения, паттерны, логотипы, иллюстрации, баннеры, визитки и многое другое.
2. FlatIcon
Flaticon — это один из самых популярных сайтов по иконкам. В нем собрано более чем 700 000 различных иконок, которые вы можете скачать в различных форматах и использовать для свих целей. Но не удивительно, почему сайт стал таким популярным, ведь его создатели — команда Freepik.
3. Pixelbuddha
Ресурсы на этом сайте в основном представляют собой векторную графику, мокапы, шрифты, анимацию, логотипы, а также другие полезные и бесплатные ресурсы. Много что доступно для личного и коммерческого использования.
4. Graphicpear
Graphicpear располагает коллекцией высококачественных премиум и бесплатных дизайнерских ресурсов. Команда создаёт и выставляет на сайт очень полезные материалы, такие как: шрифты, макеты, шаблоны, иконки, наборы векторной графики и многое другое.
5. Icons8
На сайте Icons8 отличная база готовых наборов иконок. Более 125,500 бесплатных векторных иконок в форматах PNG, SVG, PDF и других. Кроме иконок, на сайте есть множество других полезных ресурсов для графических дизайнеров, заходите, смотрите.
6. Drawkit
Сервис с бесплатными и платными иллюстрациями. Открыл сайт дизайнер и иллюстратор из Сиднея. Он самостоятельно создает все иллюстрации и анимации на сайт. Что-то есть бесплатное, что-то платное.
Мокапы (3)
Мокапы – это заранее подготовленные картинки, которые нужны для того, чтобы показать ваш дизайн на готовом продукте. Они экономят ваше время и могут вдохнуть жизнь в ваши идеи. Как смотрится логотип на кепке? Просто скачайте макет кепки и интегрируйте свой дизайн в него всего за несколько секунд. Использование мокапов — это удобный способ представить свои идеи, как полностью разработанные продукты.
1. Mockups Design
Mockups Design — это сайт, где дизайнеры со всего мира могут найти премиальные макеты для своих проектов. Создателю проекта было важно, чтобы все эти макеты были абсолютно бесплатными для использования в личных и коммерческих целях, и у него это получилось!
2. Mockup World
Если вы ищете мокапы телефонов, упаковки, визитки, футболки, баннера или огромный макет вывески — вы найдете их здесь. Mockup World — это сервис с бесплатным доступом к сотням готовых к использованию макетов!
3. Mockup Download
Mockup Download — это русскоязычный проект, который создан, чтобы у дизайнеров была возможность быстро и легко скачивать мокапы. На сайте собраны мокапы для различных тематик.
Полезности (5)
Для того, чтобы стать профессионалом в своём деле, нужно следить за трендами и, конечно, постоянно тренироваться на практике. Для этого существуют полезные сервисы, сайты и ресурсы, которые вы можете использовать, чтобы обучатся. Мы подготовили для вас парочку таких сайтов и сервисов, а также приятные программы, которые помогут вам.
1. Logorank
Logo Rank — это система искусственного интеллекта, которая понимает дизайн логотипа. Он обучен на миллионе изображений логотипов, чтобы дать вам советы и идеи. Он также может быть использован, чтобы увидеть, если вы черпали вдохновение из стоковых иконок.
2. Good Brief
Сервис для прокачки своих навыков. Вы можете сгенерировать на сайте себе бриф, задачу и дедлайны. Бриф можно генерировать на разные темы: логотипы, сайты, упаковки иллюстрации, баннеры. Помогает тем, кто только наполняет свое портфолио и у кого пока нет настоящих заказчиков.
3. Iconset
Iconset — это бесплатная программа для хранения личной библиотеки SVG иконок. Иконки можно легко перетаскивать с программы в Figma, Sketch, Photoshop, Illustrator и в другие программы. Есть удобный поиск по папкам, система тегов и навигации.
4. Faces Design
Бесплатная подборка аватарок, изображения людей без заднего фона. Удобный сервис для ваших концептов, презентаций и макетов.
5. Savee
Savee — это супер сервис для создания мудбордов. Он позволит вам организовать вашу сетку изображений так, как вы хотите. Вы можете редактировать размер столбцов, сохранить изображения в коллекцию и использовать расширение для браузеров.
Веселые сервисы и игры (8)
Существует много приятных игр и веселых сервисов для дизайнеров, где можно не только учится, но и хорошо провести свое время.
1. Kerntype
Kerntype — это игра, которая учит чувствовать кернинг. Ваша миссия проста: достичь приятного и читаемого текста, распределяя пространство между буквами. Хорошо прокачивает навыки в дизайне.
2. Copout
Как часто ваши сроки сгорали и вам приходилось оправдываться перед заказчиком? Теперь существует решение — генерация отмазок для заказчиков. Отличные отмазки, можно весело провести время.
3. Color Method
Игра, которая учит чувствовать цвет. В ней шесть уровней с возрастающей сложностью. По началу будет просто, но дальше намного сложнее.
4. Shape Type
Shape Type — это еще одна игра по типографике от создателей Kerntype. В ней вам нужно корректировать настройки кривой так, чтобы улучшить формы букв в различных гранях шрифта. Чем ближе вы доберетесь до правильной формы буквы, тем выше будет ваш результат.
5. Brandseen
Вы наверное знаете, что музыканты способны по памяти хорошо воспроизводить мелодию. Профессиональные дизайнеры также, как и музыканты обладают хорошей памятью, но только на цвета. Попробуйте вспомнить цвета логотипов известных брендов.
6. Kill Comic Sans
Вам нравится шрифт Comic Sans? Думаем что нет, он никому не нравится. Окажите услугу всему миру – уничтожьте Comic Sans!
7. Odd One Out
Если вы думаете, что можете увидеть все оттенки, то скорее всего вы ошибаетесь. Это игра, где вам необходимо найти лишний квадратик цвета, который отличается от остальных цветов. По началу вам может показаться все слишком просто, но после 27 уровня вы измените мнение.
8. Commments
Пишите всем подряд комментарии, чтобы вас заметили, лайкнули вашу работу и подписались на вас? Генератор комментариев для Dribbble и Behance поможет вам меньше тратить на это время и генерировать приятные и правильные слова для дизайнеров.
Заключение
Такая вот получилась подборка, надеемся вам понравилась. Подобных сайтов существует ещё очень много, но всё использовать не обязательно.
Если мы забыли о каком-то крутом сайте или важном сервисе — пишите нам в наш чат или оставляйте комментарии под статьей, будем рады услышать от вас отклик!
40 сайтов для дизайнера
Подборка из 40 полезных сайтов для дизайнеров: поиск вдохновения, поиск картинок и иконок для проектов, подбор цветовой гаммы, а также многое другое.
1. Телеграм канал «Книги для дизайнеров 📚»
Бесплатная иблиотека из более 380 лучших книг по дизайну, композиции, колористике, типографике и профим сферам дизайна.
2. studio.envato.com
Сообщество всех внештатных дизайнеров (фрилансеров, если хотите) для работы за рубежом.
3. fl.ru
Подобное сообщество внештатных дизайнеров в русском варианте. Предложение появляются практически каждый час, так что ушки на макушки и вперед!
4. computerarts.co.uk
Международный интернет-журнал о компьютерном искусстве.
5. edustyle.net
Школы и университеты тоже имеют право быть представленными в галерее. Вот эта вот особенно интересна.
6. davidairey.com
Сайт дизайнера Дэвида Эрейа (David Airey). Здесь он делится своим опытом в сфере графического и лого дизайна.
7. behance.net
Сайт, собравший в себе портфолио художников, дизайнеров и людей искусства со всего мира. Честно говоря, по-настоящему вдохновляющий сайт.
8. pdf-mags.com
Очень хороший ресурс со всевозможными дизайнерскими (и не только) журналами в формате PDF.
9. cssbeauty.com
Хорошая галерея. Ребята публикуют очень интересные статьи о разработке веб-сайтов и регулярно следитят за новостями своей сферы деятельности.
10. artperm.ru
Русский форум дизайнеров. Дискуссии, взаимовыручка, обсуждения ваших работ и профессиональных проблем.
11. designiskinky.net
Австралийский сайт о дизайне. Сфокусирован только на новостях дизайна. В общем сайт только про дизайн. Дизайн. И последний раз. Дизайн.
12. freelancefolder.com
Фрилансерское блог-сообщество с регулярными статьями и постами. Очень разнообразное.
13. bittbox.com
Сайт, посвященный всем дизайнерским нуждам. Текстуры, кисти, узоры, а так же консультация всех желающих. И все это абсолютно бесплатно, как мы любим.
14. allday.ru
Ну а это всем известный русский сайт-аналог. Здесь тоже все бесплатно и достаточно качественно.
15. lenagold.ru
Не могу не сказать про этот очень богатый сайт, специализирующийся преимущественно на клипартах. А вообще настоятельно советую либо покупать либо самим создавать неповторимые снимки.
16. vandelaydesign.com
Собрание очень хороших статей из медиа ресурсов. Особенно понравится этот сайт веб-дизайнерам.
17. youthedesigner.com
Этот сайт полон разнообразных статей о графическом дизайне. Очень интересный и незаурядный.
18. designyoutrust.com
Ежедневный дизайнерский журнал, публикующий статьи о новых направлениях в дизайне, новости и события, отличные дизайнерские портфолио и выборочные, тщательно отсортированные дизайнерские проекты со всего мира.
19. lookatme.ru
Большая социальная сеть, место объединения огромного числа авторов. На сайте так же есть раздел о дизайне.
Веб-дизайн
20. noupe.com
Отличный сайт о веб-дизайне и веб разработках (CSS & Ajax).
21. smashingmagazine.com
Здесь есть информация обо всем, что нужно как начинающему разработчику, так и профессионалу в области дизайна (и в частности веб). Так что если вы, дизайнер, никогда не слышали об этом сайте и никогда тут не были, мне вас жаль.
22. thinkvitamin.com
vitamin — это ресурс для разработчиков, веб-дизайнеров и предпринимателей. Думаю, 50 000 подписчиков не могут ошибаться.
23. 24ways.org
Качественные статьи по дизайну и разработке.
24. alistapart.com
Еще один островок в море блогов, посвященных веб-дизайну. Очень хорошие и полезные статьи от самых разных авторов.
25. sitepoint.com
Очень разнообразный сайт: графика, css, ajax…
26. design-mania.ru
Здесь вы найдете интересные и полезные статьи по дизайну, верстке, юзабилити, а также сможете скачать материалы для своих проектов (иконки, кисти, шрифты и т.п.) Проект пригодится как профессионалам, так и абсолютным новичкам, жаждущим познать секреты веб-дизайна.
27. designgu.ru
Сайт с новостями про веб-дизайн и не только. Так же недавно на сайте открылась рубрика с подкастами (правда пока их там только один).
28. webappers.com
Блог, содержащий множество исходников, распространяемых по принципу open-source и предназначенный для веб-разработчиков и дизайнеров.
29. happycog.com
На этом сайте его создатели публикуют свои собственные красивые веб-сайты и делятся лучшими из своих идей.
30. webdesignerwall.com
Каждый дизайнер должен знать, пусть даже если он не интересуется веб-дизайном.
Ресурсы
31. designfloat.com
Сайт по типу сайта digg.com, только на тему дизайна.
32. psd.tutsplus.com
Сайт с очень хорошими пошаговыми уроки по веб-дизайну, как для новичков, так и для профессионалов.
33. bluevertigo.com.ar
Настоятельно рекомендую этот сайт, в котором собраны ссылки на, пожалуй, все крупные фотобанки интернета.
34. sxc.hu
Один из самых крупных, любимых и бесплатных фотобанков интернета. Хороший выбор изображений любого качества и тематики.
35. iconfinder.com
Название сайта говорит само за себя.
36. dafont.com
Один из моих самых любимых сайтов, посвященных шрифтам. Более 11 000 шрифтов на любой вкус.
37. womtec.ru
Еще один сайт, посвященный шрифтам. Большое количество хороших, интересных русских шрифтов. Скачать можно бесплатно.
Более полную подборку, касательно исключительно типографики и соответствующих ресурсов смотрите здесь.
38. w3csites.com
Отличный выбор для разработчиков W3C сайтов.
39. colourlovers.com
Один из самых крупных ресурсов с огромной коллекцией цветовых сочетаний, которые можно сохранить в любом удобном для вас формате.
40. infogra.ru
Отличный ресурс с подборками графических элементов для дизайнеров: иконки, паттерны, заготовки, мокапы и многое другое 🙂
41. abduzeedo.com
Отличный сайт про логотипы и дизайн вообще. (причем с подробными объяснениями)
Топ-20 лучших сайтов для вдохновения веб-дизайнеров — Дизайн на vc.ru
Вдохновение — вещь очень тонкая. Она не подчиняется законам логики и систематизации. Это значит, что прежде всего необходимо прислушиваться к своим ощущениям и пытаться понять, от чего возникают радость и воодушевление.
При этом важно понимать, что веб-мастера зачастую всё же принадлежат к визуалам. То есть они воспринимают окружающий мир прежде всего благодаря зрению. При этом понятие о красоте у всех разное. Поэтому полезно сравнивать свои творения с чужими. Лучше всего вдохновляться работами профессионалов. Для этого можно посещать сайты, специализирующиеся на веб-дизайне. Рассмотрим 20 ресурсов, где можно найти множество примеров удачного дизайна.
1. Awwwards.com
Этот ресурс многим уже хорошо знаком, но не сказать о нём просто невозможно. Среди веб-мастеров мало таких, кто ни разу его не посещал.
2. Designshack.net
3. Behance.net
Этот сайт является своеобразной соцсетью. Он предназначен для любителей творчества. Здесь можно найти множество идей не только для интернет-проектов в частности, но и для корпоративного стиля вообще.
4. Mobbin.design
На сайте представлено свыше полутора сотен приложений и тысячи шаблонов. Здесь веб-дизайнер может найти кучу идей для реализации своих целей.
5. Niice.co
20 ресурсов, которые должен знать каждый графический дизайнер
Профессия графического дизайнера подразумевает уникальный коктейль из творчества, мастерства, терпения, коммуникабельности и доли деловой хватки, причём все эти качества нуждаются в постоянной тренировке и совершенствовании.
Пролистываете ли вы блоги в поисках вдохновения, смотрите обучающие видео, читаете о тенденциях в дизайне – дизайнерские ресурсы имеют жизненно важное значение для успеха.
Независимо от вашего опыта – собираетесь ли вы поступать в ВУЗ или ведёте свой бизнес уже много лет, некоторые сайты всегда будут одинаково полезны для вас всегда. Ниже вы можете видеть 20 из них.
Ваша жизнь скоро станет гораздо легче.
Kuler – основной инструмент для всего, что связано с подборкой цветов. Пытаетесь ли вы определить цвета, подходящие уже выбранным, или создаёте палитру с нуля, Adobe Kuler будет для вас сродни манны небесной. Просто перемещая точки по цветовому колесу, вы сможете подобрать необходимые цвета. Более того, вам доступны несколько систем выбора (последовательная, монохромная, оттенки, треугольник и прочее). После этого Kuler предоставит вам коды выбранных цветов в RGB и HEX, так что вы сможете быстро вернуться к созданию своего шедевра.
В Skillshare такие мастера, как Джессика Хиш, Сет Годин, Брэд Вудворд, Джек Зерби и Таль Сафран учат простых людей всему – от каллиграфии до кодирования. А со смешной ценой в 20 долларов за курс нет оправдания тем, кто еще не знает, как создать собственный веб-сайт или шрифт.
Шрифты сейчас можно найти повсюду. Однако, совсем немного сервисов, которые могут предоставить такие возможности, как FontShop. Тестер позволяет вам видеть, как будет выглядеть ваша работа, а в меню связанных шрифтов вы можете найти другие шрифты, которые могут быть вам интересны. И всё это – в FontShop.
Созданная профессором Эндрю Ванде Муре Information Aesthetics – мечта любого информационного дизайнера. Здесь можно найти лучшие примеры инфографики и множество источников вдохновения для вашей следующей работы. В дополнение к блогу, сайт содержит магазин, в котором можно приобрести необходимые для инфодизайна книги (например, Тафти, DataFlow).
Для тех из вас, кто занимается книжным дизайном, будь то ваш первый опыт или сотый, необходимо вдохновение. И Book Cover Archive предоставляет вам его: он содержит тысячи новых и классических обложек, удобно сортированных по фотографу, арт-директору, дизайнеру, названию, автору или жанру. Данный сайт будет не просто вдохновлять, но и обучать вас.
The Noun Project – отличный ресурс для иконографики. Создатели называют себя глобальными переводчиками, помогающими людям со всего мира общаться друг с другом. Их сайт – чрезвычайно полезная вещь для дизайнеров, которым нужны готовые иконки или вдохновение для создания своих. Кстати – если вы дизайнер иконок, вы можете загружать свои работы для продажи.
Известный своей способностью идентифицировать практически любой шрифт, Fonts in Use – прекрасный ресурс для работы с типографикой. Всё что вам нужно для определения – это загрузить изображение шрифта.
Сайт Марии Поповой рассчитан на творческих людей, стремящихся расширить свои горизонты. Хоть он и включает больше информации для общего творческого развития и вдохновения, чем о графическом дизайне, Brain Pickings всё равно важен и интересен.
Grain Edit основан почти 10 лет назад. Ориентированность на дизайн, вдохновлённый 50-70-ми годами делает его лучшим ресурсом для тех, кто ищет хорошее ретро. Редактор сайта Дэйв Казнер проводит вдумчивые интервью с дизайнерами, рассказывает о новых тенденциях, делает обзоры и даёт дельные советы.
Существует множество наград в области дизайна, но сайтов на данную тематику представлено немного. Awwwards – это как «hot or not» для веб-дизайна. Он позволяет пользователям голосовать за работы, а потом выбирает лучших дизайнеров за день, месяц и год.
Основанный в 2007 году, It’s Nice That является новостным ресурсом об искусстве и дизайне. Проект вращается вокруг центрального блога, но также имеет раздел событий, работ дизайнеров и прочее. От элитарной до массовой культуры – у It’s Nice That найдётся понемногу для каждого.
Digital Arts – британский журнал, имеющий печатную и электронную версию. Он посвящен всему цифровому и креативному: в этот разряд попадают графический дизайн, 3D, анимация, видео, спецэффекты, веб-дизайн и интерактивный дизайн. Мало того, что сайт – отличный источник новостей и статей, он также имеет раздел с учебными материалами, который содержит множество уроков для дизайнеров.
Dribble относится к той категории сайтов, про который много кто знает, но не все используют его на полную мощность. Сайт позволяет выставлять на всеобщее обозрение свои работы, но одна из интереснейших фишек Dribble – возможность поиска по цвету. Если вы видите сайт, который вам действительно нравится, и вы хотите найти проекты с аналогичными цветами, Dribble позволяет выбрать этот цвет и найти похожие работы. Данный инструмент отлично подходит для создания цветовых палитр.
Все мы знаем Flickr – он нужен для хранения, организации и обмена изображениями. Креативные сообщества во Flickr – прекрасный способ найти вдохновение, а также поделиться своими работами.
TutorialZone предлагает широкий спектр обучающих программ и ресурсов для разработчиков и дизайнеров с упором на веб-дизайн. Данный ресурс ставит своей целью создание лучших веб-разработок для масс. Туториалы здесь очень продуманные и простые для понимания. Ресурс также предоставляет демо-версию каждого курса, так что вы можете увидеть, что вас ждёт, прежде чем начать.
Tutsplus — огромное сообщество дизайнеров, программистов, иллюстраторов и представителей различных прочих профессий, которые пишут платные и бесплатные уроки, сложность которых начинается от самых-самых простых для начинающих, до довольно сложных, которые будет интересно выполнять даже профессионалам.
Один из лучших обучающих сайтов нашего времени, Линда может научить вас тому, что вы должны знать касательно дизайна: InDesign, Flash, кодирование, макетирование, ттипографика, технологии печати, управление проектами и бизнес-решения. Если вы жаждете знаний, Lynda станет вашей лучшей подружкой.
Чрезвычайно умный сайт о типографике. Позволяя пользователям задавать свою гео-локацию, он создаёт виртуальную карту типографики, отслеживающую использование шрифтов по всему миру. Типографика в значительной степени связана с культурой, и благодаря Typeify, пользователи могут увидеть, где определённые стили шрифтов более популярны.
Рочестерский технологический институт, возможно, не самая известная школа графического дизайна, но его архивы просто поражают. Они хранят в себе работы более 25 дизайнеров, включая Сола Басса, Уилла Буртина, Эстель Эллис и многих других. Таким образом, архивы RIT Design – обязательная вещь для дизайнеров, стремящихся расширить свои горизонты.
Снова пытаетесь определить тот шрифт, который бы идеально подошёл к вашему следующему проекту? Идентификация шрифта Typophile – то, что вам нужно. Большое количество пользователей и экспертов помогут вам решить практически любую типографическую проблему быстро и легко.
Автор: Василий Федотовский
Как я стала дизайнером за шесть месяцев / Хабр
Я не заканчивала дизайнерских курсов и не училась дизайну в институте, но мне удалось пройти свой собственный курс обучения за 6 месяцев, замечу, что в процессе обучения я параллельно занималась полный день своей основной работой. Хотя я не думала, что уже готова устраиваться на новую работу дизайнером, все же мне сильно повезло и удалось найти неплохое место.Конечно, я понимаю, что у меня нет тех навыков, которые есть у многих профессиональных дизайнеров, которые учились этому несколько лет и имеют большой стаж работы, тем не менее, я чувствую, что могу работать на хорошем уровне, создавая неплохой дизайн. В настоящее время я занимаюсь дизайном веб-сайтов.
Уровень первый: учимся видеть
Основная ошибка, которую совершают начинающие дизайнеры – это попытка сразу начать с изучения Photoshop и рисования дизайна. Но Photoshop не сделает вас дизайнером, так же как покупка красок и кисточки не сделает из вас художника. Поэтому начнем с освоения самых азов дизайна.
Учимся рисовать
Изучаем теорию графического дизайна
— Начните с книги – «Нарисуй это». Эта книга поможет понять основы дизайна.
— Изучайте работу с цветом, типографию и создание дизайна на основе сетки.
— Проходите по несколько обучающих уроков с этого сайта каждый день.
Изучите основы опыта взаимодействия
— «Дизайн повседневных вещей».
— «Не заставляй меня думать!»
Учимся писать
Абракадабра вроде Lorem Ipsum должна настораживать, это прямой указатель на плохого дизайнера. Хороший дизайнер должен уметь хорошо общаться со своими пользователями, он видит весь процесс оценки его дизайна в целом и не упускает таких деталей как презентационный текст. Каждое слово подбирается вдумчиво, с умом, а сам текст пишется с расчетом, что его будут читать люди. Не используйте заумный язык, которым пользуются учителя в школе.
— Прочитайте книгу «Почему одни идеи выживают, а другие — нет». Эта книга научит вас как привязать к себе читателей.
Уровень второй: учимся пользоваться Photoshop и Illustrator
Изучив основы можно приступать к освоению программ для создания дизайна. Изучение лучше всего начать с Illustrator (программа, которую используют дизайнеры для рисования различных иконок и логотипов). Написано огромное количество обучающих материалов на эту тему, я приведу лишь несколько ссылок на книги, которые были особенно полезны. Вы же можете воспользоваться теми ресурсами, которые покажутся наиболее подходящими.
Изучаем Illustrator
— «Иллюстратор — аудитория в книге». Скучная книжка, но если вы осилите хотя бы половину этого материла, то получите базовые навыки по использованию Illustrator.
— Так же посмотрите обучающий урок по созданию логотипа в Illustrator, вам это должно понравиться.
Изучаем Photoshop
На эту тему написано не менее миллиона обучающих статей, один из популярных сайтов с качественными материалами — дизайн на tutsplus. А это пример хорошего обучающего урока «как создать psd шаблон для веб-сайта» с этого же сайта. Уделяйте прохождению этих уроков пару часов каждый день и прогресс не заставит себя ждать.
Уровень третий: приобретение специализации
Настало время определиться с той сферой дизайна, которой вы будете заниматься в дальнейшем. Уделите время изучению разных направлений дизайна (сайты, графика, мобильные приложения) и выберите для себя то, что приносит больше всего позитивных эмоций.
Изучаем дизайн логотипов
— «Создание узнаваемоего бренда» (от веб-сайта до визитной карточки).
Изучаем веб-дизайн
— «Не заставляй меня думать» — книга о дружелюбном пользовательском интерфейсе.
– «Принципы красивого веб-дизайна». Название говорит само за себя.
— Создайте список веб-сайтов, которые кажутся вам привлекательными, отмечайте их особенности и структуру.
Уровень 4: создание портфолио
Вам не нужно заканчивать художественную школу, чтобы устроиться на работу дизайнером, но без хорошего портфолио точно не обойтись.
Вот, что вы можете сделать, чтобы получить опыт:
— Найдите сайт с плохим дизайном и переделайте его.
— Найдите благотворительные проекты и предложите сделать дизайн бесплатно.
— Практикуйтесь на сайтах для дизайнеров.
— Присоединитесь к команде на StartupWeekend.
— Выполняйте задания из этой книги.
Не включайте абсолютно все свои работы в портфолио, выберите только самые лучшие.
На начальных этапах не старайтесь быть оригинальным, это придет со временем, с опытом, с мастерством. Вначале все изучают основы и повторяют простые вещи за учителем, а когда накопится достаточно опыта, можно переходить к более продвинутым и самостоятельным работам.
Для вдохновения посещайте Dribbble (просматривайте работы лучших дизайнеров) и zurb.com/patterntap (веб-дизайн).
7 отличий веб-дизайна от графического дизайна — Дизайн на vc.ru
Веб-дизайн и графический дизайн имеют много общего. Оба требуют хорошего понимания типографики, графики и принципов дизайна. Но, в конце концов, веб-дизайн и графический дизайн — это разные направления с разными понятиями.
1. Веб-дизайн – это динамичная среда
Сравнение веб-дизайна и графического дизайна похоже на сравнение известного всем iPad с картиной, которая висит в музее. Обе вещи показывают красивые визуальные эффекты, но один (iPad) интерактивен — можно прикоснуться, увеличить уменьшить изображение, а другой (картина в музее), может доставить вас к охраннику, если вы дотронетесь до него (картины)
Графический дизайн берет свое начало в печатной индустрии. Будь то макет журнала или детская книга. Любые печатные материалы, как правило, менее интерактивны, чем их цифровые аналоги. Но они так же зависят от художественной сборки изображений, текста и другой графики, чтобы рассказать историю или передать сообщение. Там должна быть логика и навигация по печатным материалам (оглавление книги, журнала) и тому подобное.
Веб-дизайн, несмотря на схожесть с визуальным дизайном, основное внимание уделяет взаимодействию. То есть, то с чем люди могут взаимодействовать — участвовать — а не просто потреблять.
Веб-дизайнер может работать с графическим дизайнером для визуальных более четкого восприятия отдельных элементов, таких как иллюстрации и графика, но веб-дизайнер затем соединит все эти элементы вместе, чтобы создать полный интерактивный дизайн, то что будет интересно для взаимодействия и пригодно для использования.
Терминология:
Графический дизайнер — он же UI дизайнер
UI дизайнер — это интерфейс пользователя, он же пользовательский интерфейс (от английского user interface)
Веб-дизайнер — он же UX дизайнер
UX в переводе означает «опыт взаимодействия» (User eXperience) и включает в себя различные компоненты: информационную архитектуру, проектирование взаимодействия.
Веб-дизайнеры должны убедиться, что пользователи имеют интерес и могут достичь своих целей на сайте. Они понимают, как элементы навигации, кнопки призыва к действию и другие интерактивные элементы направляют, влияют и улучшают путешествие пользователя.
Многие думают, что проблема в дизайне веб-сайтов — это то, что дизайн (UI) не красивый. Но это не так. В некотором смысле, графические дизайнеры, как и веб-дизайнеры, заинтересованы в пользовательском интерфейсе UX. Но они не так сильно беспокоятся по поводу пользовательского интерфейса, т. е.
веб-сайтов для графического дизайна Вдохновение
Графический дизайн отличается тем, что является профессиональной дисциплиной, требующей как технического мастерства, так и большого количества творческой энергии. Хотя тонкости и навыки, необходимые для хорошего дизайнера, можно изучить в школе графического дизайна, никто не застрахован от периодов, когда их творческий потенциал иссякает.
Вопрос в том, как лучше всего заставить эти творческие соки снова течь?
К счастью, в Интернете есть множество полезных ресурсов, которые могут вдохновить на новые идеи и подтолкнуть вас к новым высотам.Если вы разрабатываете веб-сайты, логотипы, работаете с типографикой или разрабатываете упаковку, прокрутите страницу, чтобы узнать…
Несмотря на то, что все перечисленное ниже заслуживает внимания, мы сгруппировали их по нескольким различным областям, чтобы еще больше помочь вам найти вдохновение. Первый:
Сайты для графических веб-дизайнеров
The Inspiration Grid — The Inspiration Grid в равной степени обожают как дизайнеры, так и даже не дизайнеры, потому что в них размещено множество разнообразных и креативных изображений.Хороший, чистый и удобный для поиска по категориям, это источник вдохновения, без которого не должен обойтись ни один дизайнер.
Ideabook — Лучшие практики веб-дизайна и программное обеспечение, используемое для их выполнения, постоянно меняются; настолько, что даже самый опытный дизайнер должен постоянно обновлять свое обучение. Для этого есть книга идей; отличный источник бесплатных руководств по дизайну.
Swissmiss — Этот блог о дизайне, которым управляет талантливый нью-йоркский дизайнер Тина Рот, регулярно рассказывает о великолепном дизайне всех вкусов со всего мира.Сообщения в блогах короткие и приятные, они дают вам больше вдохновения и меньше шума.
Wabbaly — давно существующий блог, который действует как объединение всего вышеперечисленного; фантастические примеры графического дизайна, отличные статьи, обсуждающие ремесло, и множество руководств, которые помогут вам все это подражать.
Информация прекрасна — Знаменитое детище Дэвида МакКэндлесса. Если вы еще не видели эту часто обновляемую коллекцию потрясающих визуализаций данных, вы упускаете большую дозу дизайнерского вдохновения.
Canva — Canva — это инструмент графического дизайна, призванный научить мир графическому дизайну, который регулярно публикует свежий и полезный контент как для начинающих, так и для опытных графических дизайнеров.
Сайты для дизайнеров логотипов
Brand New — Когда корпоративный логотип будет обновлен, блог Brand New будет ждать, чтобы проанализировать результаты — как хорошие, так и плохие — экспертным взглядом. Это важное чтение для дизайнеров логотипов, которые хотят учиться на удачном (и не очень) дизайне.
Logolitic — очень подробный (и четко разбитый по категориям) блог, посвященный методам разработки логотипов и всей отрасли. Советы и обучающие материалы предназначены для начинающих и полупрофессиональных дизайнеров логотипов, поэтому, если вы только начинаете, это то, что вам нужно.
Logo Design Love — Превосходная коллекция заметок, проливающих свет на известных дизайнеров логотипов, их работы и увлекательные истории, стоящие за некоторыми знаковыми логотипами.
Бренды мира — По данным самого сайта, это самая большая в мире коллекция бесплатных векторных логотипов, которые придают вашей работе дополнительный профессиональный вид с меньшими хлопотами и бесплатными.
Сайты для типографов
TypeInspire — Как следует из названия, TypeInspire — это кладезь великолепной типографики и отличный способ генерировать новые идеи, когда вы застряли в колее.
Type Everything — Блог в Tumblr, в котором собраны одни из лучших типографских материалов, с которыми мы когда-либо сталкивались. Есть много категорий, которые можно пролистать; из анимированных гифок, граффити, монограмм, нарисованных от руки и т. д. (прокрутите вниз, чтобы проверить их.)
Typedia — «Смесь IMDb и Википедии, только для набора текста». Так идет описание сайта Typedia, и оно весьма уместно. Это ресурс сообщества, за которым может согласиться каждый, и очень полезный портал для тех, кто не знает, с чего начать типографику.
Playtype — Агентство цифрового шрифта в Дании. Даже простого просмотра магазина достаточно, чтобы идеи возникли.
25+ лучших интернет-ресурсов для профессионалов графического дизайна
Чтобы вы могли делать больше, когда вы работаете из дома, я хотел бы познакомить вас с моим личным совершенно секретным сборником бесплатных ресурсов графического дизайна, которые я считаю бесценными в своей работе в качестве дизайнера. Эти ресурсы станут отличным подспорьем, если вы работаете с изображениями, создаете иллюстрации для кампаний по электронной почте или просто ищете новых идей.
Поскольку моей целью было предоставить как можно больше полезной информации, этот пост предлагает уникальную подборку ресурсов для дизайнеров, которых вы не найдете ни в одной другой подобной статье.
Здесь более 25 веб-сайтов с графическим дизайном, которые вооружат вас всеми инструментами для творческой работы, независимо от того, новичок вы или опытный эксперт в своей области. Кроме того, вы можете проверить эти ресурсы графического дизайна на SoftwareHow и посетить 50 креативных веб-сайтов, чтобы почерпнуть новые дизайнерские идеи. Поверьте мне, этого более чем достаточно, чтобы помочь вам создавать красивые и эффективные электронные письма проще и быстрее.
Сайты для вдохновения
Примечание для людей, не говорящих по-английски: поскольку большинство предлагаемых ниже ресурсов только на английском языке, убедитесь, что вы используете английский для поисковых запросов.Таким образом вы получите более релевантные результаты.
Canva
Canva — отличный веб-инструмент для графического дизайна с миллионами настраиваемых шаблонов для электронных писем, баннеров, логотипов, целевых страниц, сообщений в социальных сетях или печатных материалов. С Canva вам не нужны дизайнерские навыки или специальное программное обеспечение для создания привлекательного графического контента. Вы можете делать все в редакторе перетаскивания на веб-сайте или даже на ходу с помощью мобильного приложения.
Земельная книга
Land-book содержит большое количество замечательных примеров веб-сайтов, собранных вместе, чтобы вдохновить вас при разработке электронных писем или целевых страниц для ваших почтовых кампаний.
Visme
Visme — это приложение для самостоятельного создания контента. Отдельные лица и команды могут использовать его бесплатно, чтобы воспользоваться преимуществами уникальных инструментов редактора, чтобы превратить статический контент в интерактивную инфографику, печатные издания, отчеты, веб-графику и графику в социальных сетях, презентации и многое другое.
Мастер дизайна
ВDesign Wizard есть множество прекрасных шаблонов для электронных писем, баннеров, логотипов, целевых страниц, сообщений в социальных сетях или печатных материалов. Для работы с ними вы можете использовать встроенный редактор перетаскивания.
Awwwards
Awwwards — это сайт, на котором специалисты в разных областях оценивают работы друг друга. Есть много вдохновляющих проектов, которые позволят вам раскрыть свой творческий потенциал. Вы можете найти новые идеи для своих информационных бюллетеней или даже сами принять участие в тендере.
Лучшие образцы
The Best Designs — еще одна отличная галерея с множеством проектов, отражающих последние тенденции дизайна. Это особенно полезно для компаний, которые хотят идти в ногу с текущими тенденциями, особенно в ИТ, индустрии моды или развлечений.
Логастер
Генератор слогановLogaster — это онлайн-инструмент для создания креативных слоганов компании за считанные минуты. Сервис дает возможность выделиться среди конкурентов, не тратя зря время и деньги. Специальные фильтры позволяют выбрать и выделить сильные стороны вашей компании в слогане. Кроме того, это бесплатно.
Простой редактор перетаскивания для дизайна электронной почты
Использовать сейчасресурсов с более чем 1 000 000 проектов
Dribbble и Behance — два крупнейших ресурса графического дизайна для творческих портфолио с широким спектром интересных дизайнерских проектов.В отличие от приведенных выше веб-сайтов, есть не только примеры дизайна веб-сайтов, но и примеры баннеров, которые вы можете использовать в качестве вдохновения для своих собственных дизайнов электронной почты или сообщений в социальных сетях.
Дриббл
Behance
Сайты бесплатных изображений
Не секрет, что хороший баннер не только увеличивает привлекательность вашего письма, но и помогает повысить коэффициент конверсии. Даже если у вас уже есть представление о том, как должен выглядеть ваш баннер, не всегда так просто найти подходящее изображение, не говоря уже об уникальном, которое никто из ваших конкурентов никогда не использовал.
Picjumbo
Picjumbo — отличный сайт для стоковых фотографий с огромной базой бесплатных изображений.
Я свободен
I’m Free — это тщательно отобранная база стоковых фотографий. Выбор не такой широкий, как в Picjumbo, но все изображения удобно сгруппированы по категориям.
Гратисография
Gratisography предлагает коллекцию бесплатных оригинальных и креативных фотографий высокого разрешения для самых разных случаев.
Сайты с бесплатными исходными файлами
Вы можете использовать любой исходный файл или его отдельные компоненты, попрактиковаться в создании почтовых баннеров, целевых страниц и логотипов и многое другое.
DesignEvo
DesignEvo — это бесплатный веб-сайт для создания логотипов с более чем 4000 шаблонов. Шаблоны удобно распределены по 34 категориям по отраслям, и вы можете легко найти свой шаблон, используя ключевые слова и теги. Все шаблоны полностью настраиваются с огромным выбором шрифтов и значков.
365psd
365psd предлагает множество полезных высококачественных бесплатных ресурсов для дизайна, включая бесплатные файлы PSD, векторную графику, баннеры, рамки и текстуры для ваших собственных проектов.
Graphicburger
Graphicburger предлагает бесплатные исходные файлы, собранные в одном месте. Широкий спектр ресурсов включает файлы PSD, векторную графику, шрифты, шаблоны веб-сайтов и многое другое, которые можно использовать бесплатно без ограничений авторских прав. :).
Graphicex
Graphicex — один из лучших ресурсов для графических дизайнеров (и мой любимый). В нем есть огромная база бесплатных премиум-шаблонов, фотографий и значков, которые вы больше нигде не найдете.
Pngtree
Pngtree — это тщательно отобранный веб-сайт дизайнерских ресурсов с миллионами бесплатных изображений и исходных файлов. Он может легко служить бесплатной альтернативой другим аналогичным платным сайтам. Единственным недостатком бесплатной учетной записи является ограничение на скачивание 2 файлов в день. Тем не менее, даже двух файлов вполне достаточно, если вы точно знаете, что ищете.
Последнее сообщение
Шрифтов
Шрифты — важная часть графического дизайна электронного маркетинга.На сегодняшний день почтовые клиенты поддерживают только около 10 шрифтов в текстовых блоках, но кто сказал, что вы не можете использовать другие шрифты для изображений в своих электронных письмах? Когда дело доходит до визуального контента, не стесняйтесь использовать любой шрифт, даже самый необычный, независимо от того, интегрирован он в ваш редактор электронной почты или нет. Просто убедитесь, что он соответствует стилю ваших писем и вашего сайта.
Dafont
Dafont предлагает огромную коллекцию шрифтов, которые доступны бесплатно.
MyFonts
ВMyFonts есть много платных шрифтов, но я рекомендую их по другой причине.С помощью этого веб-сайта вы можете определить шрифт или найти похожий, загрузив файл изображения. Конечно, вы не сможете загрузить шрифт, но одного его имени будет вполне достаточно для поиска указанного шрифта в другом месте (например, проверьте веб-сайт DaFont выше).
Google шрифтов
Множество бесплатных пользовательских шрифтов от Google. Кстати, вы просто добавляете любой пользовательский шрифт, в том числе Google Fonts, в нашу систему в несколько кликов.
300+ бесплатных шаблонов для удобного проектирования
Как пользоватьсяИконки
Всегда полезно использовать простые для понимания значки, например, в блоке «Контакты». Зачем писать «номер мобильного телефона», если вместо него можно просто добавить подходящий значок? На приведенных ниже веб-сайтах предлагается на выбор множество значков.
Флатикон
Flaticon предоставляет богатую коллекцию иконок в разных форматах. Вы можете легко работать с ними в редакторе электронной почты или в Photoshop.
Иконки8
Это меня спасает, когда Flaticon выходит из строя; бывает редко, но … :). Вы даже можете заказать нужные иконки бесплатно, если не можете найти нужную среди 60000+.
Цветовые схемы
Классическая черно-белая цветовая гамма сейчас в тренде. Вы можете ограничить вас этими двумя цветами (посмотрите примеры монохромных информационных бюллетеней), но если вы ищете какой-то особый дизайн информационного бюллетеня, эти веб-сайты как раз для вас.
Охлаждение
Этот ресурс генерирует цветовую схему из 5 основных цветов, которые вы можете использовать в дальнейшем дизайне информационного бюллетеня. Эти цвета можно настроить, изменить или заменить… Так что эта услуга действительно полезна.
RapidTables
Это универсальный конвертер цветов, в котором вы можете конвертировать цвета во множество других. Поддерживается преобразование между цветовыми моделями HEX, RGB / RGBA, HSL / HSLA, RGB / CMYK, XYZ, LAB.
Google Web Designer
Это хорошая альтернатива настольному фотошопу.Он занимает гораздо меньше места, чем Photoshop, но имеет аналогичные функции. В отличие от Photoshop, Google Web Designer можно использовать бесплатно.
Youtube видеоуроки
На каналах YouTube есть много полезных видео, авторы которых рассказывают нам, как создавать потрясающий графический контент, используя новейшие методы дизайна. Эти видео помогут вам освоить Photoshop и улучшить свои навыки создания классных графических элементов для ваших писем.
Имея под рукой такой полезный список, вам никогда не придется беспокоиться о нехватке идей или дополнительных ресурсов.Вышеупомянутые инструменты графического дизайна помогут вам всегда опережать своих конкурентов, поэтому попробуйте их без промедления!
.