Ui

Многим читателям Пикабу понравилась мои прошлые статьи №1 и №2 на хорошие источники для дизайнеров и фотографов, сложно было собрать еще больше полезных сайтов, вроде бы получилось! Спасибо вам что читаете, пишите в комментариях свои сайты и я их учту!
Тут есть и ссылки из Комментов из прошлой сборки!

Блоги дизайнеров

disbiz.ru

yanakhodkina.com/blog

onjee.ru

bizikov.ru

Блоги дизайнеров (EN)

smashingmagazine.com

awwwards.com

webdesignerdepot.com

designrfix.com

dtelepathy.com

sitepoint.com

onextrapixel.com

psd-ц (бесплатные стоки psd и не только)

dbfreebies.co

freebbble.com

365psd.com

freebiesbug.com

pixeden.com

psddd.co

uispace.net

freepik.com

graphicsland.ru

decolore.net

Просто приятный дизайн сайтов

zendesign.ru

mstagency.ru

aic.ru

zendesign.ru

design.icu-agency.ru

artutkin.ru

airbnb.design

Книги:

trinosoft.com

narod.ru

В помощь программистам:

google.com (да, да именно он)

habr.com

stackoverflow.com

Генерирование регулярных выражений:

Поиск шрифтов

https://fontstorage.com/blog/about-font-face-part-one/

сайт по сжатию графики и конвертации одного формата в другой

https://squoosh.app/

https://thenounproject.com - куча пиктограмм на любой вкус

cn-fan.tv - самые свежие мультики!

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

P.S. Если добавили в закладки - добавьте и плюсик)

Предисловие:

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

Если вы хотите получить подобную палитру на основе картинки оффлайн, то, думаю, самый простой способ сделать это - провести "пикселизацию" картинки. В Adobe Photoshop это делается с помощью инструмента "Мозаика" (пункт Фильтр > Оформление > Мозаика).

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

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

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

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

Так же некоторые из этих сайтов-сервисов позволяют сгенерировать css, для выбранной палитры или скачать цвета в файл ASE, ACO или в картинку png или jpg. Некоторые принимают только .jpg картинки, а некоторые даже .gif. Некоторые позволяют создать аккаунт и сохранять подборки цветов, другие не имеют такого сервиса. Различий, функций и критериев очень много, надеюсь вы найдете то, что вам поможет.

Категории:

Сайты для генерации палитры основных цветов по картинке

Сайты по поиску картинок определенного оттенка или цвета

Сайты для генерации палитры основных цветов определенного сайта

Сайты с палитрами для выбора цвета в RGB, CMYK, HSL, HEX и т.д.

Палитры с подобранными цветами Material Design и динамическими макетами Android приложения

Мультифункциональные сайты с разными инструментами для цвета

Сайты с картинками и готовыми палитрами цветов к ним

Сайты с просто подборками гармоничных цветов

Источники

Сайты для генерации палитры основных цветов по картинке:

https://color.adobe.com/

http://palettefx.com/

http://patorjk.com/color-palette-generator/

https://www.degraeve.com/color-palette/

https://lokeshdhakar.com/projects/color-thief/

https://www.colourlovers.com/photocopa

https://www.aminus3.com/color/scheme-generator/

http://labs.tineye.com/color/

https://www.imgonline.com.ua/get-dominant-colors.php

https://www.generateit.net/color-palette-generator/

http://www.cssdrive.com/imagepalette/index.php

http://colrd.com/create/image-dna/

https://colordrop.io/scan/

http://www.colorhunter.com/

https://bighugelabs.com/colors.php

http://www.colr.org/

http://materialmixer.co/#image

http://colorexplorer.com/imageimport.aspx

https://www.wisegeek.com/how-can-i-find-the-average-color-in...

https://dribbble.com/

https://coolors.co/app

Сайты по поиску картинок определенного оттенка или цвета:

https://dribbble.com/colors/

https://services.tineye.com/MulticolorEngine

https://www.aminus3.com/color/

http://colrd.com/

Сайты для генерации палитры основных цветов определенного сайта:

https://www.colorcombos.com/grabcolors.html

http://webcolourdata.com/

Сайты с палитрами для выбора цвета в RGB, CMYK, HSL, HEX и т.д.:

https://color.adobe.com/

http://paletton.com/

http://colorblender.com/

https://colorscheme.ru/

http://colorexplorer.com/colorpicker.aspx

http://colormixers.com/

https://coolors.co/app

http://www.ficml.org/jemimap/style/color/wheel.html

http://colrd.com/create/color/

https://meyerweb.com/eric/tools/color-blend/

https://www.sessions.edu/color-calculator/

http://colory.ru/colorgenerator

http://colory.ru/colorgenerator2

https://www.colorspire.com/

http://materialmixer.co/#color

http://mcg.mbitson.com/

https://www.materialpalette.com/colors

http://www.workwithcolor.com/hsl-color-picker-01.htm

http://www.workwithcolor.com/mm-color-blender-01.htm

http://www.workwithcolor.com/hsl-color-schemer-01.htm

http://www.workwithcolor.com/color-converter-01.htm

Палитры с подобранными цветами Material Design и динамическими макетами Android приложения:

(Там гармоничные, сочетающиеся цвета, но в основном эти сайты для Android UX дизайнеров)

https://www.materialpalette.com/

https://codecrafted.net/randommaterial/

http://materialmixer.co/

Мультифункциональные сайты с разными инструментами для цвета:

(На этих сайтах есть инструменты не только подбора цвета в виде обычной палитры, но и для генерации градиента, паттерна или чего-нибудь еще)

http://colrd.com/

https://www.colourlovers.com/

https://www.colorcombos.com/

https://www.degraeve.com/

https://colordrop.io/

https://coolors.co/

https://www.imgonline.com.ua/

Сайты с картинками и готовыми палитрами цветов к ним:

(Поможет, если вдруг не хватает фантазии)

https://colorpalettes.net/

https://color.romanuke.com/

http://www.colorhunter.com/

http://colrd.com/

http://www.cssdrive.com/

http://moviesincolor.com

https://www.design-seeds.com/

https://www.aminus3.com/color/

Сайты с просто подборками гармоничных цветов:

https://coolors.co/browser/latest/1

https://colordrop.io/

https://colorhunt.co/

http://www.colormunki.com/pantone

http://www.colormunki.com/munsell

https://colorup.tikkurila.com/index.html#/l/ru/6/8/colors

https://www.colorcombos.com/popular-color-combinations

http://colrd.com/palette/

Источники:

http://www.dejurka.ru/articless/color-swatches/

https://designshack.net/articles/inspiration/developing-a-co...

https://tin-liva.livejournal.com/89084.html

http://do.esprezo.ru/color-picking

https://vgrafike.ru/ochetaniya-cvetov-onlajn/

http://www.nautical.dorisyershova-design.ru/2014/07/14/%D1%8...

http://www.workwithcolor.com/more-online-color-tools.htm

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

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

Самые лучшие гайды для web-дизайнеров и разработчиков яблоко и гугл

alfabank.ru - Дизайн Альфа-Банка

kontur.ru - Контур.Гайды

Блоги

disbiz.ru - блог веб-дизайнера

nicothin.pro - блог о веб-разработке

projectorat.ru - блог прототипографа

Для работы с вдохновением

dribbble.com - для вдохновения и размещения портфолио

behance.net - для вдохновения и размещения портфолио

freebbble.com - тут все что есть бесплатное в dribbble

dribe.org - Накрутка лайков на dribbble, behance, medium, artstation

tympanus.net - для вдохновения дизайнера и программиста

Работа с форматами, картинками, цветами

wallhaven.cc - обои и картинки

cutepdf.com - редакторы PDF

pdfescape.com - Богатые бесплатные редакторы PDF

pngtree.com - иллюстрации и png

icons8.com – иконки

coolors.co – палитры

codelove.de - оптимизатор jpg

webgradients.com - градиенты и цвета

undraw.co - иллюстрации

squoosh.app - сайт по сжатию графики и конвертации

webhostinghub.com - сет векторных иконок.

Конструкторы логотипов

logogarden.com

logaster.ru

Релакс

radiooooo.com - можно выбрать любое десятилетие и страну и слушать музыку

cc-fan.tv – куча мультиков (когда устал от работы)

mynoise.net - шум моря и не только

Еще много хорошего

habr.com - 400 потрясающих бесплатных сервисов

habr.com - 300 потрясающих бесплатных сервисов

Уроки по 3d графике

videotuts.ru

videosmile.ru

Облегчим жизнь верстальщикам

zeplin.io – PSD to CSS

avocode.com - PSD to CSS

pixlr.com - GIMP в web

Редакторы диаграмм

websequencediagrams.com

mindmeister.com

В помощь программистам и всем, кто в web и it

devdocs.io - шпаргалка для web разработчика

nisnom.com - сборник HTML, CSS, JavaScript/jQuery компонентов

zilore.com — пока еще бесплатный anycast dns-хостинг с гео

themelock.com - сайт с шаблонами бесплатно

startbootstrap.com - еще Bootstrap шаблоны бесплатно

bplaced.net - бесплатный немецкий хостинг

wobzip.org - распаковать архив онлайн

sqlfiddle.com - поиграть с SQL запросами

regexpal.com - поиграть с регэкспами

mega.nz - облако до 50 гигов

toggl.com - тайм-трекер

halocoder.ilost.ru - онлайн редактор и файл-менеджер

mailchimp.com – сервис для e-mail рассылок

keys.so – аналитика конкурентных сайтов

Привет! Я web-дизайнер (и еще немного фотографирую) мне за долгое время работы было очень сложно порой найти нужный ресурс, решил облегчить жизнь юным дизайнерам, да и просто тем, кто любит красивые картинки на рабочий стол, собрал большинство ресурсов, которыми пользуюсь сам, для работы, заработка в интернете и упрощения жизни, надеюсь тебе будет полезно мой юный друг, который тянется к знаниям!

Блоги и статьи для дизайнеров, можно найти что почитать и чему поучиться:

disbiz.ru

antonz.ru

awdee.ru

infogra.ru

vc.ru

habr.com

maximsoldatkin.com

deadsign.ru

postovoy.net

bureau.ru

igorshtang.ru

rakh.im

artlebedev.ru

uwebdesign.ru

Хорошие обои на рабочий стол и jpg, иногда с лицензией на использование в работе:

chamberofcommerce.org

fuzzyaxolotl.com (осторожно, много голых теть)

pinterest.ru

500px.com

PNG – все сразу и без фона, подойдёт для фотохудожников и web-дизайнеров

kisspng.com

pngfly.com

Psd и Mockups – тем кто ленится делать все ручками

freebiesbug.com

psddd.co

pixelbuddha.net

dbfreebies.co

uispace.net

freepik.com

graphicsland.ru

freepik.com

freebiesupply.com

decolore.net

Подбор цвета \ цветовой круг

colorscheme.ru

color.adobe.com

Шрифты, наборы, пользуюсь сам и советую другим

fonts.google.com

allfont.ru

fontsquirrel.com

fontstorage.com

Icon и шрифтовые иконки

fontawesome.com

flaticon.com

iconfinder.com

Требования к PSD-макетам. Знать такое надо любому web- дизайнеру:

github.com/andrey-hohlov

Биржи фриланса \ Заработок в интернете

themeforest.net

work-zilla_com

freelance.ru

fl_ru

upwork.com

Временный файлообменник

dropmefiles.com

Где учится html и css + js

htmlacademy.ru

htmlbook.ru

Конструкторы сайтов (все ущербно, но для быстрого тяп-ляпа сойдет)

webflow.com

wix.com

bitrix24.ru

Спасибо за внимание, надеюсь статья была полезна хотя бы одной ссылкой!

P.S.
Учитесь и тянитесь к знаниям, ведь в наше время еще можно найти информацию в интернете!