Сайты полезные для дизайнеров: Сайты для дизайнеров — подборка самых полезных

Содержание

60+ полезных ресурсов для дизайнеров

Чтобы облегчить тяжелый труд дизайнеров всех мастей, AdMe.ru представляет ссылки на самые разные полезные для них ресурсы. Бесплатные шаблоны и шрифты, подбор цветов, создание иконок и многое другое — здорово, когда такие инструменты находятся под рукой!
 

Ресурсы с бесплатным дизайном

  • Dribbble: Большая подборка бесплатного дизайна с сайта Dribbble.
  • Graphic Burger: Дизайн, сделанный с любовью к каждому пикселю.
  • Pixel Buddha: Бесплатные и платные ресурсы для профессионального сообщества.
  • Premium Pixels: Дизайн для творческих людей.
  • Fribbble: Бесплатные PSD-шаблоны с сайта Dribbble.
  • Freebiesbug: Новые PSD-шаблоны и другие ресурсы для дизайнеров.
  • 365 Psd: Скачивайте новые PSD-шаблоны каждый день.
  • Dbf: Новые бесплатные подборки с Dribbble и Behance.
  • Marvel: Бесплатные ресурсы от дизайнеров, которых мы любим.
  • UI Space: Бесплатные ресурсы в хорошем качестве.
  • Free Section of Pixeden: Подборка бесплатных ресурсов.
  • Free Section of Creative Market: Подборки, выходящие каждый понедельник.
  • Freepik: Графические ресурсы для всех.
  • Tech&All: PSD-шаблоны и другие бесплатные ресурсы.
  • Tethr: Самые красивые подборки IOS design KIT.

Подбор цветов

  • Material Palette: Создавайте свои цветовые палитры.
  • New Flat UI Color Picker: Лучшие цвета для UI-дизайна.
  • Flat UI Colors: Красивые цвета.
  • Coolors: Быстрый генератор цветовых схем для дизайнеров.
  • Skala Color: Подбор цветов для дизайнеров и разработчиков.
  • Couleurs: Простое приложение для работы с цветом.
  • Material UI Colors: Цветовые палитры для Android, Web и iOS.
  • Colorful Gradients: Градиенты, которые автоматически создаются компьютером.
  • Adaptive Backgrounds: Выбирает преобладающие цвета на изображении.
  • Brand Colors: Цвета, которые используют известные бренды.
  • Paletton: Создание цветовых схем.
  • 0 to 255: Простой инструмент, помогающий найти вариации любого цвета.
  • Colour Lovers: Создавайте и делитесь цветами, палитрами и паттернами.
  • Adobe Color CC: Цветовые комбинации.
  • Bootflat: Идеальные цвета для дизайнеров.
  • Hex Colorrrs: RGB-конвертор.
  • Get UI Colors: Потрясающие UI-цвета.
  • Coleure: Подбор цветов.
  • Palette for Chrome: Создавайте цветовую палитру из любого изображения.

Бесплатные шрифты

  • TypeGenius: Найдите идеальную комбинацию шрифтов для вашего проекта.
  • Font Squirrel: Бесплатные шрифты.
  • FontFaceNinja: Расширение для браузера, которое находит шрифты, использующиеся на сайте.
  • Google Fonts: Бесплатные шрифты, оптимизированные для веба.
  • Beautiful Web Type: Лучшие шрифты из коллекции Google.
  • DaFont: Архив шрифтов для скачивания.
  • 1001 Free Fonts: Большой выбор бесплатных шрифтов.
  • FontPark: Большой архив шрифтов.
  • Font-to-width: Скрипт, располагающий шрифт по ширине окна.

Бесплатные иконки

Другие полезные ресурсы

  • UI Names: Генерирует случайные имена для использования в дизайн-макетах.
  • UI Faces: Найдите примеры аватаров для пользовательского интерфейса.
  • UI Blurbs: Генератор биографий пользователей для ваших макетов.
  • Copy Paste Character: Кликните, чтобы скопировать.
  • Window Resizer: Эмулятор разного разрешения экрана.

300 полезных сайтов в помощь дизайнеру

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

Дизайн (46)
Веб-дизайн(44)
Логотипы (13)
Удаленная работа (31)
Упаковка (5)
Ресурсы (32)
Иконки (19)
Цветовая палитра (19)
Для вдохновения (22)
Flash (4)
Видео и анимация (7)
Типографика и шрифты (10)
Персональные дизайнерские блоги и сайты (14)
Фотообработка онлайн (10)
Разное (21)

Дизайн

  1. abduzeedo.com — сайт о логотипах и дизайне с подробными объяснениями.
  2. davidairey.com — официальный сайт дизайнера David Airey, здесь он делится своим опытом в дизайне.
  3. behance.net — большая подборка работ различных художников, людей искусства со всего мира.
  4. designiskinky.net — австралийский сайт о дизайне, только новости дизайна.
  5. freelancefolder.com — блог-сообщество фрилансеров с регулярными статьями, как организовывать свою работу вне штата.
  6. youthedesigner.com — незаурядный сайт с разнообразными статьями о графическом дизайне.
  7. bangbangstudio.ru — качественный российский сайт для иллюстраторов с интересными дизайнерскими работами.
  8. crazypixels.net — здесь собраны туториалы для photoshop, полезные статьи о дизайне.
  9. creativebloq.com — интернет-журнал о компьютерном искусстве.
  10. lookatme.ru — социальная сеть, где много-много дизайнеров.
  11. ucreative.com — много интересных статей, сайт на английском.
  12. designmodo.com — на этом сайте часто появляются интересные статьи и ресурсы. Здесь есть уникальные Photoshop туториалы, навряд ли вы их встретите на других сайтах.
  13. instantshift.com — отличный ресурс по подборке дизайна для сайта.
  14. dejurka.ru — очень качественный российский ресурс с уникальным контентом.
  15. piccsy.com —  очень много потрясных картинок, надписей и фотографий. Огромный полет для творчества.
  16. render.ru — ну просто замечательный сайт для любого дизайнера, особенно меня вдохновляет 2D галерея аварда. Безусловно в закладки.
  17. dribbble.com — огромное количество работ различных дизайнеров, заходи обязательно!
  18. deviantart.com — мегакрутые работы, очень много талантливых и профессиональных дизайнерских проектов. Кто не знает этот сайт? Да каждый дизайнер на него заходил, все сливки общества здесь!
  19. techdesigner.ru — само название говорит за себя.
  20. fubiz.net — замечательный блог о дизайне, который постоянно обновляется, здесь вы узнаете новинки дизайна.
  21. aisleone.net — статьи о дизайне с примерами работ, англоязычный сайт.
  22. visuelle.co.uk — сюда я захожу частенько, когда требуется вдохновение и настрой к тех.дизайну, сборка различных студий расскажет и покажет что к чему.
  23. siteinspire.com — интересный ресурс, со множеством примеров в различных направлениях графического дизайна.
  24. awwwards.com — здесь только лучшие работы дизайнеров, словом AWARD.
  25. yankodesign.com — красивые рекламные фотографии.
  26. topdesignmag.com — интересные статьи из мира дизайна с красивыми картинками, как мы любим.
  27. butdoesitfloat.com — один из лучших блогов по граф.дизайну/современному искусству.
  28. fastcodesign.com — креативные идеи в мире дизайна, много красивых презентаций и видео.
  29. oneeyeland.com — огромная галерея работ, плюс интересные статьи.
  30. thebestdesigns.com — работы дизайнеров и фотографов, рекламные идеи, много креатива с потрясающим качеством работ.
  31. tutorial9.net — здесь можно найти ссылки на различные ресурсы.
  32. graphic-exchange.com — блог о дизайне, с красивыми фотографиями и работами.
  33. tympanus.net/codrops — обо всем.
  34. designgu.ru — здесь не только о графике, но и о фотографии и lightroom, много полезной информации, вообще разработчики молодцы, интересный ресурс.
  35. popsop.ru — новости в мире дизайна.
  36. informationisbeautiful.net — учимся предоставлять информацию красиво.
  37. industrialdesignserved.com — о промышленном дизайне.
  38. dburn.ru — фотографии на различную тематику, бесплатный фотосток.
  39. thefabweb.com — здесь можно взять любое понравившееся фото.
  40. designet.ru — все о промышленном дизайне, часто организовывают различные конкурсы для дизайнеров.
  41. pinwin.ru — дизайнерам интерьера придется по вкусу этот ресурс.
  42. artageless.com — очень много всего о дизайне и для дизайна.
  43. uxmag.com — здесь много полезных статей. Все статьи написаны специалистами, будьте уверены, каждая новость проходит тщательную проверку и отбор.
  44. ia.net/blog — блог об информационной архитектуре.
  45. uxmovement.com — блог, в котором вы узнаете как плохой интерфейс может влиять на поведение пользователя.
  46. heydesigner.com — рассылка материалов ежедневная/еженедельная для дизайнеров.

Веб-дизайн

  1. noupe.com — отличный сайт о веб-дизайне и веб разработках. Постоянно обновляются новости, и много-много креативных идей, есть чему поучиться.
  2. smashingmagazine.com — эта информация подойдет как начинающему разработчику, так и профессионалу в области дизайна.
  3. alistapart.com — еще один островок в море блогов, посвященный веб-дизайну.
  4. sitepoint.com — очень разнообразный сайт: графика, css, ajax.
  5. webappers.com — блог, содержащий множество исходников, распространяемых по принципу open-source и предназначенный для веб-разработчиков и дизайнеров.
  6. happycog.com — на этом сайте его создатели публикуют свои собственные красивые веб-сайты и делятся лучшими из своих идей.
  7. webdesignerwall.com — каждый дизайнер должен знать, пусть даже если он не интересуется веб-дизайном.
  8. vandelaydesign.com — сборник отличных статей из различных медиаресурсов. Веб-дизайнер, тебе понравится!
  9. bestwebsite.gallery — знакомимся с модными тенденциями в мире веб дизайна.
  10. octaveoctave.com — очень полезный ресурс, зайдем на внутренние страницы.
  11. zurb.com — хорошая библиотека современного веб-дизайна.
  12. firefreebies.com — здесь можно скачать понравившуюся работу, тоже хорошая сборка качественного дизайна, жаль мало шаблонов.
  13. premiumpixels.com — неплохая сборка по навигации для сайта.
  14. spoongraphics.co.uk — можно скачать кучу фонов, векторной графики и т.д., на первый взгляд все туториалы платные, но это не так, заходите, выбирайте, бесплатно, без регистрации, проверено!
  15. onepagelove.com — коллекция одностраничных сайтов.
  16. line25.com — полезный блог для веб-дизайнера, свежие новости, примеры работ, советую к просмотру.
  17. houseofbuttons.tumblr.com — примеры навигации для сайта.
  18. stockvault.net — стильные сайты, будьте в тренде, вдохновляйтесь, черпайте идеи.
  19. minimalexhibit.com — портфолио веб дизайнеров, flat-дизайн.
  20. foliofocus.com — работы известных фирм, следим за новинками в мире веб дизайна.
  21. webdesignerdepot.com — новости в мире дизайна.
  22. webdesignledger.com — новости + ссылки на полезные ресурсы, на которых можно скачать понравившиеся шаблоны и не только.
  23. 24ways.org — здесь я часто смотрю о новшествах в навигации, много статей по цвету, оттенкам, да и вообще информативный ресурс (все статьи от профессионалов)
  24. design-mania.ru — блог о вебдизайне
  25. womtec.ru — блог вебмастеров
  26. cssbeauty.com — есть полезная информация
  27. bestwebgallery.com — очень полезная дизайн-галерея, которая подойдет для дизайнеров разных направлений.
  28. cssremix.com — современные интересные идеи по одностраничным сайтам можно черпать отсюда.
  29. templatemonster.com — каталог веб-студий. Уверена, этот сайт знает каждый разработчик.
  30. share-design.ru — много полезной информации и бесплатные шаблоны сайтов.
  31. templated.co — 845 бесплатных шаблонов HTML5 и CSS
  32. optimizilla.com — оптимизация изображений на сайте, изображения будут занимать меньше места и загружаться быстрее
  33. easel.ly — создание неповторимой инфографики.
  34. freebiesbug.com — самые свежие бесплатности.
  35. html5gallery.com — хорошие идеи для вашего ресурса.
  36. minimalsites.com — здесь собраны интересные сайты в стиле минимализма.
  37. webnews.ws — бесплатные шаблоны различных сайтов, все в psd, по слоям, как нам нравится.
  38. ruseller.com — уроки, исходники, шаблоны и много полезной информации.
  39. templaza.com — шаблоны и плагины для джумлы, для вордпресса, все распределено в тематическом каталоге.
  40. https://wordpress.com/themes — здесь большое количество бесплатных и платных шаблонов, и буквально все мне очень нравятся, это вордпресс. Если нужна идея, это место для вас, вдохновляемся и вперед к своему уникальному творению!
  41. responsivedesignchecker.com — проверка сайта на адаптивность. Рекомендую всем.
  42. megatimer.ru — генератор счетчиков/таймеров
  43. livetools.uiparade.com — генератор иконок, форм, лент для сайта
  44. websiteplanet.com — хороший англоязычный ресурс для начинающих веб-дизайнеров

Логотипы:

  1. logodesignlove.com — сайт о логотипах и только. Регулярное обновление новостей.
  2. logopond.com — сайт о логотипах. Много красивых примеров.
  3. logaster.com — здесь можно сгенерировать свой логотип. В маленьком размере бесплатно, можно использовать любителям создавать шаблоны, либо для примера клиентам, когда в шапку нечего поставить (из-за отсутствия логотипа у заказчика). Сервис очень выручает.
  4. squarespace.com/logo — маленькие логотипы бесплатно.
  5. hipsterlogogenerator.com — генератор логотипов для хипстеров.
  6. logotypes101.com — бесплатные векторные логотипы.
  7. logobaker.ru — кухня логомэйкеров.
  8. logofury.com — креативные идеи для создания логотипа.
  9. logomoose.com — сборка логотипов со всего мира, лучших логотипов на мой взгляд.
  10. Canva — работы различных логодизайнеров, достаточно хорошие работы!
  11. logofaves.com — отличная постоянно обновляющаяся галерея идей, плюс есть победители каждую неделю, так что обязательно участвуйте!
  12. thedesigninspiration.com — отличная подборка логотипов, просто смотрим и вдохновляемся. Многие идеи оригинальны, удивляюсь фантазии разработчиков.
  13. thelogomix.com — тоже неплохая подборка логотипов.

Удаленная работа:

  1. profitcentr.com — здесь часто подрабатываю, когда устаю от дизайна и программирования. Выполняете задания, типа «подпишитесь на меня в вк», вступите в группу фб, лайкните инсту. И за это платят, суммы небольшие, но на продление интернета или на телефонию хватает. А если вы трудолюбивы, то можно заработать нормально. Бывало по 700-1000р. в день выходило. Далее приведу примеры сайтов более подходящих дизайнерам.
  2. fl.ru/projects — здесь можно заработать на дизайне. Новые предложения от заказчиков практически каждый час, ставьте уведомление на email, и вы будете в курсе новых вакансий и проектов. Один огромный минус ресурса — на многие работы нельзя оставить заявку без PRO-аккаунта, за который надо платить 🙁
  3. https://ru.jobsora.com/ — Разве не было бы замечательно, если бы вы могли искать вакансии на нескольких разных сайтах в одном месте? Ну, теперь вы можете! https://ru.jobsora.com/ избавляет от необходимости посещать многочисленные сайты, чтобы найти следующую ступень в своём развитии, экономя ваше время и делая поиск работы более эффективным. Кроме того, вы можете воспользоваться бесплатной услугой Jobsora, которая связывает соискателей с соответствующими работодателями! Посетите Jobsora, чтобы найти тысячи рабочих мест в России.
  4. masterbundles.com — на этом сайте любой дизайнер может попробовать продать свои работы западным клиентам. Если не знаете английского — не беда, менеджер поможет все оформить.
  5. Исполню.ру — отличный вариант для дизайнеров продавать услуги по собственным ценам. Регистрируетесь, публикуете услугу (например, «нарисую логотип» или «создам дизайн 1 страницы сайта»), указываете стоимость от 300 до 15000 руб и срок выполнения. Всё! Далее получаете заказы.
  6. moguza.ru — интересный сервис, не похож на другие биржи, здесь каждое объявление начинается с «МОГУ ЗА…» с выбором определенной цены, все просто, доступно и оригинально. В особенности отмечу раздел «самые безумные ворки», обязателен к просмотру. У меня здесь партнерка, если регаетесь, получаете 100 бонусов на баланс … это примерно пара бесплатных ворков для ознакомления. А вот регистрироваться лучше по этой ссылке http://moguza.ru/?promo=2131819213941 так как вам подарят 100 бонусов, эквивалентно 100 рублям. На них можно купить понравившиеся ворки, либо прорекламировать себя.
  7. kwork.ru — регистрируемся как продавец или покупатель какой-либо услуги (что вам больше подходит). Хороший сервис, советую.
  8. 5bucks.ru — отличный ресурс для заработка, цена работ фиксированная 5$
  9. blogging.im — сообщество всех внештатных дизайнеров для работы за рубежом.
  10. work-zilla.com — удобное переключение от заказчика до исполнителя. Работы, они же «ворки», от 100 р до 35000 р.
  11. profittask.com — вот здесь задания типа «зайди в гугл, установи приложение, удали приложение» ну и много разной мелочевки, так сказать для ленивых 😉 в выходные здесь провожу время, за которое еще и платят, ну не так много, и мне нравится.
  12. upartner.pro — проект юкоZа или совместный проект с UCOZ, лично я захожу через свой Ui аккаунт. Кто работал с этим движком, поймут что к чему. Понятный и приятный интерфейс, удобная навигация.
  13. freelance.ua — крупная украинская биржа труда, обязательно регистрируемся.
  14. free-lancing.ru — хотелось бы почаще обновлений о работе, а так все отлично.
  15. freelance-tomsk.ru — редко обновляется, но клиенты находятся.
  16. revolance.ru — еще реже обновления, и все же регистрируемся.
  17. dalance.ru — тоже неплохой поиск работы и заказов.
  18. itfreelance.by — здесь только для it-разработчиков и дизайнеров.
  19. kitwork.net — биржа фриланса, пока только развивается.
  20. web-lance.net — редко обновляется в сравнении с другими ресурсами, но сайт развивается, думаю скоро станет отличной платформой для бизнеса в сети.
  21. indeed.com
  22. дизайнером.рф — нормальный ресурс, выложила здесь портфолио, и не думала, что будут  заказы, что удивительно бОльшая популярность у меня именно на этом ресурсе.
  23. freelance.ru
  24. free-lancers.net
  25. best-lance.ru
  26. 24freelance.net — биржа фриланса, пока что развивающаяся, но с большими надеждами на будущее.
  27. freelancehunt.com — редко обновляется, но кто знает, лучше зарегистрироваться сейчас.
  28. allfreelancers.su
  29. freelancejob.ru
  30. gorodrabot.ru — дополнительно на сайте бесплатно предоставляется статистика зарплат и вакансий по отдельным городам и специальностям. Это поможет вам понять, на какую зарплату рассчитывать, какие специальности и работодатели наиболее востребованы.
  31. freelancerbay.com — обязательно регистрируйтесь.

Упаковка:

  1. thedieline.com — этот ресурс считается мировым информационным ресурсом об упаковке.  Здесь вы найдете всю информацию по дизайну упаковки.
  2. wtpack.ru — блог об упаковке.
  3. lovelypackage.com — подборки классных упаковок.
  4. packagedesignmag.com — интернет-версия авторитетного журнала Package Design Magazine. Все самое модное в мире упаковки, много комментариев, обзоров и статей.
  5. packagingoftheworld.com — дизайн различных упаковок со всего мира, достаточно информативный сайт.

Ресурсы

  1. designfloat.com — здесь ссылки на ресурсы, где есть все: туториалы, шаблоны, уроки, flash и т.д.
  2. psd.tutsplus.com — уроки по веб-дизайну как для новичков, так и для ассов.
  3. bluevertigo.com.ar — здесь ссылки на все фотобанки интернета (крупные фотобанки).
  4. sxc.hu — самый крупный фотобанк интернета, а главное бесплатный.
  5. dafont.com — более 10 000 шрифтов любого вкуса.
  6. bittbox.com — сайт посвящен всем дизайнерским нуждам: узоры, текстуры, кисти, а самое главное консультации. Опять же как мы любим — все БЕСПЛАТНО!
  7. lenagold.ru — отличный сайт со множеством клипартов, уже вырезанных на прозрачном фоне, здесь и текстуры, и рамочки, и т.д., много psd картинок. Люблю этот сайт.
  8. allday.ru — замечательные материалы под любые дизайнерские нужды.
  9. 365psd.com — каждый день здесь появляются новые и бесплатные psd ресурсы. Спасибо создателю/лям!
  10. ru.clipart.me — более 40 тыс полезных материалов, векторная и растровая графика, по слоям, для иллюстратора и корела тоже есть, и очень много. Все бесплатно!
  11. 1001freedownloads.com — фотографии, обои, кисти, фоны и много-много еще чего. Весь материал в свободном скачивании (БЕСПЛАТНО)
  12. breezyprague.com — есть полезный материал, качайте на здоровье (больше разработчикам сайтов), материала чуть меньше, чем в предыдущих сайтах, но тоже выручает. Думаю, итак все понятно
  13. pixelbuddha.net — сборник бесплатных элементов с разных ресурсов.
  14. uispace.net — много мокапов, иконок, сайтов, в psd по слоям.
  15. techandall.com — бесплатная графика, стокфото.
  16. fotolia.com — частенько использую мелкие изображения 🙂
  17. photoshop-orange.org — все для фотошопа, в особенности выделю скрап-наборы и рамки для Photoshop.
  18. all-free-download.com — полным-полно качественного векторного клипарта!
  19. hameleons.com — различный клипарт
  20. 0lik.ru — набор разного клипарта
  21. all-clipart.net — много фотографий и хорошего клипарта

Иконки:

  1. fontello.com — генерируйте шрифтовые элементы из иконок здесь!
  2. fortawesome.github.io/Font-Awesome — или здесь (тоже шрифтовой генератор).
  3. flaticon.com — плоские векторные иконки.
  4. endlessicons.com — огромное количество плоских иконок.
  5. iconsweets.com — сборка иконок от Photoshop.
  6. glyphsearch.com — пиктограммы ищем здесь.
  7. makeappicon.com — генератор иконок для различного рода приложений.
  8. icomoon.io — более 3х с половиной тысяч иконок в векторном формате.
  9. thenounproject.com — сообщество создателей иконок.
  10. perfecticons.com — пиктограммы для социальных сетей.
  11. iconfinder.com/free_icons — ресурс по поиску иконок.
  12. roundicons.com/doodle-icons-free-set — 50 забавных doodle-иконок.
  13. roundicons.com/free-icons — 60 круглых плоских иконок.
  14. roundicons.com/free-vector-line-icons-set — а здесь сборка круглых иконок (все иконки векторные).
  15. favicon.ru — мой любимый генератор иконок для сайта.
  16. iconizer.net — иконки для вашего сайта на любой вкус и цвет.
  17. iconfinder.com — и тут отличный ресурс по иконкам.
  18. getbootstrap.com — иконки для бутстрап
  19. iconmonstr.com — много иконок (ищем в поиске на английском языке)

Цветовая палитра

  1. materialpalette.com — создает палитру при выборе двух цветов.
  2. materialui.co/colors — еще палитра для material design.
  3. flatuicolorpicker.com — выбираем цвет интерфейса.
  4. getuicolors.com — еще поиск цвета интерфейсов.
  5. flatuicolors.com — красивые flat-цвета.
  6. bootflat.github.io/color-picker.html — хороший сайт flat-цветов.
  7. coolors.co — быстрота создания палитры на 5 цветов.
  8. bjango.com/mac/skalacolor — необычная пипетка для подбора цвета.
  9. couleursapp.com — сервис копирования цвета, который вам понравится с экрана.
  10. colorfulgradients.tumblr.com — автоматическое создание градиентов.
  11. briangonzalez.github.io/jquery.adaptive-backgrounds.js — плагин, который выделяет преобладающий цвет в изображении, затем делает его фоном.
  12. brandcolors.net— цвета известных брендов.
  13. paletton.com — создание палитры цветов. Очень удобная штука.
  14. color.adobe.com/ru/create/color-wheel — палитра от Adobe.
  15. 0to255.com — подбираем оттенки цветов.
  16. colourlovers.com — любителям подбора идей и брендов. Эта цветовая палитра для вас!
  17. hex.colorrrs.com — конвертируем из Hex в RGB.
  18. coleure.com — умный подбор цвета.
  19. colllor.com — еще один генератор, и довольно хороший.

Для вдохновения

  1. wikiart.org/en/paintings-by-style — энциклопедия искусства.
  2. petergreen.tumblr.com — фотоснимки из жизни.
  3. wallcoo.net — потрясающие обои на рабочий стол.
  4. adme.ru — редкие фотографии, рекламные подходы, красивый арт, и всему этому сопутствует описание, не только вдохновляющий, еще и информативный ресурс.
  5. fashionserved.com — о стиле, моде в фотографии.
  6. render.ru/gallery/?gal_rub=28&gal_add=award — и опять мой любимый render 🙂 часто захожу за вдохновением, отличные AWARD-работы, за которыми слежу вот уже более 5 лет, с тех самых пор, когда ресурс был на graphics.ru.
  7. photocasa.ru — журнал о фотографии PhotoCASA.
  8. fotose.com — а это отличная соц. сеть для фотографов, можете тоже делиться своими фотоснимками. Очень много достойных работ.
  9. temos.ru — сайт посвящен только свадебной тематике, профессиональные свадебные фотографии, ну и много полезной информации на эту тему. И самое главное, все работы выполнены профессионалами.
  10. airpano.ru — 3d панорамы мира, выбирайте любое место на земле, над землей, под водой. Очень красивое зрелище с приятной фоновой музыкой.
  11. unsplash.com — креативные фотографии.
  12. 500px.com — красивые атмосферные фотографии.
  13. photoshelter.com — портфолио профессиональных фотографов
  14. lightroom.ru/gallery — здесь галерея фотографий обработанных с помощью Lightroom.
  15. bushrenz.com — красивый сайт, не забудьте включить звук 😉
  16. siiimple.com — минимализм.
  17. digitalabstracts.com — абстракция.
  18. exodusgodsandkings.com — как снимали «Боги и короли». Просто красивый сайт.
  19. jviewz.com — смотрим, вдохновляемся (со звуком).
  20. bookcoverarchive.com — сборка дизайнов разных времен, много ретро. Потрясающие работы.
  21. designspiration.net — дизайны всего со всего мира, чепаем новые идеи.
  22. buamai.com — фотосток на различную тематику.

Flash

  1. labs.adobe.com — новые технологии и обновления от Adobe.
  2. coenraets.org — блог для разработчиков во Flex.
  3. flasher.ru — один из крупнейших форумов флешеров. Здесь и совет дадут и обучат )
  4. thefwa.com — здесь собраны FLASH-сайты высокого качества.

Видео и анимация:

  1. motionographer.com — международный ресурс для профессиональных аниматоров.
  2. fxguide.com — крупное сообщество о видео.
  3. videocopilot.net — сайт предоставляет бесплатные консультации по специальным видео-эффектам.
  4. animator.ru — русский аналоговый сайт про видео и анимацию.
  5. motionworks.com.au — сайт John Dickinson. Просто вдохновляющий сайт.
  6. motiongraphics.it — много полезного об анимации.
  7. videocopilot.net — туториалы, 3d, хорошая галерея работ, часто посещаю этот ресурс.

Типографика и шрифты

  1. ilovetypography.com — вы тоже полюбите этот ресурс, я уверена.
  2. typographe.com — сайт о типографике по-французски.
  3. slanted.de — крупный немецкий сайт о типографике с огромным количеством примеров.
  4. paratype.ru — сайт посвящен только шрифтам, вы будете в восторге.
  5. typofonderie.com — коллекция шрифтов
  6. webfont.ru — шрифты, подойдут разработчикам, ну и дизайнеру конечно! БЕСПЛАТНО.
  7. ph5.ru — эти шрифты отлично подойдут для баннеров, листовок и открыток.
  8. fontshop.com — конкретно о шрифтовом дизайне.
  9. google.com/fonts — бесплатные шрифты от google. Отлично подойдут веб-дизайнерам (для сайтов).
  10. typographyserved.com — креативная типографика.

Персональные дизайнерские блоги и сайты

  1. elliotjaystocks.com — блог графического дизайнера Elliot Jay Stocks.
  2. veerle.duoh.com — очень красивый блог. Подробные статьи и профессиональные консультации. Рекомендую.
  3. snook.ca — полезные советы и хитрости от графического дизайнера, писателя и разработчика Jonathan Snook.
  4. stuffandnonsense.co.uk — очень крутой и лучший на мой взгляд блог о веб-дизайне.
  5. blogof.francescomugnai.com — блог итальянского дизайнера Francesco Mugnai, вдохновляйтесь здесь.
  6. lysergid.com —  французский блог, много полезного.
  7. blog.iso50.com — отличный блог дизайнера Scott Hansen.
  8. blogs.adobe.com — блог графического дизайнера John Nack. Статьи о графике, и об Adobe.
  9. weebls-stuff.com — отличный блог флэш-аниматоров.
  10. paris.blog.lemonde.fr — блог всеми известного Питера Гэйбора (Peter Gabor), здесь много вдохновляющих постов, читайте.
  11. vladstudio.com — красивые работы, думаю, согласятся все.
  12. lotusart.de — официальный сайт Alexander Beim. В принципе с него и началось мое увлечение графикой. …и та самая магическая коробка, смотрим работы, восхищаемся )
  13. pedramk.com — дизайнер-визуализатор Perdam Karimfazli, здесь вы найдете много известных работ.
  14. mattrobot.com — отличные иллюстрации от дизайнера Matt Talbot.

Фотообработка онлайн:

  1. canva.com — отличный онлайн-сервис обработки фотографий (можно отразить ваше фото зеркально, повернуть в любую сторону, плюс полезные фильтры). Часто пользуюсь этим сервисом при выкладывании фотографий в соцсеть + приятный интерфейс.
  2. instagram-foto.ru — фотоэффекты как в инстаграм (эффект ретро).
  3. picmonkey.com/editor — фотоэффекты + различные стикеры поверх фотографии.
  4. fotor.com
  5. photocat.com
  6. befunky.com
  7. photobucket.com/editor
  8. ipiccy.com
  9. fotoflexer.com
  10. popartstudio.nl — сервис позволяет сделать из своей фотографии оригинальную картинку в стиле попарт.

Разное

  1. flickr.com — огромная соц.сеть, где миллионы людей ежедневно делятся своими фотографиями. Вы найдете как начинающих фотографов, так и профессионалов.
  2. computy.ru — блог моего друга-программиста, часто захожу посмотреть новые заметки, и вам советую, пригодится
  3. hypebeast.com — модный журнал о культуре, дизайне и графике.
  4. tumblr.com — блоги обо всем. Много постов с красивыми огромными картинками, регистрируйтесь.
  5. pttrns.com — интерфейсы для мобильных устройств.
  6. mobile-patterns.com — приложения для мобильных устройств и интерфейсы.
  7. likecool.com — много разных креативностей.
  8. smashingjournal.ru — о том, как выгодно продать свои работы. Очень интересные статьи, подойдет всем фрилансерам рунета.
  9. pinterest.com — можно завести свой блог.
  10. favim.ru — коллекция гивок, и можно создать свою галерею картинок.
  11. phototalents.ru — много фотографий, каринок и уроков по фотографии.
  12. linksfarm.ru — генератор статей.
  13. admagazine.ru — журнал о дизайне, не только графическом.
  14. secondstreet.ru — сборка креативных идей.
  15. zarabotaydengi.com — немного о том как заработать на конкурсах и вообще на фрилансе
  16. pinme.ru — много оригинальный работ, регистрируйтесь и тоже участвуйте.
  17. translate.google.ru — гугл-переводчик, пользуюсь, когда просматриваю иностранные сайты о дизайне.
  18. pr-cy.ru — проверка текста на уникальность
  19. timeweb.com — завершу свой список хостингом, который всем рекомендую, если планируете создавать свой сайт. Цены дешевые, поддержка круглосуточная, я довольна. Очень подойдет для начинающих из-за удобного интерфейса.
  20. ruweb.net — здесь можно купить дешевый домен
  21. blogun.ru — сервис поможет в раскрутке вашего сайта

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

100 полезных сайтов о дизайне.

1. www.abduzeedo.com
Отличный сайт про логотипы и дизайн вообще.

2. www.freelanceswitch.com
Сообщество всех внештатных дизайнеров для работы за рубежом.

3. www.free-lance.ru
Подобное сообщество внештатных дизайнеров в русском варианте.

4. www.computerarts.co.uk
Международный интернет-журнал о компьютерном искусстве.

5. www.vk.com/drawing_lessons
Множество полезных книг и видеоуроков.

6. www.davidairey.com
Сайт дизайнера Дэвида Эрейа. Здесь он делится своим опытом в сфере графического и лого дизайна.

7. www.behance.net
Сайт, собравший в себе портфолио художников, дизайнеров и людей искусства со всего мира. Честно говоря, по-настоящему вдохновляющий сайт.

8. www.pdf-mags.com
Очень хороший ресурс со всевозможными дизайнерскими журналами в формате PDF.

9. www.rootsarts.net
Форум для активных графических дизайнеров. С небольшим уклоном для начинающих.

10. www.artperm.ru
Русский форум дизайнеров. Дискуссии, взаимовыручка, обсуждения ваших работ и профессиональных проблем.

11. www.designiskinky.net
Австралийский сайт о дизайне.

12. www.freelancefolder.com
Фрилансерское блог-сообщество с регулярными статьями и постами. Очень разнообразное.

13. www.bittbox.com
Сайт, посвященный всем дизайнерским нуждам. Текстуры, кисти, узоры, а так же консультация всех желающих. И все это абсолютно бесплатно, как мы любим.

14. www.allday.ru
Ну а это всем известный русский сайт-аналог. Здесь тоже все бесплатно и достаточно качественно.

15. www.lenagold.ru
Не могу не сказать про этот очень богатый сайт, специализирующийся преимущественно на клипартах. А вообще настоятельно советую либо покупать либо самим создавать неповторимые снимки.

16. www.vandelaydesign.com
Собрание очень хороших статей из медиа ресурсов. Особенно понравится этот сайт веб-дизайнерам.

17. www.youthedesigner.com
Этот сайт полон разнообразных статей о графическом дизайне. Очень интересный и незаурядный.

18. www.designyoutrust.com
Ежедневный дизайнерский журнал, публикующий статьи о новых направлениях в дизайне, новости и события, отличные дизайнерские портфолио и выборочные, тщательно отсортированные дизайнерские проекты со всего мира.

19. www.lookatme.ru
Большая социальная сеть, место объединения огромного числа авторов. На сайте так же есть раздел о дизайне.

Веб-дизайн

20. www.noupe.com
Отличный сайт о веб-дизайне и веб-разработках (CSS, Ajax).

21. www.smashingmagazine.com
Здесь есть информация обо всем, что нужно как начинающему разработчику, так и профессионалу в области дизайна.

22. www.thinkvitamin.com
Ресурс для разработчиков, веб-дизайнеров и предпринимателей.

23. www.24ways.org
Качественные статьи по дизайну и разработке.

24. www.alistapart.com
Еще один островок в море блогов, посвященных веб-дизайну. Очень хорошие и полезные статьи от самых разных авторов.

25. www.sitepoint.com
Очень разнообразный сайт: графика, CSS, AJAX.

26. www.design-mania.ru
Здесь вы найдете интересные и полезные статьи по дизайну, верстке, юзабилити, а также сможете скачать материалы для своих проектов (иконки, кисти, шрифты и т.п.) Проект пригодится как профессионалам, так и абсолютным новичкам, жаждущим познать секреты веб-дизайна.

27. www.designgu.ru
Сайт с новостями про веб-дизайн и не только.

28. www.webappers.com
Блог, содержащий множество исходников, распространяемых по принципу open-source и предназначенный для веб-разработчиков и дизайнеров.

29. www.happycog.com
На этом сайте его создатели публикуют свои собственные красивые веб-сайты и делятся лучшими из своих идей.

30. www.webdesignerwall.com
Каждый дизайнер должен знать, пусть даже если он не интересуется веб-дизайном.

Ресурсы

31. www.designfloat.com
Сайт по типу сайта digg.com, только на тему дизайна.

32. www.psd.tutsplus.com
Сайт с очень хорошими пошаговыми уроки по веб-дизайну, как для новичков, так и для профессионалов.

33. www.bluevertigo.com.ar
Настоятельно рекомендую этот сайт, в котором собраны ссылки на, пожалуй, все крупные фотобанки интернета.

34. www.sxc.hu
Один из самых крупных, любимых и бесплатных фотобанков интернета. Хороший выбор изображений любого качества и тематики.

35. www.iconfinder.com
Название сайта говорит само за себя.

36. www.dafont.com
Один из моих самых любимых сайтов, посвященных шрифтам. Более 11,000 шрифтов на любой вкус.

37. www.womtec.ru
Еще один сайт, посвященный шрифтам. Большое количество хороших, интересных русских шрифтов. Скачать можно бесплатно.
Более полную подборку, касательно исключительно типографики и соответствующих ресурсов смотрите здесь.

38. www.wind.ne.jp
Хаотичный японский сайт, посвященный шрифтам. Тем не менее здесь можно найти очень много интересных вещей, в частности шрифтов, причем бесплатных.

39. www.colourlovers.com
Один из самых крупных ресурсов с огромной коллекцией цветовых сочетаний, которые можно сохранить в любом удобном для вас формате.

Подборки

40. www.commandshift3.com
Вы когда-нибудь слышали про hot or not? Так вот этот сайт построен по такому же принципу, только в сфере веб-дизайна. Ты выбираешь самые лучшие сайты, на свое усмотрение. Есть возможность проверить на прочность и собственный сайт, если такой имеется.

41. www.showcasepoint.com
Здесь расположились многочисленные подборки Flash и CSS сайтов, с возможностью уникальной сортировки. Сайт приятный и очень крупный, есть что посмотреть.

42. www.zeniltuo.com
Это крупная база данных сайтов, сделанных во Flash и CSS.

43. www.thefwa.com
Главным образом здесь собраны флэш-сайты в очень высоком качестве. Вдохновляющая подборка, если честно.

44. www.cssmania.com
Другие, но не менее привлекательные подборки CSS-сайтов.

45. www.cssremix.com
Очень хорошая галерея из CSS-сайтов.

46. www.bestwebgallery.com
А эта веб-галерея одна из моих самых любимых. Отличный выбор для дизайнера.

47. www.screenfluent.com
А этот сайт – отличный выбор веб-дизайнеров.Большое количество категорий, структур, светов, стилей и т.д.

48. www.w3csites.com
Отличный выбор для разработчиков W3C-сайтов.

49. www.cssbeauty.com
Хорошая галерея. Ребята публикуют очень интересные статьи о разработке веб-сайтов и регулярно следитят за новостями своей сферы деятельности.

50. www.edustyle.net
Школы и университеты тоже имеют право быть представленными в галерее. Вот эта вот особенно интересна.

Разработчикам

51. www.problogger.net
Один из лучших блогов, можно сказать, незаменимый в списке каждого веб-програмиста.Каждый блогер должен знать!

52. www.problogdesign.com
Собрание полезных советов для улучшения вашего блога. Только качественные статьи.

53. www.wpdesigner.com
Блог, ориентированный на разработчиков всех уровней.

54. www.ajaxrain.com
Самая крупная электронная библиотека, посвященная исключительно Ajax.

55. www.css3.info
Сайт будущих стандартов. CSS3, дамы и господа!

56. www.cssglobe.com
Сайт содержит ссылки на лучшие статьи касательно разработки CSS для сайтов.

Флэш

57. www.labs.adobe.com
Новые технологии и обновления от Adobe.

58. www.coenraets.org
Блог для разработчиков во Flex.

59. www.flasher.ru
Один из крупнейших форумов для людей, делающих работы на флэше. Огромное количество охваченной тематики, советы, вакансии, уроки, активные завсегдатаи-что ещё нужно любителю творить на флэше.

60. www.flashblog.ru
Блог, который был создан с одной целью – помочь новичкам в изучении Flash и языка программирования ActionScript. Если Вы собрались окунуться в мир флэш-технологий и не знаете с чего начать, не можете найти подробных примеров с исходниками, не знаете у кого спросить совета, тогда Вы попали точно в цель.

61. www.mikechambers.com
Блог Майкла Чэмберса специализируется на програмировании и технологиях.

62. www.blog.theflashblog.com
Блог о Action Script 3 и Flex.

63. www.jeanphiblog.media-box.net
Один из самых больших французских флешеров. Большое количество работ, но для некоторых Французский может стать проблемой.

Типографика

64. www.swisslegacy.com
Блог о типографии и швейцарском дизайне.

65. www.ilovetypography.com
Название говорит само за себя. Обязательно зайдите, вам понравится, ручаюсь!

66. www.paris.blog.lemonde.fr
Блог знаменитого Питера Гэйбора, публикует невероятно вдохновляющие посты (и на английском языке тоже).

67. www.typographe.com
Сайт про типографику по-французски.

68. www.slanted.de
А это крупный немецкий сайт о типографике. Полный теории, примеров и полезных советов.

69. www.paratype.ru
От себя добавлю это маленькое приложение, думаю оно порадует русских дизайнеров.

Видео и анимация

70. www.fubiz.net
Замечательный, ежедневно обновляющийся блог с веливолепными статьями о всем новом и интересном в дизайне.

71. www.motionographer.com
Международный ресурс для профессиональных аниматоров.

72. www.videocopilot.net
Сайт предоставляет бесплатные конультации по специальным видео эффектам.

73. www.motiongraphics.it
Итальянский блог, посвященный видео. Регулярное обновление и качественные статьи.

74. www.fxguide.com
Корупное сообщество о видео. Никогда ничего не пропускает.

75. www.motionworks.com.au
Сайт Джона Дикенсона. Просто вдохновляющий сайт.

76. www.animator.ru
Русский аналоговый сайт про видео и анимацию. Ежедневные новости, хорошие работы, книги. Воющем, сайт работает по типу все включено.

Персональные дизайнерские блоги

77. www.elliotjaystocks.com
Просто посмотрите его блог. Везде встречаю его имя.

78. www.veerle.duoh.com
Один из самых красивых, на мой взгляд, блогов в сети. Очень подробные статьи.

79. www.sushiandrobots.com
Дизайн Джины Болтон (также известной под именем Sushi Monster), автор книги «Искусство и Наука CSS» («Art & Science of CSS»), создатель Sexy StyleSheet, а также обладатель очень завидного портфолио.

80. www.snook.ca
Блог графического дизайнера, разработчика, писателя, лектора Джонатана Снука (Jonathan Snook). Полезные советы, хитрости графического и веб дизайна и многое другое.

81. www.stuffandnonsense.co.uk
Супер блог! Пожалуй один самых-самых лучших блогов о веб-дизайне в мире.

82. www.lysergid.com
Хороший французский блог. Качественные статьи, свежий дизайн.

83. www.blog.iso50.com
Отличный блог графического дизайнера Скотта Хэнсена.

84. www.blogs.adobe.com
Блог графического дизайнера Джона Нэка. Полные, подробные статьи о графике и пакете Adobe.

85. www.weebls-stuff.com
Флэш-аниматоры создали свой сайт, куда выкладывают свои потрясающие творения.

Web 2.0

86. www.netvibes.com
С 2005 года ребята занимаются вебом, публикуют свежие новости и свои работы.

87. www.delicious.com
Чтобы вам быть в кусре всех новостей, рекомендую регулярно посещать этот сайт.

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

89. www.facebook.com
Сайт послужит вам хорошим рекламным инструментом.

90. www.flickr.com
Огромная социальная сеть, где миллионы людей каждый день делятся своими фотографиями. Здесь можно найти как начинающих фотографов, так и метров этой профессии. Сайт богатый, советую взять на заметку тем, кто еще не знает о нем.

91. www.allgraphicdesign.com
Место встречи всех дизайнеров. Место где собрано все. От крупных коллекций и блогов до советов и видео уроков.

92. www.northxeast.com
Полезные статьи для блоггеров.

93. www.adsoftheworld.com
Место, где собрана только самая популярная и качественная реклама со всего мира.

94. www.netlore.ru
Это собрание всех только самых популярных явлений, видео, аудио, картинок, статей, феноменов, если хотите, со всего мирового интерета.

95. www.logopond.com
Все о логотипах. Отличные примеры, отличный сайт.

96. www.logodesignlove.com
Сайт сфокусированный только на логотипах. Регулярные новости и ресурсы.

97. www.splitdadiz.com
Французский сайт о дизайне. которые статьи есть на английском.

98. www.businessofdesignonline.com
Сайт для дизайнеров-фрилансеров с большим количеством ресурсов.

99. www.novate.ru
Интернет-сообщество о дизайне, объединяющее современных людей, которым интересны дизайнерские решения в самых разных областях.

100. www.artnotartnot.com
Блог о современном искусстве.

Подборка сайтов для дизайнеров | Создание сайтов, реклама в интернете, SEO-аудит сайта

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


Дизайн:

  • abduzeedo.com — отличный сайт про логотипы и дизайн вообще. Причем с подробными объяснениями.
  • freelanceswitch.com — сообщество всех внештатных дизайнеров для работы за рубежом.
  • davidairey.com — сайт дизайнера Дэвида Эрейа (David Airey). Здесь он делится своим опытом в сфере графического и лого-дизайна.
  • behance.net — сайт, собравший в себе портфолио художников, дизайнеров и людей искусства со всего мира.
  • designiskinky.net — австралийский сайт о дизайне. Сфокусирован только на новостях дизайна.
  • freelancefolder.com — фрилансерское блог-сообщество с регулярными и очень полезными статьями о том, как лучше организовать работу вне штата.
  • bittbox.com — сайт, посвященный всем дизайнерским нуждам. Текстуры, кисти, узоры, а также консультация всех желающих. И все это абсолютно бесплатно.
  • vandelaydesign.com — собрание очень хороших статей из медиаресурсов. Особенно понравится этот сайт веб-дизайнерам.
  • youthedesigner.com — этот сайт полон разнообразных статей о графическом дизайне. Очень незаурядный.
  • designyoutrust.com — ежедневный дизайнерский журнал, публикующий статьи о новых направлениях в дизайне, новости и события, отличные дизайнерские портфолио и выборочные, тщательно отсортированные дизайнерские проекты со всего мира.
  • thedieline.com — крутой сайт, представляющий лучшие работы в дизайне упаковки.
  • logopond.com — все о логотипах. Отличных примеров хоть пруд пруди.
  • bangbangstudio.ru — качественный российский сайт для иллюстраторов с очень интересными работами.
  • logodesignlove.com — сайт, сфокусированный только на логотипах.

Веб-дизайн:

  • noupe.com — отличный сайт о веб-дизайне и веб разработках.
  • smashingmagazine.com — здесь есть информация обо всем, что нужно как начинающему разработчику, так и профессионалу в области дизайна.
  • alistapart.com — еще один островок в море блогов, посвященных веб-дизайну. Очень хорошие и полезные статьи от самых разных авторов.
  • sitepoint.com — очень разнообразный сайт: графика, css, ajax.
  • webappers.com — блог, содержащий множество исходников, распространяемых по принципу open-source и предназначенный для веб-разработчиков и дизайнеров.
  • webdesignerwall.com — каждый дизайнер должен знать, пусть даже если он не интересуется веб-дизайном.

7 сайтов, полезных для дизайнера

Друзья! У нас есть рубрика о хороших книгах. Однако книги — не единственное, что может пригодиться дизайнеру. В интернете много ресурсов, готовых послужить источником материалов для обработки – фотографий и рисунков.

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

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

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

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

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

Некоторые сайты содержат спонсорские ссылки на платный контент – shutterstock.com. Там можно купить качественные авторские изображения, иллюстрации.

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

Еще один сайт, на котором хочу остановиться – ru.365psd.com. На данном ресурсе также большое количество хороших иллюстраций, но регулярно всплывают окошки с предложениями о регистрации и покупке тех или иных материалов. Эта назойливость слегка раздражает.

Я сама часто пользуюсь сайтами, которыми сейчас делюсь с вами.

Была ли Вам полезна информация? Пишите в комментариях.

Вот список сайтов:

50 бесплатных сайтов для ваших проектов графического дизайна в 2020 году

50 бесплатных ресурсов для ваших проектов графического дизайна в 2020 году | Творческий бум

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

Изображение предоставлено Death to Stock

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

Чтобы облегчить вам жизнь, наши дизайнеры и преподаватели из Шиллингтона вновь объединились с командой Creative Boom, чтобы предоставить вам полный список рекомендуемых ресурсов, который вы можете скачать бесплатно (на момент написания статьи).

Бесплатные стоковые изображения

1. pexels

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

pexels.com

2. StockSnap

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

stocksnap.io

3. landingstock

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

landingstock.com

4. nappy.co

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

nappy.co

5. photos.icons8

Хотите фото для своего сайта, которого больше ни у кого нет? Photo Creator от Icons8 позволяет комбинировать различные стоковые фотографии для создания собственного уникального изображения. Комбинируйте собственные объекты, людей, фоны и даже изображения, используя интерфейс перетаскивания в браузере, который очень быстрый и простой в использовании. Нам особенно нравится, как вы можете добавлять фильтры в ваш поиск.

photos.icons8.com/creator

подгузник

Бесплатные иллюстрации

6. Drawkit

DrawKit – это коллекция бесплатных, красивых, настраиваемых лицензированных на MIT иллюстраций SVG в двух стилях для использования на вашем следующем веб-сайте, в приложении или проекте.

drawkit.io

7. Humaaans

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

humaaans.com

8. UnDraw

Описывая себя как «иллюстрацию с открытым исходным кодом для любой идеи, которую вы можете себе представить и создать», unDraw – это постоянно обновляемый дизайн-проект Катерины Лимпитсуни, в котором представлены красивые изображения SVG, которые вы можете использовать совершенно бесплатно и без указания авторства. Нам особенно нравится возможность быстро добавлять свой собственный шестнадцатеричный код, чтобы адаптировать иллюстрации к вашим собственным проектам.

undraw.co

9. Openpeeps

Нужно что-то более рисованное? Open Peeps – это библиотека иллюстраций для вас. Созданные Пабло Стэнли, плоские SVG и PNG-ресурсы с открытым исходным кодом доступны для Sketch, Figma, Studio и XD. Вы даже можете сделать пожертвование, если сможете поддержать Пабло. Немного проходит долгий путь.

openpeeps.com

10. lukaszadam.com

Лукаш Адам – ​​независимый веб-дизайнер, который сделал множество высококачественных векторных иллюстраций и иконок, доступных бесплатно. Их можно использовать для личных и коммерческих проектов.

lukaszadam.com

Open Peeps

Бесплатные иконки

11. thenounproject.com

Сооснователь Софья Поляков, Эдвард Боутман и Скотт Томас, The Noun Project объединяют более двух миллионов курируемых иконок, созданных мировым сообществом и доступных для использования дизайнерами бесплатно.

thenounproject.com

12. ionicons.com

Ionicons – это премиальные иконки для использования дизайнерами в веб, iOS, Android и настольных приложениях. Созданные командой Ionic Framework, все они бесплатны и имеют открытый исходный код.

ionicons.com

13. simpleicons.org

Начиная с Дэна Лича, Simple Icons делает бесплатные иконки SVG для популярных брендов доступными для скачивания бесплатно.

simpleicons.org

14. icons8.com

Этот невероятный ресурс, предоставленный icons8.com, предоставляет вам целую библиотеку бесплатных иконок в PNG и SVG. Они тоже на высоте, так как они только что выпустили раздел «Поиск, связанный с коронавирусом» для тех из вас, кто требует чего-то очень актуального.

icons8.com

15. animaticons.co

Animaticons – это набор анимированных GIF-файлов высокого разрешения, которые вы можете настроить. Они имеют небольшой размер файла, совместимы со всеми основными браузерами, электронными письмами и смартфонами и не требуют специальных плагинов или библиотек.

animaticons.co

Animaticons

Бесплатные шрифты

16. Google Fonts

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

fonts.google.com

17. Используйте и модифицируйте

Use & Modify – персональный выбор «классных, панковских, профессиональных, неполных и странных шрифтов» – предоставляет шрифты с открытым исходным кодом, которые можно использовать бесплатно и… как вы уже догадались, изменить.

usemodify.com

18. Fontfabric

Fontfabric – это литейный завод цифрового типа, который создает розничные шрифты и заказную типографику для различных брендов. Скорее щедро, они также предоставляют выбор бесплатных шрифтов для всех желающих скачать и использовать. Мы любим Nexa и Intro, но есть еще много всего, что можно посмотреть и попробовать на их хорошо оформленном веб-сайте.

fontfabric.com

19. Дафон

Dafont – это огромный архив свободно загружаемых шрифтов. Просматривайте по алфавиту, по стилю, автору или популярности.

dafont.com

20. fontsquirrel.com

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

fontsquirrel.com

Fontfabric

Бесплатные стоковые видео

21. Coverr

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

coverr.co

22. Mixkit

Представленный Envato, Mixkit – это курируемая галерея высококачественных видео и анимации, созданных одними из самых талантливых авторов в мире, со всем контентом, лицензируемым бесплатно.

mixkit.co

23. Videezy

Бесплатные видеоматериалы в формате HD и 4K видео предоставлены Videezy. Называя себя одним из крупнейших видео сообществ в мире, его коллекция предоставляется его членами – большинство из них можно бесплатно скачать и использовать, но есть и некоторые платные опции, если вы захотите расширить свой поиск.

videezy.com

24. Vids

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

lifeofvids.com

25. Видево

Videvo предлагает множество бесплатных видео, которые можно бесплатно использовать как в личных, так и в коммерческих целях. Видеоклипы, на которые распространяется лицензия Creative Commons 3.0, должны быть переданы первоначальному автору.

videvo.net/stock-video-footage

Coverr

Бесплатные инструменты графического дизайна

26. Crello

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

crello.com

27. pencil.evolus.vn

Карандаш – бесплатная альтернатива Adobe XD. Это мощный мощный инструмент с открытым исходным кодом, позволяющий создавать прототипы для веб-приложений, приложений для мобильных и настольных систем. Доступно для всех платформ. Отлично.

pencil.evolus.vn

28. Канва

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

canva.com

29. Inkscape

Inkscape, созданная некоммерческой организацией, представляет собой программное обеспечение для работы с векторной графикой профессионального качества, работающее в Windows, Mac OS X и GNU / Linux. Это с открытым исходным кодом и бесплатно скачать.

inkscape.org

30. Gravit Designer

Gravit Designer – это полнофункциональное приложение для векторного графического дизайна, которое работает на всех платформах. Бесплатная версия поставляется с 500 МБ облачного хранилища.

designer.io

Crello

Бесплатные инструменты макета

31. Shotsnapp

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

shotsnapp.com

32. Screely

Screely позволяет мгновенно превратить снимок экрана в макет без использования шаблонов Sketch или Photoshop. Просто загрузите свое изображение, и приложение сделает все остальное.

screely.com

33. Screenpeek

Скопируйте и вставьте URL в Screenpeek, и он создаст привлекательный макет всего за 10 секунд. Это приложение, созданное Хансом Пейджелом и Филиппом Куном, бесплатно только для макетов iPhone.

screenpeek.io

34. MockupsJar

Еще один замечательный веб-сайт, на котором вы можете создавать реалистичные макеты для своих сайтов, приложений и многого другого без использования Photoshop или плагинов. Все организовано под полезными категориями, такими как «Macbook» и «упаковка». Там все в порядке.

mockupsjar.com

35. Макет Мира

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

mockupworld.co

Shotsnapp

Бесплатные инструменты для редактирования изображений

36. Удалить фон

Нужно удалить фон с фото? Этот бесплатный инструмент может сделать это на удивление быстро, и это займет всего один клик.

remove.bg

37. Социальные размеры

Social Sizes, созданная Питером Ассенторпом, предоставляет дизайнерам наилучшие размеры для использования в социальных сетях для изображений и видео. Шаблоны для Sketch, Adobe XD и Photoshop, все включены и загружаются бесплатно.

socialsizes.io

38. фотор

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

fotor.com

39. Пиксельный редактор X

Pixel Editor имеет большой послужной список в качестве основного, но надежного фоторедактора, который можно бесплатно использовать в браузере. Они только что выпустили новую версию, Pixel Editor X, которая быстрее, имеет больше инструментов для редактирования и интегрируется с Dropbox.

pixlr.com/x

Fotor

Бесплатные инструменты для скриншотов

40. Коллабшот

Это веб-приложение и приложение для настольных ПК позволяет быстро делать снимки экрана и обмениваться URL-адресами с коллегами, а также рисовать и делать наброски для нескольких человек.

collabshot.com

41. Giphy Capture

Это бесплатное приложение для Mac позволяет легко захватывать части экрана и экспортировать их в файлы GIF или MP4. Захват GIF до 30 секунд всего за пару кликов.

giphy.com/apps/giphycapture

42. ScreenToGif

Это бесплатное приложение с открытым исходным кодом для Windows сочетает в себе экран, веб-камеру и диктофон с интегрированным редактором.

screentogif.com

43. ShareX

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

getsharex.com

44. Снаппи

Snappy – профессиональное приложение для создания и совместной работы над снимками для iPhone, iPad и Mac. (Версия для Windows “скоро”.)

snappy-app.com

45. Лайтшот

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

itunes.apple.com

Collabshot

Дизайн вдохновение

46. ​​Беханс

Behance, часть сети Adobe, является популярной онлайн-платформой для демонстрации и знакомства с творчеством, включая искусство, иллюстрацию, графический дизайн, дизайн пользовательского интерфейса и анимацию.

behance.net

47. Дриббл

Другое популярное и живое онлайн-сообщество для демонстрации творчества. В то время как Behance в основном завершает работу, Dribbble специализируется на меньших снимках (или «снимках») выполняемой работы.

dribbble.com

48. Хттпстер

Httpster – это вдохновляющий ресурс, демонстрирующий дизайны сайтов со всего мира. Акцент сделан не на ярких особенностях, а на подходе «меньше – больше».

httpster.net

49. Микроскопия вдохновения

Микроскопия часто является забытым элементом в цифровом дизайне. Так что посетите этот сайт, чтобы найти кураторские примеры превосходства в таких областях, как 404 страницы, текст рассылки и написание электронной коммерции.

microcopyinspirations.com

50. InspoFinds

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

inspofinds.com

50 сайтов для изучения дизайна / Хабр

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

Итак, «поехали»:

Русскоязычные сайты:

Contented.ru

Этот веб-ресурс действительно прямой путь в разные виды дизайна, а именно:

  • UX-дизайн;
  • Графический дизайн;
  • Дизайн интерактивных медиа;
  • Дизайн интерьеров;
  • Web-дизайн;

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

Skillbox


Skillbox — это онлайн-университет востребованных профессий в didgital-сфере от ведущих экспертов рынка.

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

Skillbox обучает дизайну, программированию, маркетингу и управлению. Здесь работают над реальными проектами (их можно сразу добавить портфолио!), дают стажировки, и в будущем курсанты трудоустраиваются в крупные и международные компании.


Нетология

Нетология – это университет современных профессий. Здесь есть курсы, которые обучают дизайну, маркетингу, управлению, аналитике и программированию как новичков, так и специалистов любого уровня. Учеба доступна на любом устройстве: от ПК до самого обычного смартфона.

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

Geekbrains


Образовательный онлайн-портал, в котором можно выбрать обучение из 30+ профессий и 150+ курсов от новичка до профессионала.

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

Прохождение курсов Geekbrains не только позволит пополнить знания и освоить новую профессию в IT-мире, но и устроиться на работу с хорошей зарплатой в престижную компанию.

Tilda Publishing

Tilda Publishing – эта веб-платформа, что позволяет заниматься созданием сайтов, интернет-магазинов, лендингов и блогов, не обладая навыками программирования. Одной из главных особенностей этой платформы – блочное редактирование. Любую страницу на Тильде можно собрать из готовых блоков. В библиотеке есть уже более 500 готовых шабонов. Все они разделены на 28 категорий, такие как обложка, услуги, отзывы, формы и прочее.

Блоки имеют правильные отступы и соотношения размеров, так как были спроектированы дизайнерами. Помимо этого, они адаптивны и подстраиваются под размеры экрана любых устройств. В режиме редактирования меняется текст и изображение. То есть, внешний вид можно полностью изменить. Для этого есть все настройки. А для профессиональных дизайнеров или любителей полностью создавать самому, есть встроенный редактор Zero Block. Его основная цель – создание новых и уникальных блоков. Интерфейс разработан так, что будет привычен для пользователей классических популярных графических редакторов. Помимо этого, в Zero Block есть возможность создания сложной анимации по шагам. Это позволит создавать интерактивные сайты без программирования.

Mobios.school

Mobios — это профессиональная школа с современным подходом к IT образованию. Школа создана на базе веб-студии, что находится в Киеве и Одессе.

Prog

Учебный центр Prog более 6 лет занимается дизайн образованием. В центре эффективно обучают программированию и тестированию программного обеспечения «с нуля», помогают сменить профессию. Более 4500 человек уже прошли обучение по направлениям Java, Front-End, Android, QA и Web-Design.

Lemon.school

Продолжительность обучения на курсах в Lemon School в среднем составляет от 2 до 4 месяцев. Темпы обучения серьёзные: на большинстве курсов занятия проводятся 3-4 раза в неделю.

Sochnik

Англоязычные проекты:

Udemy

Udemy – это очень популярный ресурс, где Вы можете учиться и обучать навыкам других. Компании могут обучать сотрудников, используя этот сайт. У Udemy есть собственный способ, позволяющий экспертам создавать онлайн-курсы и предлагать их через платформу. Есть много видео-лекций, чтобы изучить веб-дизайн, веб-разработку, разработку приложений, искусству фотографии и многое другое.

Цена: стоимость курса в Udemy отличается друг от друга. Большинство курсов стоят около 60 долларов.

SitePoint Premium

Это ещё одна онлайн-платформа обучения, которую недавно переименовали в Learnable. Она предоставляет видео-лекции по многим темам, таким как веб-дизайн, веб-разработка, разработка приложений, маркетинг, дизайн UX и т. д.

Цена: пакет «премиум SitePoint» стоит 15 $ за месячный план. Если Вы оплачиваете годовой счёт сразу, тогда ежемесячная цена снижается до 9 долларов.

Tuts+

Tuts+ – это известный сайт для текстовых и мультимедийных обучающих программ. Tuts + охватывает обширную область от общего и поясняющего контента до часовых видеоуроков. Здесь Вы можете изучить веб-разработку, дизайн, 3D-графику и т. д.

Цена: Tuts + имеет как бесплатное, так и премиальный контент. Платный взнос дает вам доступ к общей коллекции курсов. Стоимость подписки начинается от 15 $ в месяц, 180 $ в год и 360 $ в год.

Treehouse

Treehouse, основанная в 2011 году известным веб-дизайнером Райаном Карсоном предлагает более 300 обучающих видеокурсов по веб-дизайну, веб-разработке, мобильной разработке и разработке игр от начального до продвинутого уровня. Видеокурсы сняты профессионально. Качество обучения – первоклассное, и всё постоянно обновляется с учетом новейших технологий (новый контент выпускается еженедельно).

Онлайн-обучение позволяет Вам учиться в своем собственном темпе. Но это часто мешает мотивировать себя закончить курс. В «Treehouse» нашли умный способ мотивировать закончить курс, а не забросить на полпути.

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

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

Вам не понадобится какое-либо специальное оборудование или операционная система (кроме Mac, если вы изучаете iOS), и вы даже можете написать код в приложении Treehouse, используя функцию под названием «Рабочие пространства». Подписки, которые предлагают вам доступ ко всем учебным курсам на сайте, начинаются от 20 фунтов стерлингов в месяц, и есть 7-ми дневная бесплатная пробная версия, если Вы хотите сначала пройти обучение. Также обратите внимание, что существуют специальные организационные тарифы для компаний, некоммерческих организаций, школ, организаций и предприятий.

LinkedIn Learning (ранее Lynda.com)

Lynda.com можно назвать крестным отцом (или, возможно, крестной матерью) обучения в Интернете. Основанная в 1995 году Линдой Вайнман, она уже десятилетиями проводит высококачественные курсы по программному обеспечению, креативности и бизнес-навыкам. И, во всяком случае, его покупка и интеграция в LinkedIn в 2015 году сделали его еще более сфокусированным на том, чтобы помочь вам улучшить свои карьерные перспективы.

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

В настоящее время существует более 500 курсов по веб-дизайну и веб-разработке на выбор, в основном ориентированных на начальный и средний уровни и охватывающих всё — от PHP и React до более тонких тем, таких как «Moodboards для веб-дизайнеров». Поэтому, если Вы не ищете что-то очень нишевое или продвинутое, то скорее всего у вас получиться найти именно то обучение, которое искали.

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

Все курсы доступны по подписке, которая стоит 19,99 фунтов стерлингов в месяц на годовом плане или 24,98 фунтов стерлингов в месяц. Также доступна бесплатная месячная пробная версия.

Bloc

Запущенный в 2012 году, Bloc позиционирует себя как «онлайновый буткемп по кодированию», цель которого – превратить вас из начинающего в готового к работе веб-разработчика. Учебные материалы представляют собой комбинацию письменных и видеоуроков, но специальный соус Bloc – это модель ученичества, которая объединяет вас с опытным наставником, который обеспечивает поддержку и руководство на протяжении всего курса в течение 14 часов живых вопросов и ответов в день. Есть также еженедельные групповые дискуссии и ежедневные групповые критические анализы.

Они не приукрашивают обучение и чётко высказывают свое мнение о том, что: «Изучение кода требует много тяжелой работы. Вы не можете учиться с помощью осмоса (самопроизвольно), вы должны научиться строить с основ сами. Вы должны погрузиться снова с головой в проблемы и найти выход». Другими словами, эти программы структурированного обучения предназначены не для слабонервных, а нацелены прямо на высоко мотивированных студентов, которые полны решимости сделать карьеру в области веб-дизайна и разработки. Курсы очные и начинаются с 7 500 $ за 8 месяцев обучения.

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

Udacity

Основанная в 2011 году «Udacity» изначально была ориентирована на предложение курсов университетского стиля, но теперь больше внимания уделяет профессиональным курсам для профессионалов, которые называются «нано градусами». Эти курсы обычно помогают вам составить проект, а затем вы применяете то, что узнали к собственному проекту.

Это долгосрочные курсы, и уроки для них установлены. Чтобы дать вам представление о том, как это работает на практике, Билал Тахир написал превосходный отчет о React Nano Degree, который он взял здесь.

Нацеленность на «пожизненных учеников», а не на начинающих. Udacity твердо сосредоточена на обучении специальным навыкам, чтобы помочь людям в технологической отрасли перейти на следующий уровень своей карьеры. Курсы ориентированы на такие важные темы, как автономные системы, ИИ, машинное обучение и веб-разработка с полным стеком, и созданы в сотрудничестве с Google, AT & T и Facebook.

Вы платите за курс и, как и следовало ожидать, это не дешево; например, курс «Основы блокчейна» стоит 799 фунтов стерлингов.

Stack Overflow

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

Цена: Stack Overflow совершенно бесплатен для просмотра и изучения.

Launch School

Если полный интенсивный темп буткемпа пугает вас, то Launch School предлагает прямо противоположное. В «Launch School» про обучение на их ресурсе говорят следующее: «Медленный путь для начинающих к карьере в разработке программного обеспечения».

Есть два основных курса: основной учебный план и курс «Capstone». В начале Вас обучают основам разработки программного обеспечения. Поэтому здесь речь идет не об изучении того, как использовать определенный язык, такой как React или Rails, а о том, как медленно выстраивать свое понимание основных принципов, чтобы вы поняли, как работают все уровни разработки от начального до завершающего этапа. На это уходит около 1200–1800 часов (8–16 месяцев), а стоит 199 $ в месяц.

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

Pluralsight

Компания Pluralsight, основанная в 2004 году, предлагает широкий выбор качественных видеокурсов для IT-специалистов. Веб-разработка здесь хорошо раскрыта вместе с курсами CSS, JavaScript, Angular, React, HTML5 и многими другими, начиная от начального до продвинутого уровня.

В частности, у Pluralsight есть инновационный способ проверить, подходит ли вам курс: тест «Pluralsight IQ», который обещает проверить ваш уровень квалификации всего за 5 минут. Служба также предлагает круглосуточную поддержку, вы можете скачать курсы для просмотра в автономном режиме, а подписка начинается с 35 $ в месяц или 229 $ в год.

Skillshare

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

Тем не менее, предлагается широкий спектр программ обучения, включая HTML, CSS, JavaScript, дизайн UX/UI, адаптивный веб-дизайн, веб-разработка и WordPress. И поэтому, если вам нужно устранить определенный пробел в знаниях – это может быть хорошим местом для вас. Вы можете разблокировать неограниченный доступ к тысячам уроков всего от 7 фунтов стерлингов в месяц за годовую подписку.

Behance

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

Pixel Art Academy

Мы думаем, что это действительно крутой и оригинальный проект. Pixel Art Academy — это ретро-игра, в которой главный герой должен получить высшее образование в художественной академии научившись рисовать пикселями, по-настоящему! Победа в игре равносильна изучению того, как создать свой собственный пиксель за пикселем. Кроме того, он дает вам доступ к сообществу художников-пикселов.

Canva

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

StumbleUpon

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

DeviantArt

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

Smashing Magazine

Настоятельно рекомендуется, особенно для веб-дизайнеров, хотя и охватывает широкий круг тем. Если вы хотите взглянуть, вот одна из их последних статей: «Интернет убивает креативность?».

Hackdesign

Здесь вы найдете 100+ бесплатных курсов. Вы будете получать уроки по электронной почте на еженедельной основе, чтобы получить возможность учиться в своем собственном темпе. Инструкторы HackDesign – ведущие дизайнеры, работающие с такими гигантами, как Airbnb, Tech Crunch и TED. Помимо уроков, у вас также будет доступ к задачам по дизайну, современным инструментам и множеству полезных ресурсов.

Buy reddit upvotes

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

CAREERFOUNDRY

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

Mockplus

Созданы для того, чтобы бесплатно изучить UI / UX-дизайн. Mockplus сделает ваш дизайн лучше, чем когда-либо. Приложение на сайте Mockplus Tutorial дает вам возможность усовершенствовать свои дизайнерские навыки удобным и быстрым способом. Приложение простое и удобное в использовании. Кроме того, на сайте есть множество полезных статей о том, с чего начать карьеру или как стать гуру веб-дизайна.

UX Design Edge

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

Springboard

Этот курс сделан для вас. Если вы хотите сделать карьеру в дизайне UX / UI или просто хотите создавать более качественные продукты, этот курс идеально подходит для вас.

ACAMICA

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

Eventbrite

Курс UX-дизайна для стартапов, разработчиков приложений и веб-дизайнеров. Получите все необходимое для планирования, продвижения и управления вашим лучшим мероприятием.

UX TRAINING

Изучайте UX в любое время и в любом месте. Есть причина, почему Facebook, Apple, Google и другие мировые компании вкладывают огромные средства в свои команды UX. Потому что они знают, что это самый умный и быстрый способ создания отличных онлайн-продуктов.

Future Learn

Образовательная платформа Future Learn предлагает сотни бесплатных онлайн курсов высшего качества. Среди них есть замечательный курс для дизайнеров UX, разработанный Accenture. Этот курс рассчитан на 3 недели, если вы занимаетесь около двух часов в неделю. С его помощью вы познакомитесь с основами UX-дизайна, освоите популярные инструменты и научитесь проводить тестирование.

Future Learn названо лучшим пользовательским опытом на UXUK Awards. Присоединяйтесь и изучайте любой курс FutureLearn. Вам не нужны официальные квалификации для прохождения наших курсов. Вам может потребоваться специальное оборудование или определенный уровень понимания предмета для некоторых курсов – вам сообщат об этом на странице информации о курсах в разделе «Требования».

LearnUX.io

Библиотека высококачественных видео курсов для дизайнеров UI/UX с более чем 50-часовым контентом о самых популярных инструментах дизайна UI, таких как Sketch, Framer, Principle и Adobe XD. Ориентирован на реальные и красивые примеры и практический подход к изучению дизайна пользовательского интерфейса. Рекомендуется как начинающим, так и более опытным пользователям.

Отзывы пользователей: «Я чувствовал себя действительно уверенно в своих навыках Sketch, но я знал, что должен стать более знакомым с другими инструментами. LearnUX показал мне, как использовать их на примерах из реальной жизни».

InVision

InVision – отличное приложение для создания макетов сайтов, дизайна и многого другого. Однако, в дополнение к приложению, вы можете воспользоваться бесплатным курсом по основам UX-дизайна, доступным на этом сайте. Вы получите доступ к 9 урокам, отправленным на вашу электронную почту один раз в неделю. Кроме того, вы можете подписаться на курсы по дизайну пользовательского интерфейса, дизайну макетов (и другим), которые проводят ведущие эксперты по дизайну.

EDX

В сотрудничестве с известными университетами платформа EdX разрабатывает новые курсы дизайна для всех желающих. Контент подходит как для новичков, так и для специалистов, стремящихся к постоянному развитию. Если Вы заинтересованы в области UX Design, в настоящее время доступно 9 уроков от профессора Мичиганского университета. Курс включает в себя много полезной информации, а также практические тесты и упражнения. Благодаря таким мини-заданиям, которые даются на протяжении всего курса, Вы легко освоите свои практические навыки.

NovoEd

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

Academic Earth

С 2009 года основатели Academic Earth начали формировать базу с лучшими онлайн-курсами. Их целью было показать, что любой человек в любой точке мира заслуживает качественного образования. Благодаря этим ребятам, теперь у вас есть возможность пройти лучшие курсы веб-дизайна от ведущих экспертов и университетов. Здесь вы также найдете полезные уроки по основам программирования и любой интересующей вас теме.

The Open Learning

The Open Learning – это сообщество, созданное на базе Университета Карнеги-Меллона, предоставляет всем желающим возможность посещать различные курсы или участвовать в них в качестве инструктора. Они утверждают, что их главная роль — сделать качественное образование более доступным. Для вас Open Learning Initiative – это отличный шанс изучить UI/UX-дизайн с лучшими в своей области профессионалами, не тратя целое состояние. Более того, такие онлайн-курсы дают больше гибкости, чем автономное обучение.

ApnaCourse

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

Coursera

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

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

+ACUMEN

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

MASTERCLASS

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

Эти уроки направлены на практику и созданы для вдохновения, в них есть щепотка юмора, материал подается нестандартно (будьте готовы быть серьёзными и веселыми одновременно!).

iversity

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

UX for Beginners

Для тех, кто все еще не знает, с чего начать изучение UX-дизайна, мы предлагаем обратить внимание на бесплатный курс на базе образовательной платформы Skillshare – UX for Beginners. Автором выступил Muhammad Ahsan, который работал с такими клиентами, как INTEL, PANASONIC и Coca-Cola. Он предлагает вам 61 урок, которые требуют около шести часов вашего времени, и вы сможете на практике увидеть основные ошибки новичков, понять процесс создания идеального дизайна и научится фишкам, которые сделают процесс еще проще.

Заключение

Мы предоставили вам обзор лучших мировых курсов и образовательных платформ для обучения веб-дизайну, а дальше выбор за вами. Желаем Вам успехов этом нелегком деле!

А какие онлайн-курсы по дизайну проходили Вы? Проголосуйте за лучший онлайн-курс по обучению дизайна. Если в нашем списке нет сайта, который Вы считаете самым лучшим, напишите нам в комментариях. Нам, правда, важно знать ваше мнение! 🙂

21 важный ресурсный сайт для веб-дизайнеров

Как вы, возможно, заметили, не в последнюю очередь, введя что-то в Google, и это радостно обнаружит, что для вашего поиска есть 26 миллионов результатов, существует довольно много веб-сайтов. Если вы не являетесь бессмертным, у вас не будет времени изучить многие из них, даже в относительно нишевой области, такой как веб-дизайн. Поэтому мы ломали голову, чтобы составить список из 21 важного сайта, который каждый веб-дизайнер должен добавить в закладки, если только они не какой-то идиот — и это не ты, не так ли?

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

Описывая себя как «адвент-календарь для веб-гиков», 24 Way с 2005 года публикует два десятка статей о веб-дизайне каждый декабрь. Темы разнообразны, но из-за того, что авторы первоклассные, даже многие из самых ранних статей остаются полезными и актуальными — «24 способа» предназначены не только для Рождества, понимаете.

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

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

Создание хорошего веб-сайта бесполезно, если его никто не может найти. Search Engine Land предоставляет новости о поисковом маркетинге и поисковых системах, предлагая подсказки и советы по повышению вашего SEO.Чтобы обеспечить свою позицию в Google, также посетите Центр веб-мастеров Google.

Большинству веб-дизайнеров никогда не нужно знать все тонкости, регулирующие веб-стандарты, но веб-сайт W3C остается важным местом для посещения. Он не только обеспечивает доступ к спецификациям (включая объяснения и примеры), но также предлагает такие инструменты, как разметка и валидаторы CSS.

Большинство проектов начинаются с файлов одного и того же типа, и дизайнеры часто тратят время на их воссоздание с нуля.С HTML5 Boilerplate вы можете начать работу с надежным и перспективным шаблоном HTML / CSS / JavaScript. HTML5 Reset — еще один проект в том же духе.

Если вам нужно разобраться с HTML5, книга Марка Пилигрима предлагает отличные комментарии по ряду функций из спецификации. Книга полностью находится в сети под лицензией CC-BY-3.0, но купите печатную копию, если вы регулярно пользуетесь сайтом.

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

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

Ничто не сравнится с тестированием сайтов в группе реальных браузеров, но для тех случаев, когда вам нужно быстро проверить работоспособность сайта в одном браузере, BrowserLab создает статические захваты любой веб-страницы, отображаемой в Chrome, Firefox, Safari и других браузерах. Internet Explorer.

Использование надежной сеточной системы значительно упрощает разработку макетов веб-сайтов. Одной из лучших является система 978 Grid System, которая также предоставляет соответствующие шаблоны для экранов других размеров. 960 Grid System — популярная альтернатива.

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

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

Девиз веб-сайта Dev.Opera — «следуй стандартам, нарушай правила», что, вероятно, звучало более захватывающе в то время, чем «предлагать несколько веселых полезных статей для веб-дизайнеров». Тем не менее, это то, чем в основном занимается сайт, наряду с предоставлением учебной программы Opera Web Standards для тех, кто работает в академических кругах.

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

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

QuirksBlog предоставляет интересную информацию о веб-дизайне и разработке, но основная таблица совместимости QuirksMode — это основа сайта. Здесь вы можете легко увидеть, какие браузеры поддерживают какие аспекты CSS и DOM. На момент написания статьи тесты HTML5 продолжаются.

Подобно QuirksMode, «Когда я могу использовать…» предоставляет несколько таблиц поддержки. На регулярно обновляемом сайте также подробно описываются стандарты поддержки популярных мобильных браузеров, включая iOS Safari и Opera Mini.

Наконец, нам также нравятся таблицы совместимости FindMeByIP для HTML5 и CSS3. Созданные дизайнерским агентством DeepBlueSky из Бата, они позволяют быстро проверить поддержку браузером свойств CSS3, селекторов, веб-приложений HTML5, графики и встроенного контента, аудио- и видеокодеков, а также входных данных и атрибутов форм.

40 бесплатных и необычно полезных сайтов для веб-дизайнеров… о которых вы не знали | Марвин Рассел

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

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

  1. https://namechk.com позволяет вводить имя пользователя и выполнять поиск по сотням сайтов социальных сетей и доменных имен, чтобы узнать, что доступно.
  2. http://draw.io — это бесплатный онлайн-инструмент для создания каркасов, диаграмм, карт сайтов и многого другого.Это удобная жемчужина для веб-дизайнеров.
  3. https://www.checkli.com позволяет вам составить бесплатный контрольный список для чего угодно, и вы можете поделиться версией, доступной только для чтения или редактируемой, с кем угодно, чтобы помочь вам выполнить задачи.
  4. https://pixlr.com/editor — самое близкое к бесплатному онлайн-фотошопу.
  5. https://pastebin.com позволяет делиться фрагментами кода в Интернете, не беспокоясь о назойливых тегах HTML-кода.
  6. https: // soovle.com — это самый быстрый в мире инструмент для исследования ключевых слов. Начните вводить, и появятся ключевые слова. Это глупо просто, и это здорово.
  7. https://gtmetrix.com — это бесплатный инструмент, который анализирует скорость любой веб-страницы и выводит информацию о том, почему веб-страница такая медленная.
  8. https://builtwith.com — это сайт, который я использую ежедневно, чтобы быстро узнать, на чем построен веб-сайт и какие плагины или сторонние инструменты они используют. Совет: возьмите Chrome ext.
  9. http: // downforeveryoneorjustme.com давайте посмотрим, не работает ли веб-сайт только из-за вас или для всех остальных.
  10. https://publicdomainvectors.org/ — это сайт, на который я регулярно захожу за бесплатными общедоступными векторными изображениями, значками и графикой.
  11. https://whenshouldwe.com/ позволяет вам и вашей команде легко выбрать время встречи.
  12. https://unsplash.com , вероятно, лучший онлайн-ресурс для совершенно бесплатных стоковых фотографий. Все общественное достояние, CC0. Не беспокойтесь об авторских правах BS.
  13. http://exif.regex.info/exif.cgi отлично подходит для поиска скрытых метаданных в изображениях, которые вы «заимствуете» из Интернета.
  14. https://faxzero.com позволяет отправлять факсы клиентам старой школы, которые все еще используют надоедливые устаревшие факсимильные аппараты.
  15. https://www.bounceapp.com делает скриншоты любого веб-сайта. Вы можете скачать снимок экрана или сделать на нем заметки и поделиться с коллегами или клиентами.
  16. https://www.toptal.com/designers/htmlarrows — это веб-сайт, полный стрелок и символов HTML, которые вы можете легко скопировать и вставить на свой веб-сайт или в исходный код.
  17. https://www.pdfescape.com позволяет редактировать файлы PDF в Интернете бесплатно.
  18. https://corrupt-a-file.net позволяет преднамеренно отправить поврежденный файл своему начальнику или клиенту… в случае, если вы опаздываете с выполнением работы. #wink
  19. https://www.codecademy.com позволяет научиться программировать бесплатно. Допинг, правда?
  20. https://send.firefox.com позволяет отправлять безопасные и безопасные файлы параноидальным клиентам цифрового маркетинга (до 1 ГБ), которые будут немедленно удалены после их открытия.
  21. https://wetransfer.com позволяет бесплатно отправлять большие файлы клиентам или коллегам размером до 2 ГБ! Отлично подходит для менее параноидальной толпы.
  22. http://www.oldversion.com позволяет найти более старые версии любого программного обеспечения для веб-дизайна или разработки. Чувак, на этом сайте есть Macromedia Dreamweaver. Черт возьми!
  23. https://www.futureme.org позволяет отправлять будущие электронные письма самому себе. Увлекательно и потрясающе!
  24. https://maildrop.cc позволяет быстро создавать «поддельные» электронные письма для регистрации на не очень полезных веб-сайтах.Отличный способ избежать спама в будущем. МУХАХАХХАА!
  25. https://wordcounter.net/website-word-count подсчитывает количество слов на вашей странице. Я часто использую этот сайт, когда веду блог. Надо набрать 2000 слов на некоторые из этих постов. Нет; (
  26. https://www.myfonts.com/WhatTheFont/ просматривает изображение или фотографию и определяет на нем семейство шрифтов.
  27. http://scr.im/ позволяет вам добавить вас замаскируйте свою электронную почту забавной или симпатичной ссылкой, чтобы не попасть в спам.Идеально для параноидального веб-разработчика.
  28. https://brandcolors.net/ позволяет легко найти цветные шестнадцатеричные коды для любого крупного бренда, о котором вы только можете подумать.
  29. https://app.prntscr.com/en/index.html — восхитительное расширение для браузера, которое я установил прямо сейчас. С его помощью можно делать скриншоты, рисовать на них и делиться ими с клиентами или коллегами.
  30. https://iconmonstr.com содержит бесплатные иконки для коммерческого или личного использования.
  31. http://www.endlessicons.com/ — еще один веб-сайт, полный «бесконечных» бесплатных иконок для коммерческого или личного использования.
  32. https://www.sitebuilderreport.com/stock-up загружает бесплатные стоковые фотографии (CC0 или общественное достояние) с более чем 35 различных веб-сайтов. Стоит добавить на панель закладок.
  33. https://optimizemysite.com / позволяет увидеть, насколько оптимизирована для SEO и Google определенная веб-страница для ключевого слова. Супер полезно. Я действительно построил этого плохого мальчика в свое время, но он был настолько классным, что его купила у меня какая-то крупная компания.Ура!
  34. https://imgbb.com позволяет бесплатно загружать изображения и делиться ими с коллегами или клиентами.
  35. https://www.copypastecharacter.com позволит вам копировать и вставлять раздражающие символы клавиатуры.
  36. https://smallpdf.com позволяет делать ВСЕ, что вам нужно, с вашим PDF-файлом. Станьте причудливыми и конвертируйте, сжимайте, редактируйте, поворачивайте и даже разблокируйте свой PDF-файл.
  37. https://ocean19.com/free-contractor-agreement-maker/ — это быстрый и бесплатный способ заключить контракт с фрилансером, чтобы он или она не украли идею вашего проекта, клиента или что-то еще.На изготовление уходит 5 секунд. Люблю это!
  38. https://easyriver.com/free/ndabuilder.htm — бесплатное и быстрое средство для создания соглашения о неразглашении, которое гарантирует, что никто не «украдет» вашу идею… даже если идеи бесполезны. Только настоящие предприниматели знают, что настоящая ценность заключается в исполнении.
  39. https://behappy.me/generator был моим бесплатным создателем котировок в течение многих лет. Он скатился вниз в результатах поиска, но я здесь, чтобы поручиться за его великолепие.
  40. http: // iphonemockup.lkmc.ch — это бесплатный мобильный инструмент для создания каркасов. Просто перетащите, нарисуйте и поделитесь URL-адресом с коллегами.

Это уже 40? Я изможден. Но если вы нашли какой-либо из этих бесплатных веб-сайтов полезным, оно того стоило.

Auf Wiedersehen!

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

Лучшие сайты для дизайнеров

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

  • Бесплатные стоковые фото сайты для дизайнеров
  • Бесплатные векторные иллюстрации, веб-сайты для графических дизайнеров
  • Веб-сайты пользовательского интерфейса для веб-дизайнеров
  • Адаптивные мобильные шаблоны сайтов для веб-дизайнеров
  • Бесплатные файлы PSD, дизайн веб-сайтов для дизайнеров
  • Бесплатные шаблоны, bgs, сайты плагинов для фотошопа
  • Цветовая гамма сайтов для дизайнеров
  • сайтов с бесплатными шрифтами для дизайнеров
  • Сайты с бесплатными иконками, png и gif

1.Веб-сайт UI Interface Design для веб-дизайнеров

UICloud — это проект, созданный Double-J Design. Он собирает лучшие дизайны элементов пользовательского интерфейса из Интернета со всего мира и предоставляет вам поисковую систему, чтобы вы могли найти лучший элемент пользовательского интерфейса, который вам нужен. Мы стремимся создать самую большую платформу для дизайнеров, чтобы продемонстрировать свои лучшие дизайны пользовательского интерфейса, а для разработчиков, чтобы легко и быстро получить лучшие элементы пользовательского интерфейса для своего проекта.

Посетить веб-сайт — UI Cloud

2.Сайт бесплатных фото и иллюстраций для дизайнеров

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

Посетить веб-сайт — Freeimages

3. Бесплатные стоковые фотографии, векторная графика и графический сайт для дизайнеров

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

Посетить веб-сайт — Gograph

4. Бесплатная фотостока для дизайнеров

Pexels предоставляет высококачественные и совершенно бесплатные стоковые фотографии под лицензией Creative Commons Zero (CC0).Все фотографии хорошо помечены тегами, доступны для поиска, а также их легко найти на наших страницах поиска. В настоящее время мы размещаем более 25 000 бесплатных стоковых фотографий. И каждый месяц будет добавляться не менее 3000 новых фотографий в высоком разрешении. Все фотографии взяты вручную из фотографий, загруженных нашими пользователями или взятых с бесплатных веб-сайтов с изображениями.

Посетить веб-сайт — Pexels

5. Сайт бесплатных стоковых изображений для дизайнеров

5000+ высококачественных бесплатных стоковых фотографий из более чем 25 источников.Если теги не актуальны, вы можете добавить свои собственные теги к изображениям. Бесплатные высококачественные стоковые фотографии — это здорово. Но их очень сложно найти, потому что они не помечены и не разделены на категории. Мы добавили в Passel функцию, которая позволяет любому добавлять теги к изображениям. Это позволяет нам использовать силу сообщества, чтобы делать Passel лучше каждый день!

Посетить веб-сайт — Passel

6. Сайт с бесплатными адаптивными мобильными шаблонами для веб-дизайнеров

W3layouts был инициирован компанией AgileIT, которая всегда верила и следовала Mobile First Design.Мы запустили w3layouts с целью сделать веб-сайт удобным для мобильных устройств. Загрузите шаблоны для создания удобных для мобильных устройств и адаптивных веб-сайтов

Посетите веб-сайт — W3layouts

7. Сайт бесплатных подарков для дизайнеров

Это красивый веб-сайт, на котором собраны такие бесплатные вещи, как значки, наборы пользовательского интерфейса, оверлеи и многое другое. Это бухта сокровищ графического дизайнера.

Посетить веб-сайт — PSDDD

8. Сайт бесплатных графических ресурсов и веб-дизайна для дизайнеров

Это блог, принадлежащий одному графическому дизайнеру Рафи.Он предлагает высококачественные PSD-файлы Photoshop. Он предлагает несколько полезных советов / руководств, чтобы помочь дизайнерам, которые заинтересованы в изучении / улучшении дизайнерских навыков.

Посетить веб-сайт — Graphics fuel

9. Ресурсы премиум-класса по графике и веб-дизайну

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

Посетить веб-сайт — Pixeden

10. Узоры и веб-сайт плагина Photoshop для дизайнеров

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

Посетить веб-сайт — Тонкие узоры

11. Adobe Color — Сайт лучших цветовых схем для дизайнеров

Adobe Color — это веб-приложение, используемое для экспериментов, создания и обмена цветовыми темами, которые вы используете в проекте. Вы можете выбрать веб-цвета, которые можно использовать на кросс-платформах и в разных браузерах. У вас есть цветовое колесо и цветовые схемы, поэтому у дизайнеров есть множество вариантов для работы.

Посетить веб-сайт — Adobe Color CC

12. Простая цветовая схема сайта для дизайнеров

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

Посетить веб-сайт — Paletton

13. Сайт-генератор цветовых схем для дизайнеров

Coolors позволяет создавать, сохранять и делиться идеальной цветовой палитрой за несколько секунд.Это бесплатно для использования и доступно на телефонах IOS. Теперь вы можете создавать красивые цветовые схемы, которые всегда работают вместе. Точно настраивайте цвета, регулируя температуру, оттенок, насыщенность, яркость и многое другое. Экспортируйте свои палитры в несколько удобных форматов, таких как PNG, PDF, SCSS, SVG, или скопируйте постоянные URL-адреса. Создайте свой профиль и сохраните все свои цветовые схемы в порядке с именами и тегами.

Посетить веб-сайт — Coolors

14. Fontspace — Бесплатный сайт шрифтов для дизайнеров

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

Посетить веб-сайт — пространство шрифта

15. Бесплатные векторные иконки для дизайнеров

Flaticon — крупнейшая в мире поисковая система бесплатных иконок. Самая большая база бесплатных иконок в форматах PNG, SVG, EPS, PSD и BASE 64. Доступно более 288 688 векторных иконок, сгруппированных в 5 117 пакетов, и их количество растет с каждым месяцем.
Посетить веб-сайт — Flaticon

16. Сайт для дизайнеров Icon Finder

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

Посетить веб-сайт — Icon Finder

17.Сайт бесплатных иконок для дизайнеров

IconArchive — это профессиональная система поиска значков на основе тегов, содержащая более 500 000 значков для веб-разработчиков, конечных пользователей и художников-графиков. Также это источник вдохновения для новых дизайнерских идей и место, где можно насладиться красивыми иконками. Здесь вы можете легко собирать, упорядочивать и делиться своими любимыми иконками. Если вы хотите настроить свой рабочий стол, вы можете загрузить значки для всех операционных систем, Win, Mac и Linux. Разработчики веб-сайтов или программного обеспечения, которым требуется индивидуальный дизайн иконок, могут искать здесь профессиональных художников-иконописцев.

Посетить веб-сайт — Архив значков

18. Бесплатный веб-сайт Icon pack для дизайнеров

Все значки созданы одним дизайнером, поэтому ваш пользовательский интерфейс будет выглядеть единообразно. Векторные иконки не объединены и сохранили формы. Выберите цвет, и мы сгенерируем перекрашенные версии вашего PNG или SVG. Получите код для вставки значка прямо в ваш HTML. С 2012 года мы каждый рабочий день создаем 3-20 новых линейных и заполненных иконок. Вам нужна иконка? Отправьте свою идею.

Посетить веб-сайт — Icons8

19. Сайт для дизайнеров Find Icon

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

Посетить веб-сайт — Найдите значки

20. Веб-сайт с бесплатными иконками и векторной графикой для дизайнеров

DryIcons — отличное хранилище ресурсов для веб-разработчиков и дизайнеров.Он предоставляет огромную коллекцию бесплатных значков, доступных в различных форматах и ​​размерах, потрясающую векторную графику, уникальные и современные бесплатные шаблоны, созданные в соответствии со стандартами W3C, а также отличные руководства по разработке и дизайну. Работы DryIcons вносят заметный вклад в веб-сообщество — место, где каждый может найти для себя что-то свое.

Посетите веб-сайт — Dryicons

50 Полезные инструменты и ресурсы для веб-дизайнеров — Smashing Magazine

Эффективный, хорошо организованный рабочий процесс — важное преимущество профессиональных веб-дизайнеров.Чем полезнее и экономнее ваши инструменты, тем больше времени вы можете сосредоточиться на важных вещах, создавая таким образом основу для своевременных качественных результатов. Проблема в том, что существует слишком много инструментов, сервисов и ресурсов, поэтому стало трудно отслеживать их и находить те крошечные средства экономии времени, которые избавят вас от головной боли и сэкономят время в долгосрочной перспективе.
И вот здесь мы и вступаем. В прежние времена Smashing Magazine публиковал списки за списками с множеством ссылок, охватывающих различные темы, все так или иначе связанные с веб-дизайном и разработкой.С тех пор мы претерпели значительные изменения и теперь публикуем почти только подробные статьи, написанные одними из лучших профессионалов в отрасли. Однако полезные, тщательно подготовленные и отфильтрованные списки по-прежнему полезны, и поэтому мы продолжаем их публиковать.
Ниже вы найдете 50 полезных инструментов и средств, которые сэкономят время для веб-дизайнеров и разработчиков . Среди прочего, вы найдете недавно выпущенные инструменты, полезные справочные листы, статьи и другие ресурсы. Такие сообщения готовятся в течение нескольких месяцев, каждый из которых содержит ресурсы, найденные, просмотренные или отмеченные редакционной группой Smashing.Мы надеемся, что хотя бы некоторые из них помогут вам улучшить свой рабочий процесс!
Вам могут быть интересны следующие сообщения по теме:
* 50 эффективных средств экономии времени для веб-дизайнеров
* 50 новых полезных методов, инструментов и руководств по CSS
* 45 Невероятно полезных контрольных списков и вопросников для веб-дизайна

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

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

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

Вам могут быть интересны следующие статьи по теме:

Типографика

Meet Your Type: Field Guide to Typography (бесплатный PDF)
Эта электронная книга поможет вам лучше понять основы типографики и преодолеть общие препятствия и проблемы при выборе тип.

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

Обои с анатомией шрифта
Эти обои (1920 × 1200) охватывают терминологию типографики, демонстрируя отдельные части букв алфавита.

Руководство пользователя веб-шрифтов (PDF)
Это руководство пользователя веб-шрифтов содержит информацию о типографике, предназначенную для различных групп людей: веб-разработчиков, системных администраторов и посетителей веб-сайтов.Возможно, вы захотите подарить его своим клиентам или коллегам.

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

Typografix
Этот инструмент представляет собой скрипт повторной обработки HTML для создания красивой типографики. Он исправляет такие вещи, как многоточие и умные кавычки, и автоматически добавляет теги для