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

Представляем подборку полезных инструментов и ресурсов для дизайнеров, которые помогут в создании сайтов, приложений, интерфейсов, презентаций и других веб-проектов. Изображение: materialui.co/colors (CC0)
Представляем подборку полезных инструментов и ресурсов для дизайнеров, которые помогут в создании сайтов, приложений, интерфейсов, презентаций и других веб-проектов. Изображение: materialui.co/colors (CC0)
Бес­плат­ные PSD-шаб­ло­ны и шриф­ты, под­бор цве­тов, созда­ние ико­нок и дру­гие полез­ные ресур­сы для дизай­не­ров.

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

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

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

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

Изображение: materialui.co/colors
Изоб­ра­же­ние: materialui.co/colors
  • 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.com
Изоб­ра­же­ние: typegenius.com
  • TypeGenius: Най­ди­те иде­аль­ную ком­би­на­цию шриф­тов для ваше­го про­ек­та.
  • Font Squirrel: Бес­плат­ные шриф­ты.
  • FontFaceNinja: Рас­ши­ре­ние для бра­у­зе­ра, кото­рое нахо­дит шриф­ты, исполь­зу­ю­щи­е­ся на сай­те.
  • Google Fonts: Бес­плат­ные шриф­ты, опти­ми­зи­ро­ван­ные для веба.
  • Beautiful Web Type: Луч­шие шриф­ты из кол­лек­ции Google.
  • DaFont: Архив шриф­тов для ска­чи­ва­ния.
  • 1001 Free Fonts: Боль­шой выбор бес­плат­ных шриф­тов.
  • FontPark: Боль­шой архив шриф­тов.
  • Font-to-width: Скрипт, рас­по­ла­га­ю­щий шрифт по ширине окна.

Под­бор­ка бес­плат­ных кирил­ли­че­ских шриф­тов.

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

Изображение: thenounproject.com
Изоб­ра­же­ние: thenounproject.com

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

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

По мате­ри­а­лам: +300 Awesome Free Things