Фавикон как сделать в иллюстраторе
Перейти к содержимому

Фавикон как сделать в иллюстраторе

  • автор:

Как в Adobe Illustrator CC 2017 сохранить иконку в формате ICO?

pozZzitiv

Никак (во всяком случае я никогда такой функции не видел ни в одной из версий). Этот формат не поддерживается пакетом. Иконки в ICO всегда делались специальным софтом для создания иконок (ведь ICO это просто контейнер, содержащий в себе несколько размеров PNG-иконок).

Варинты следующие:
а) Искать плагин/скрипт. Под Фш они есть, под Аи не знаю.
б) Пользоваться программами для создания иконок, их много разных (например, Axialis IconWorkshop Pro).
в) Пользоваться онлайн-конвертерами, их тоже очень много.

Ответ написан более трёх лет назад

Нравится 2 4 комментария

Фавикон как сделать в иллюстраторе

Узнайте, как с форматом SVG можно использовать XML и JavaScript для создания веб-графики, отвечающей на действия пользователя такими сложными эффектами, как подсветка, всплывающие подсказки, звуки, анимация и т. п.

О формате SVG

SVG — векторный формат, описывающий изображения в виде фигур, линий, текста и фильтров. Сохраняемые файлы невелики по размеру и обеспечивают высокое качество изображений в Интернете, на печати и даже на портативных устройствах с ограниченными ресурсами в отличие от форматов GIF, JPEG, WBMP и PNG, которые занимают много места. Пользователи могут увеличить изображение SVG на экране без потери резкости, деталей или четкости. Кроме того, формат SVG отлично передает текст и цвет, и пользователи всегда видят изображения таким, как оно выглядит в монтажной области Illustrator.

Формат SVG полностью основан на XML и дает много преимуществ разработчикам и пользователям.

Сохранить объект в формате SVG можно с помощью команд Сохранить , Сохранить как , Сохранить копию и Сохранить для Web и устройств . Для доступа к полному набору параметров экспорта в формате SVG используйте команды Сохранить , Сохранить как и Сохранить копию . Команда Сохранить для Web и устройств предоставляет ограниченный набор экспорта в формате SVG (только те, которые используются для работы в Интернете).

Применение эффектов SVG

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

Illustrator предоставляет набор эффектов SVG по умолчанию. Можно использовать эффекты с их свойствами по умолчанию, отредактировать код XML для создания пользовательских эффектов или написать код для новых эффектов SVG.

Примечание.

Чтобы изменить фильтры SVG, которые Illustrator использует по умолчанию, используйте текстовый редактор для редактирования файла Adobe SVG Filters.svg в папке Documents and Settings//Application Data/Adobe/Adobe Illustrator Settings/. Можно изменить или удалить существующие определения фильтра, а также добавить новые.

Как самому сделать фавикон для сайта ⁠ ⁠

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

Как самому сделать фавикон для сайта Фавикон, Ликбез, Дизайн, Логотип, Веб-дизайн, Веб-разработка, Создание сайта, Длиннопост

Как самостоятельно создать фавикон для сайта

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

Например, с моим лого (монограмма LA в кружочке) машина справилась вполне сносно. Даже в размере 16х16 px он выглядит неплохо (а лучше уже не получится).

Как это делается? Я закинул векторный файл в формате svg в сервис Real Favicon Generator, и на его основе машина подготовила мне весь комплект иконок, что на картинке ниже. Правда, пришлось ещё самому добавить 2 не самых популярных размера (64х64 и 128х128 px) в файл ico и сделать дополнительные версии без кружка (они выделены на скриншоте). Последние нужны для плиточных систем в Windows.

Как самому сделать фавикон для сайта Фавикон, Ликбез, Дизайн, Логотип, Веб-дизайн, Веб-разработка, Создание сайта, Длиннопост

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

Теперь чуть подробнее о той самой доработке и для чего она нужна.

В разработке дизайна иконок и других элементов интерфейса есть понятие пиксель-пёрфект (pixel perfect). Это значит, что каждая линия и точка должны быть выровнены по пикселям насколько это возможно, чтобы изображение не замыливалось и не мутнело. В дизайне вообще (как и во многих других сферах) есть негласное правило: если можно сделать лучше — значит, так и надо сделать.

Посмотрите, пожалуйста, на этот рисунок:

Как самому сделать фавикон для сайта Фавикон, Ликбез, Дизайн, Логотип, Веб-дизайн, Веб-разработка, Создание сайта, Длиннопост

Перед вами несколько вариантов, как можно нарисовать синий квадратик в иконке размером 16 на 16 пикселей:

а) квадрат ровно 14х14 пикселей в ширину и в высоту, толщина его стенки ровно 1 пиксель, выровнен по центру иконки;

б) квадрат ровно 14х14 px, толщина его стенки равна 1,5 px, выровнен по центру иконки;

в) квадрат ровно 15х15 px, толщина его стенки — 1 пиксель, смещён вверх и влево от центра иконки;

г) квадрат ровно 15х15 px, толщина стенки равна 1 пикселю, выровнен по центру иконки.

Видите разницу? Если бы наша иконка была намного больше (100, 200 и больше пикселей) и квадратики тоже пропорционально бы выросли, разница между ними была бы минимальна, но в таком малом размере непопадание точно в пиксели может быть значительным и сказаться на чёткости фавикона.

Вернёмся к одному из прошлых примеров:

Как самому сделать фавикон для сайта Фавикон, Ликбез, Дизайн, Логотип, Веб-дизайн, Веб-разработка, Создание сайта, Длиннопост

В этом случае выравнивание шарика по pixel-perfect было бы невозможно и даже ошибочно — он стал бы слишком угловатым и топорным.

Но вот в примере ниже для более чёткого изображение выравнивание по пикселям было необходимо:

Как самому сделать фавикон для сайта Фавикон, Ликбез, Дизайн, Логотип, Веб-дизайн, Веб-разработка, Создание сайта, Длиннопост

Пример создания фавикона из логотипа

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

Как самому сделать фавикон для сайта Фавикон, Ликбез, Дизайн, Логотип, Веб-дизайн, Веб-разработка, Создание сайта, Длиннопост

На его основе нужно создать фавикон.

Загружаем его в сервис Real Favicon Generator, нажимаем кнопку, получаем кучу файлов в нужных форматах и размерах. Смотрим на фавиконы маленьких размеров (16, 32 и 48 пикселей) и немножко расстраиваемся:

Как самому сделать фавикон для сайта Фавикон, Ликбез, Дизайн, Логотип, Веб-дизайн, Веб-разработка, Создание сайта, Длиннопост

В первом размере даже “ЕЛЗ” читается с трудом, не говоря уже о “FOREST”. В других ситуация получше, но всё равно всё размыто. Другие размеры получились нормально.

Работаем руками и головой в графическом редакторе с этими тремя размерами и получаем:

Как самому сделать фавикон для сайта Фавикон, Ликбез, Дизайн, Логотип, Веб-дизайн, Веб-разработка, Создание сайта, Длиннопост

Лучше? (если смотрите с телефона, то, возможно, всё будет не так хорошо, как на самом деле, — картинки в посте сжались, но настоящие фавиконы так делать не станут и будут выглядеть чётко. ))

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

Вот, как бы выглядели все эти иконки, будь они одного размера (для наглядности добавлена пиксельная сетка):

Как самому сделать фавикон для сайта Фавикон, Ликбез, Дизайн, Логотип, Веб-дизайн, Веб-разработка, Создание сайта, Длиннопост

Верхние иконки — просто уменьшенные версии логотипа. Как видно, мало какие линии проходят по границам пикселей, от чего в малом размере и появляется “замыленность”.

В общем, мой вам совет: для экономии времени и средств загрузите ваш лого (или какую-то его часть, хорошо вписывающуюся в квадрат) в сервис Real Favicon Generator и скачайте то, что он вам предложит. Если результат вас устроит, поздравляю — фавикон для сайта готов! При этом желательно, чтобы ваш лого был или в векторном формате svg или в png большого размера (хотя бы 512х512px). С последним результат хуже, но незначительно.

Если фавиконки маленьких размеров окажутся недостаточно качественными, мутными и размытыми, придётся доработать их в ручную. Вы можете сделать это сами в графических редакторах (Photoshop, Illustrator или их бесплатных аналогах Gimp и Inkscape), следуя советам из данной статьи, или обратиться к дизайнеру за доработкой фавикона.

Другие онлайн сервисы по подготовки фавиконов для сайта я не советую, так как вышеупомянутый всё равно самый лучший, и минусов у него практически нет. Но для создания чёткой иконки 16х16 px, можете воспользоваться сервисом favicon.cc — в этом плане он весьма хорош и полезен, но больше ни на что не годится.

Если остались какие-то вопросы по созданию фавиконов, пишите, буду рад помочь)

Поддержать
4 года назад
Логотип у линкин парка подглядел?))
раскрыть ветку
Похожие посты
Логотипер. Брендинг на грани
Подписаться
4 дня назад

Проколльный Брендинг на грани⁠ ⁠

Проколльный Брендинг на грани Юмор, Креатив, Идея, Дизайн, Маркетинг, Боги маркетинга, Нейминг, Слоган, Логотип, Бренды, Графический дизайн, Колл-центр, Обзвон, Каламбур, Игра слов

Сбрендил для вас,
Антон Логотиппер

Показать полностью 1
Поддержать
Логотипер. Брендинг на грани
Подписаться
6 дней назад

Причёсочный Брендинг на грани⁠ ⁠

Тематическая подборка в честь Дня причёски

Причёсочный Брендинг на грани Юмор, Креатив, Дизайн, Идея, Маркетинг, Игра слов, Каламбур, Графический дизайн, Логотип, Нейминг, Слоган, Бренды, Парикмахерская, Парикмахер, Прическа, Боги маркетинга, Подборка, Стрижка, Барбершоп, Длиннопост

Причёсочный Брендинг на грани Юмор, Креатив, Дизайн, Идея, Маркетинг, Игра слов, Каламбур, Графический дизайн, Логотип, Нейминг, Слоган, Бренды, Парикмахерская, Парикмахер, Прическа, Боги маркетинга, Подборка, Стрижка, Барбершоп, Длиннопост

Причёсочный Брендинг на грани Юмор, Креатив, Дизайн, Идея, Маркетинг, Игра слов, Каламбур, Графический дизайн, Логотип, Нейминг, Слоган, Бренды, Парикмахерская, Парикмахер, Прическа, Боги маркетинга, Подборка, Стрижка, Барбершоп, Длиннопост

Причёсочный Брендинг на грани Юмор, Креатив, Дизайн, Идея, Маркетинг, Игра слов, Каламбур, Графический дизайн, Логотип, Нейминг, Слоган, Бренды, Парикмахерская, Парикмахер, Прическа, Боги маркетинга, Подборка, Стрижка, Барбершоп, Длиннопост

Причёсочный Брендинг на грани Юмор, Креатив, Дизайн, Идея, Маркетинг, Игра слов, Каламбур, Графический дизайн, Логотип, Нейминг, Слоган, Бренды, Парикмахерская, Парикмахер, Прическа, Боги маркетинга, Подборка, Стрижка, Барбершоп, Длиннопост

Причёсочный Брендинг на грани Юмор, Креатив, Дизайн, Идея, Маркетинг, Игра слов, Каламбур, Графический дизайн, Логотип, Нейминг, Слоган, Бренды, Парикмахерская, Парикмахер, Прическа, Боги маркетинга, Подборка, Стрижка, Барбершоп, Длиннопост

Сбрендил для вас,
Антон Логотиппер

Показать полностью 6
Поддержать
Логотипер. Брендинг на грани
Подписаться
11 дней назад

Блюдный Брендинг на грани⁠ ⁠

Сегодня подборка блюдного семейного бизнеса: 1 материнский бренд и 2 сыновьих.

Блюдный Брендинг на грани Креатив, Маркетинг, Юмор, Дизайн, Идея, Боги маркетинга, Подборка, Графический дизайн, Бренды, Логотип, Нейминг, Слоган, Столовая, Кафе, Мама, Сын, Каламбур, Игра слов, Семья, Длиннопост

Блюдный Брендинг на грани Креатив, Маркетинг, Юмор, Дизайн, Идея, Боги маркетинга, Подборка, Графический дизайн, Бренды, Логотип, Нейминг, Слоган, Столовая, Кафе, Мама, Сын, Каламбур, Игра слов, Семья, Длиннопост

Блюдный Брендинг на грани Креатив, Маркетинг, Юмор, Дизайн, Идея, Боги маркетинга, Подборка, Графический дизайн, Бренды, Логотип, Нейминг, Слоган, Столовая, Кафе, Мама, Сын, Каламбур, Игра слов, Семья, Длиннопост

Сбрендил для вас,
Антон Логотиппер

Показать полностью 3
Поддержать
Экономика и производные. Просто, цинично, весело
Подписаться
12 дней назад

Статистика, графики, новости — 25.04.2024 — наша инфляция снова в рамках целей ЦБ!⁠ ⁠

Сегодня в выпуске:

— Что с продажами нашей сырой нефти?
— Tesla, падение показателей в квартальном отчёте и акции +13%
— Капитализация отечественного рынка акций
— США, недвижимость, страховые-банкроты с рейтингами А, дежавю

Кстати, внизу поста всегда можно жамкнуть кнопочку «Поддержать!«. Автору будем приятно. А «когда мне будет приятно, я так довезу. что тебе тоже. будет. приятно»

Статистика, графики, новости - 25.04.2024 - наша инфляция снова в рамках целей ЦБ! Политика, Финансы, Экономика, Санкции, Логотип, Дизайн, Нефть, Центральный банк РФ, Инфляция, Рост цен, Новости, Длиннопост

Доброе утро, всем привет!

Божечки, опять четверг! Опять новые данные по инфляции.

Статистика, графики, новости - 25.04.2024 - наша инфляция снова в рамках целей ЦБ! Политика, Финансы, Экономика, Санкции, Логотип, Дизайн, Нефть, Центральный банк РФ, Инфляция, Рост цен, Новости, Длиннопост

Статистика, графики, новости - 25.04.2024 - наша инфляция снова в рамках целей ЦБ! Политика, Финансы, Экономика, Санкции, Логотип, Дизайн, Нефть, Центральный банк РФ, Инфляция, Рост цен, Новости, Длиннопост

За неделю с 16 по 22 апреля 2024 года на потребительском рынке инфляция замедлилась до 0,08%, год к году темпы роста цен составили 7,82%.

▪️ В секторе продовольственных товаров на отчётной неделе инфляция составила 0,13%. Ускорилось удешевление плодоовощной продукции (-0,47%), на остальные продукты питания цены изменились на 0,18%.
▪️ В сегменте непродовольственных товаров на отчётной неделе околонулевое изменение цен (0,03%): замедлилось удорожание бензина и дизеля.
▪️ В секторе услуг темпы роста цен снизились до 0,06% на фоне возобновления удешевления авиабилетов на внутренние рейсы.

Отмечу, что прирост 0,08% за неделю — это целевой уровень Банка России. Ну в пересчёте на годовые 4-4,5%.

Цены на топливо за прошлую неделю выросли на 0,1%.

Яйца упали на 0,14%.

С полной товарной номенклатурой можно ознакомиться тут

Статистика, графики, новости - 25.04.2024 - наша инфляция снова в рамках целей ЦБ! Политика, Финансы, Экономика, Санкции, Логотип, Дизайн, Нефть, Центральный банк РФ, Инфляция, Рост цен, Новости, Длиннопост

Ну а как там поставки нашей сырой нефти?
Которая(ую) а) под потолком б) никто не покупает.

После рекордов позапрошлой недели, на прошлой поставки чуть сократились. 3,45 млн.баррелей в день. Говорят, запасы нефти марки «Сокол», которые образовались после того, как индусы отказались от них, в настоящее время исчезли. Говорят, часть ушло в Китай, а часть — барабанная дробь — индусам.

Пишут, денег наша с вами Казна подняла 1,84 млрд $. Мало им дивидендов Сбера.

В целом же, общее сокращение было вызвано спадом объёмов, уходящих с Новороссийска. 2 танкера, против 5 неделей ранее.

Статистика, графики, новости - 25.04.2024 - наша инфляция снова в рамках целей ЦБ! Политика, Финансы, Экономика, Санкции, Логотип, Дизайн, Нефть, Центральный банк РФ, Инфляция, Рост цен, Новости, Длиннопост

На чём зарабатывает Tesla?
По результатам 1 квартала 2024 финансового года

В общем, врывается в чатик Тесла со своим квартальным отчётом. Падение выручки на 9% по сравнению с аналогичным периодом прошлого года. Падение выручки по основному виду деятельности (продажа авто) на 13%. Падение чистой прибыли на 6%. Скорректированная прибыль на акцию 0,45$ против прогноза аналитиков в 0,51$.

Поставка за квартала 386 810 автомобилей, что ниже прогноза в 449 080. Производство за квартал 433 371 автомобилей, что ниже прогноза в 452 976 единиц.

Ну такая, прям позитивная отчётность? Ага? Ага, говорят, акции компании Tesla и взлетают на постторговой сессии на 13,33%. А ты, дорогой друг, продолжай торговать на новостях.

Статистика, графики, новости - 25.04.2024 - наша инфляция снова в рамках целей ЦБ! Политика, Финансы, Экономика, Санкции, Логотип, Дизайн, Нефть, Центральный банк РФ, Инфляция, Рост цен, Новости, Длиннопост

На чём зарабатывает Visa?
По результатам 2 квартала 2024 финансового года

Выручка у ВИЗЫ растёт по всем направлениям — и услуги, и международные транзакции, и процессинг. Тут, конечно, ничего удивительного. Рост объемов платежей — нормально, ибо в мире существует инфляция.

Говорят, всего сейчас имеется 4,4 млрд карт VISA. Из них 3,1 млрд — дебетовые, а 1,3 — кредитные.

Статистика, графики, новости - 25.04.2024 - наша инфляция снова в рамках целей ЦБ! Политика, Финансы, Экономика, Санкции, Логотип, Дизайн, Нефть, Центральный банк РФ, Инфляция, Рост цен, Новости, Длиннопост

Статистика, графики, новости - 25.04.2024 - наша инфляция снова в рамках целей ЦБ! Политика, Финансы, Экономика, Санкции, Логотип, Дизайн, Нефть, Центральный банк РФ, Инфляция, Рост цен, Новости, Длиннопост

«Всё, пропал дом»

Там эти штутгарцы вчера зарелизили электрический G-класс.

Mercedes-Benz G 580 с технологией EQ оснащён четырьмя двигателями, по одному на каждом колесе, автомобиль развивает 579 лошадиных сил и имеет запас хода в 293 мили.

Стоимость нового электрического внедорожника начинается от 142 621 евро (151 800$), а лимитированная версия “Edition One” — от 192 524 евро. Стоимость G-класса с двигателем внутреннего сгорания начинается от 143 000 долларов, а некоторые варианты достигают 350 000 долларов и более.

Да что ж это делается-то? А где этот волшебный ВРУМ-ВРУМ от G63?

Обещают 4,7 с. до сотни. И зарядку с 10% до 80% за 30 минут.

Статистика, графики, новости - 25.04.2024 - наша инфляция снова в рамках целей ЦБ! Политика, Финансы, Экономика, Санкции, Логотип, Дизайн, Нефть, Центральный банк РФ, Инфляция, Рост цен, Новости, Длиннопост

Сколько надо зарабатывать в США, чтобы принести домой 100 000$ за год (после налогов)
По данным компании FOX

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

Например, чтобы просто забрать домой 100 000 долларов в Мэриленде и на Гавайях, людям нужно зарабатывать более 154 000 долларов в год.

На Аляске, во Флориде, Неваде, Нью-Гэмпшире, Южной Дакоте, Теннесси, Техасе, Вашингтоне и Вайоминге проще. Почему? А там нет локального подоходного налога.

Для сравнения, в Орегоне самая высокая требуемая зарплата — около 156 280 долларов.

Статистика, графики, новости - 25.04.2024 - наша инфляция снова в рамках целей ЦБ! Политика, Финансы, Экономика, Санкции, Логотип, Дизайн, Нефть, Центральный банк РФ, Инфляция, Рост цен, Новости, Длиннопост

Топ-10 производителей батарей для электроавтомобилей в 2023 году

Несмотря на усилия США и ЕС по обеспечению местных поставок, все основные производители по-прежнему базируются в Азии.

Доминирование Китая
Компания Contemporary Amperex Technology Co. Limited (CATL) менее чем за десять лет стремительно выросла и завоевала звание крупнейшего мирового производителя аккумуляторных батарей.

В настоящее время китайская компания занимает 34% рынка и поставляет аккумуляторы для целого ряда автомобилей китайского производства, включая Tesla Model Y, SAIC MG4/Mulan и различные модели Li Auto.

В 2023 году BYD обогнала LG Energy Solution и заняла второе место. Это было обусловлено спросом на собственные модели и ростом числа сделок со сторонними поставщиками, включая поставку аккумуляторов для Tesla Model Y производства Германии, Toyota bZ3, Changan UNI-V, Venucia V-Online, а также нескольких моделей Haval и FAW.

На долю трёх крупнейших производителей аккумуляторов (CATL, BYD, LG) в совокупности приходится две трети (66%) общего объема производства аккумуляторов.

По прогнозам Fortune Business Insights, в целом объем мирового рынка аккумуляторов для электромобилей вырастет с 49 миллиардов долларов в 2022 году до 98 миллиардов долларов к 2029 году.

Статистика, графики, новости - 25.04.2024 - наша инфляция снова в рамках целей ЦБ! Политика, Финансы, Экономика, Санкции, Логотип, Дизайн, Нефть, Центральный банк РФ, Инфляция, Рост цен, Новости, Длиннопост

Если нельзя, но очень хочется, то можно.

Канада в лице своего правительства разрешила Airbus использовать российский титан в своём производстве.

В своё время эти Терренсы и Филлипы первыми запретили использование нашего с вами титана. Ну а теперь вот разрешили. Бывает, чо.

Там на этой новости у ВСМПО-Ависма аж привстал! Курс. Акций. На 7%. Правда, откатили потом.

Статистика, графики, новости - 25.04.2024 - наша инфляция снова в рамках целей ЦБ! Политика, Финансы, Экономика, Санкции, Логотип, Дизайн, Нефть, Центральный банк РФ, Инфляция, Рост цен, Новости, Длиннопост

Капитализация российского рынка акций — 60,046 трлн ₽
По состоянию на 01.04.2024. Или 651,7 млрд $

При этом совокупная стоимость котируемых акций составила 49 трлн ₽.

Акции нефинансовых организаций по-прежнему занимали наибольшую долю в структуре котируемых акций (77,4% или 37,9 трлн ₽).

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

Под котируемыми акциями понимаются акции, допущенные к организованным торгам и включённые в котировальные списки (Первый и Второй уровень) на Московской бирже. А есть еще третий уровень листинга. И там также присутствует достаточное количество эмитентов.

Статистика, графики, новости - 25.04.2024 - наша инфляция снова в рамках целей ЦБ! Политика, Финансы, Экономика, Санкции, Логотип, Дизайн, Нефть, Центральный банк РФ, Инфляция, Рост цен, Новости, Длиннопост

Говорят, что у Панамы есть надежда.

Если вы помните, то у них резко исхудал канал. В результате чего пропускная способность, мягко скажем, несколько сократилась. Появились взятки допопции — «не ждать в очереди». А тут надежда — сезон дождей приближается, а значит, возможно, наполнит. По крайней мере с конца января идёт рваный рост количества ракабликов, пользующихся услугами «из одного океана в другой».

Статистика, графики, новости - 25.04.2024 - наша инфляция снова в рамках целей ЦБ! Политика, Финансы, Экономика, Санкции, Логотип, Дизайн, Нефть, Центральный банк РФ, Инфляция, Рост цен, Новости, Длиннопост

Какое-то прямо дежавю.

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

Семь компаний, занимающихся страхованием недвижимости во Флориде, обанкротились в 2021 и 2022 годах. Из-за банкротств тысячи домовладельцев вынуждены были искать новую страховку, что часто приводило к значительному увеличению расходов. Что ещё хуже, у многих были непогашенные претензии в связи с ущербом от урагана, которые не были рассмотрены.

Но вишенка! Есть же вишенка.

У всех этих компаний, которые прекратили свою деятельность, было нечто общее: все они получили рейтинг А (“исключительный”) или выше от страховой рейтинговой компании Demotech, Inc., базирующейся в Огайо. (Один из этих страховщиков также получил оценку «А» от конкурента AM Best Co. Inc.).

На самом деле, почти 20% компаний, ведущих бизнес во Флориде, которые Demotech оценила как финансово стабильные, обанкротились в период с 2009 по 2022 год, согласно рабочему документу исследователей из Гарвардского университета, Колумбийского университета и Федеральной резервной системы, опубликованному Гарвардской школой бизнеса в декабре. В их выборке данных 99,7% оценок, выданных Demotech, были на уровне «А» и выше.

Президент и соучредитель Demotech Джозеф Петрелли (Joseph Petrelli) опроверг информацию о том, что рейтинги его агентства каким-либо образом завышены. Он сказал, что был “удивлен не меньше, чем кто-либо другой”, когда эти семь фирм объявили о неплатежеспособности.

А Джозеф прям топовый стэндапер! Мы в голосину ржали.

Статистика, графики, новости - 25.04.2024 - наша инфляция снова в рамках целей ЦБ! Политика, Финансы, Экономика, Санкции, Логотип, Дизайн, Нефть, Центральный банк РФ, Инфляция, Рост цен, Новости, Длиннопост

Эволюция логотипов техов

Трудно найти компанию, которая никогда не меняла бы свой логотип. Конечно, некоторые бренды, такие как Rolex, IBM и Coca—Cola, обычно просто обновляют свой логотип в более минималистичном стиле. Но другие делают полную смену фирменного стиля.

Вот тут история по огромному количеству компаний.

Дорогие друзья, в силу «Особого порядка» в этой статье не всё названо своими именами, а что-то и вовсе опущено. Почитать всё без цензуры можно на моём экономико-познавательном канале, где ад и Израиль — MarketScreen

Если же нужен трейдинг, анализ, графики, кривые и всё вот это вот, то второй мой канал — StockGamblers

Показать полностью 15
Поддержать
Логотипер. Брендинг на грани
Подписаться
13 дней назад

Нейминг-Шмейминг ч.31⁠ ⁠

Встречайте новую подборку отменных названий и слоганов из рубрики Нейминг-Шмейминг

Нейминг-Шмейминг ч.31 Креатив, Юмор, Дизайн, Идея, Маркетинг, Боги маркетинга, Подборка, Логотип, Нейминг, Слоган, Бренды, Каламбур, Игра слов, Доставка, Транспортная компания, Баня, Сервер, Длиннопост

Нейминг-Шмейминг ч.31 Креатив, Юмор, Дизайн, Идея, Маркетинг, Боги маркетинга, Подборка, Логотип, Нейминг, Слоган, Бренды, Каламбур, Игра слов, Доставка, Транспортная компания, Баня, Сервер, Длиннопост

Нейминг-Шмейминг ч.31 Креатив, Юмор, Дизайн, Идея, Маркетинг, Боги маркетинга, Подборка, Логотип, Нейминг, Слоган, Бренды, Каламбур, Игра слов, Доставка, Транспортная компания, Баня, Сервер, Длиннопост

Нейминг-Шмейминг ч.31 Креатив, Юмор, Дизайн, Идея, Маркетинг, Боги маркетинга, Подборка, Логотип, Нейминг, Слоган, Бренды, Каламбур, Игра слов, Доставка, Транспортная компания, Баня, Сервер, Длиннопост

Нейминг-Шмейминг ч.31 Креатив, Юмор, Дизайн, Идея, Маркетинг, Боги маркетинга, Подборка, Логотип, Нейминг, Слоган, Бренды, Каламбур, Игра слов, Доставка, Транспортная компания, Баня, Сервер, Длиннопост

Сбрендил для вас,
Антон Логотиппер

Показать полностью 5
Поддержать
Логотипер. Брендинг на грани
Подписаться
18 дней назад

Экзотический Брендинг на грани⁠ ⁠

Экзотика, доступная каждому!

Экзотический Брендинг на грани Креатив, Юмор, Идея, Маркетинг, Дизайн, Нейминг, Слоган, Бренды, Логотип, Графический дизайн, Ресторан, Экзотика, Каламбур, Игра слов, Боги маркетинга

За идею спасибо Наилю Хуснутдинову

Сбрендил для вас,
Антон Логотиппер

Показать полностью 1
Поддержать
Логотипер. Брендинг на грани
Подписаться
20 дней назад

Голосистый Брендинг на грани⁠ ⁠

Сегодня в честь Международного дня голоса сделал подборку караоке-брендов

Голосистый Брендинг на грани Юмор, Маркетинг, Дизайн, Креатив, Идея, Боги маркетинга, Логотип, Графический дизайн, Слоган, Нейминг, Бренды, Подборка, Караоке, Голос, Пение, Бар, Каламбур, Игра слов, Длиннопост

Голосистый Брендинг на грани Юмор, Маркетинг, Дизайн, Креатив, Идея, Боги маркетинга, Логотип, Графический дизайн, Слоган, Нейминг, Бренды, Подборка, Караоке, Голос, Пение, Бар, Каламбур, Игра слов, Длиннопост

Голосистый Брендинг на грани Юмор, Маркетинг, Дизайн, Креатив, Идея, Боги маркетинга, Логотип, Графический дизайн, Слоган, Нейминг, Бренды, Подборка, Караоке, Голос, Пение, Бар, Каламбур, Игра слов, Длиннопост

Голосистый Брендинг на грани Юмор, Маркетинг, Дизайн, Креатив, Идея, Боги маркетинга, Логотип, Графический дизайн, Слоган, Нейминг, Бренды, Подборка, Караоке, Голос, Пение, Бар, Каламбур, Игра слов, Длиннопост

Голосистый Брендинг на грани Юмор, Маркетинг, Дизайн, Креатив, Идея, Боги маркетинга, Логотип, Графический дизайн, Слоган, Нейминг, Бренды, Подборка, Караоке, Голос, Пение, Бар, Каламбур, Игра слов, Длиннопост

Сбрендил для вас,
Антон Логотиппер

Показать полностью 5
Поддержать
Логотипер. Брендинг на грани
Подписаться
25 дней назад

Топовый лесной Брендинг на грани⁠ ⁠

Доски и не только!

Топовый лесной Брендинг на грани Юмор, Креатив, Идея, Дизайн, Маркетинг, Бренды, Нейминг, Слоган, Игра слов, Боги маркетинга, Графический дизайн, Баннер, Лес, Доска, Дерево, Каламбур, Логотип

Сбрендил для вас,
Антон Логотиппер

Показать полностью 1
Поддержать
Логотипер. Брендинг на грани
Подписаться
27 дней назад

Клининговый Брендинг на грани⁠ ⁠

Сияние чистоты и удовольствия!

Клининговый Брендинг на грани Креатив, Юмор, Дизайн, Идея, Маркетинг, Боги маркетинга, Логотип, Нейминг, Слоган, Графический дизайн, Бренды, Каламбур, Игра слов, Клининг, Уборка, Чистота

За идеи названия и слогана спасибо @654rico и @UralFermer !

Сбрендил для вас,
Антон Логотиппер

Показать полностью 1
Поддержать
Логотипер. Брендинг на грани
Подписаться
1 месяц назад

Ребрендинг интернета⁠ ⁠

Ребрендинг интернета Креатив, Дизайн, Идея, Маркетинг, Юмор, Логотип, Боги маркетинга, Нейминг, Слоган, Бренды, Ребрендинг, Интернет, Импортозамещение, Национализация, Каламбур, Игра слов, Длиннопост

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

Ребрендинг интернета Креатив, Дизайн, Идея, Маркетинг, Юмор, Логотип, Боги маркетинга, Нейминг, Слоган, Бренды, Ребрендинг, Интернет, Импортозамещение, Национализация, Каламбур, Игра слов, Длиннопост

Концепция названия заключается в многозначности слова «шарить», отлично раскрывающего основные функции сети. Фирменный знак продукта представляет собой шарообразную букву «Ш», в которой также можно увидеть стилизованную кнопку включения и намёки на буквы «w» и «i» — отсылки к оригинальной «паутине».

Ребрендинг интернета Креатив, Дизайн, Идея, Маркетинг, Юмор, Логотип, Боги маркетинга, Нейминг, Слоган, Бренды, Ребрендинг, Интернет, Импортозамещение, Национализация, Каламбур, Игра слов, Длиннопост

Сбрендил для вас,
Антон Логотиппер

Показать полностью 3
Поддержать
3 месяца назад

Как сделать пак идентичных 3D иконок? Гайд⁠ ⁠

��Как сделать пак идентичных 3D иконок?��

1️⃣ Пишем промпт:

a gift icon, peach gradient, white background, frosted glass, transparent sense of science and technology, ultra-minimalist appearance, bright color, studio lighting, peach and white background, industrial design, a wealth of details, ultra high definition, dribble, pinterest, ray tracing, isometric view, blender, C4d, Oc Renderer —v 6.0 —style raw

2️⃣ Получаем —seed

Если нам нравится результат, то нажимаем правой кнопкой мыши на сетку изображений, выбираем реакцию конверт ✉️, тем самым отправляем себе в личные сообщения с ботом Midjourney необходимый нам —seed, который позволит сделать идентичные понравившемуся исходнику иконки.

3️⃣ Меняем объект

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

[object] icon, peach gradient, white background, frosted glass, transparent sense of science and technology, ultra-minimalist appearance, bright color, studio lighting, peach and white background, industrial design, a wealth of details, ultra high definition, dribble, pinterest, ray tracing, isometric view, blender, C4d, Oc Renderer —seed 3062166470 —v 6.0 —style raw

4️⃣ Для вариаций вашего дизайна иконок в начале промпта можно при желании добавлять glassmorphism, simple minimalistic icon design.

⚡️Фон обтравливаю бесплатно тут

Больше работ, гайдов и промптов на канале Design touch

Показать полностью 30
Поддержать
7 месяцев назад

Ответ на пост «Куда уходят копирайтеры»⁠ ⁠

Прям за живое задели.

Вот согласен, нельзя некоторые вещи поручать внутренним сотрудникам, надо отдавать на аутсорс.

Работал веб-программистом в компании, которая в плане сферы деятельности с IT никак не связана.

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

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

Минут 15 распинался перед начальником, он меня выслушал и сказал «Это хорошо, что у тебя есть опыт и ты понимаешь что и как делать. Но у нас принято работать по-другому. Тут тебе не IT компания».

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

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

В результате, получился такой гомункул, или монстр доктора Франкенштейна. Лоскутное одеяло, которое я всеми силами старался привести к единому виду, но не всегда получалось.

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

Показать полностью
10 месяцев назад

Сделаю сайт-визитку⁠ ⁠

Привет пикабу!
Наступило лето, я завершил такой этап жизни как школа, закрыл для себя такую страшную вещь как экзамены. Пока до поступления в вуз осталось довольно большое количество времени, хочу подзаработать денег. У меня есть опыт в разработке сайтов.
Почему я не пошёл на фриланс-биржу? Большая конкуренция. А так как это подработка, не в долгосрочной перспективе — смысла продвигаться по бирже не вижу. Зато знаю, что сообщество пикабу довольно отзывчивое (либо запинает толпой, но я не обижусь, сам не знаю как относиться к подобным постам).
Что я сделаю?
Качественную вёрстку на html+css, всё чисто, без всяких фреймворков. Всё будет быстро загружаться и хорошо выглядеть. Никаких вычурностей — минималистично, понятно, читаемо. Сайт будет адаптивным — хорошо выглядящим как на мобилках, так и на пк. Текстовое наполнение — при вашем желании могу отредактировать, к примеру уменьшить объём без потери информативности (никто не любит много читать). Помогу с хостингом и доменом (при необходимости)
В итоге получится простой, понятный и информативный сайт-визитка, можно и многостраничный.
Стоимость — около 5тыс.руб. за сайт, но понятное дело всё зависит от объёма работ, цена может как уменьшиться, так и увеличился. Но в любом случае — цену назову сразу, вы можете тут же отказаться если вас не устраивает. Сроки — хотелось бы не затягивать, примерно 3-4 дня.
Зачем деньги? А скажу честно — хочу купить игровую консоль Nintendo Switch, давно мечтаю, но разумеется денег надо на неё заработать самому. Вас может смутить такая цель, но я вас уверяю — к работе отнесусь с полной ответственностью, к тому же опыт уже есть. Есть примеры работ — пришлю в телеграм.
Пишите в тот же телеграм, @soilrondo.
Не ругайте за рекламу пожалуйста. Спасибо что прочитали.

Показать полностью
11 месяцев назад

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса⁠ ⁠

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

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

Типы лицензий

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

  • Public Domain — это не собственно лицензия, а статус, указывающий, что изображение можно использовать любым образом в связи с истечением установленного срока с момента смерти автора.
  • Creative Commons — лицензия для бесплатных изображений. Имеет 6 подвидов, которые различаются строгостью ограничений: от Creative Commons Zero (CC0), позволяющей свободно пользоваться картинками без указания авторства, до CC Attribution Non-Commercial No Derivatives (CC-BY-NC-ND), разрешающей только некоммерческое использование изображения в изначальном виде с обязательным упоминанием автора.
  • Royalty-Free — наиболее популярная платная лицензия, позволяет свободно использовать приобретенное изображение определенное или неограниченное количество раз.
  • Rights-managed — еще одна платная лицензия, разрешающая опубликовать изображение один раз после покупки. Может предполагать в том числе эксклюзивность фото, то есть продажу только одному покупателю.

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

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

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

Большинство бесплатных стоковых фотографий распространяются по CC0 или аналогичной ей собственной лицензии сервиса. Такое изображения можно:

  • использовать в коммерческих и некоммерческих целях;
  • изменять любым способом;
  • публиковать без указания авторства (хотя ссылка-подпись всегда приветствуется).

Основное ограничение — запрет на продажу этих изображений, в том числе в видоизменном виде.

К наиболее популярным бесплатным фототокам относятся:

Unsplash — здесь свыше трех миллионов высококачественных изображений, включая 3D-рендеры и текстуры. Регистрация не требуется. Доступны коллекции фото, поиск по тегам и автоматический подбор похожих картинок.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

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

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

PxHere — объединяет более 1 миллиона фотографий и иллюстраций. Есть коллекции, поиск с фильтрами по размеру, ориентации и цвету. Текст на сайте, переведен на русский, правда, похоже, в Google-переводчике. Фотографии доступны для скачивания без регистрации в 28 разрешениях, в том числе оптимизированных для мобильных устройств.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

Flickr — принадлежащий Yahoo! фотосток, на котором собраны десятки миллиардов изображений. Правда, не все они распространяются по СС0, но несколько миллионов фото для бесплатного коммерческого использования здесь, наверняка, найдется.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

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

FreeImages — это более 380 тысяч фотографий, векторных изображений, PSD-файлов, клипартов и иконок. Сайт по большей части переведен на русский язык, регистрация не требуется.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

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

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

Pexels — здесь собрано свыше 30 тысяч фото и видео, сгруппированных по более чем 150 категориям. У сайта есть русскоязычная версия. При скачивании фото даже без регистрации можно выбрать произвольное разрешение.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

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

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

Burst — бесплатный фотосток от известной платформы Shopify. Здесь более 20 тысяч изображений, распределенных по почти 50 категориям. Регистрация не требуется. Со страницы фото можно сразу перейти к созданию сайта на Shopify с использованием выбранного изображения.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

Picography — содержит свыше 20 тысяч фото, распределенных по 26 категориям. Скачиваются изображения только в одном оригинальном разрешении.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

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

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

ISO Republic — предлагает не только фотографии, но и видео — свыше 7 тысяч материалов в общей сложности.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

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

Платные фотобанки

Относительно использования бесплатных картинок покупка изображений дает два основных преимущества:

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

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

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

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

Контент распространяется по лицензии Royalty Free двух типов: стандартной и расширенной. Главное ограничение стандартной лицензии для использования картинок в интернете — максимальное разрешение не более 1200800 пк.

«Лори» — предлагает около 28 миллионов фотографий, иллюстраций и видео, минимальная стоимость одного изображения — 200 р. Доступны и пакеты, дающие выгоду до 60%. Подбирать фото помогает не только деление на категории и продуманный фильтр, но и хорошо организованная поддержка: с менеджерами сервиса можно связаться по email, в Telegram и в WhatsApp.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

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

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

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

Преимущества и недостатки готового фотоконтента для сайта

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

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

В то же время при использовании готового графического контента придется смириться с такими его особенностями, как:

  • ограниченность выбора — в первую очередь это касается бесплатных фотостоков. И даже среди изображений с платной лицензией не всегда можно найти иллюстрации для специфических услуг или непопулярных товаров;
  • невозможность получения брендированных изображений — фотобанки не помогут, если нужно, например, изображение фирменной продукции, фото на фоне логотипа компании или материалы съемки нового объекта недвижимости в малолюдном районе;
  • неуникальность — за редким исключением, стоковое фото может скачать (приобрести) любой желающий неограниченное количество раз, поэтому на 100% эксклюзивный сайт при использовании картинок из фотобанка сделать не получится;
  • необходимость соблюдения правил использования, определяемых лицензией — это может быть в том числе необходимость указания авторства, запрет на повторную публикацию изображения или его изменение.

Последний пункт особенно важен, так как практически на каждое изображение в интернете распространяются авторские права. Они возникают «автоматически» в момент создания объекта интеллектуальной собственности и по умолчанию работают до истечения 50–70 лет со дня смерти автора.

Лучшие фотобанки: 12 бесплатных и 2 платных cервиса Полезное, Сайт, Стоковое изображение, Фотобанк, Фотосток, Веб-разработка, Полезные сайты, Создание сайта, Фотография, Картинки, Длиннопост

Свободны от авторских прав только такие картинки, ставшие общественным достоянием (Public Domain), как это фото инженера NACA 1955 года. Источник: https://www.flickr.com/photos/nasacommons/52294407519/in/pho.

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

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

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

Если есть чем дополнить — пишите, будем рады вашим комментариям!

Показать полностью 16
1 год назад

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё⁠ ⁠

Расскажу, что нового появилось на моём проекте Gradients.app. Он про работу с цветом, палитрами и градиентами. 1 пост и 2 пост по проекту.

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Color picker или инструмент пипетка

Вы можете загрузить изображение и наведением курсора определить цвета на ней. Выбранные цвета можно объединяются в палитру. Нажав на выбранный цвет вы получаете его код в HEX и RGB, а по нажатию на код, значение копируется в буфер. Можно удалить лишний цвет двойным кликом по кругу на картинке.

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Средний цвет изображения

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

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Конвертер цветов

Выбираете нужный цвет на панели цветов и он сразу меняется в форматах HEX, RGB, CMYK, HLS и HSV. Но можно и поменять значения цвета в любой его системе и он тоже поменяется везде. Можно подобрать случайный цвет нажав на кнопку.

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

Краткая информация о цвете

https://gradients.app/ru/color/4929b4 в конце ссылки стоит hex код, можно сразу вписывать ссылку в адресную троку или менять на страницу. Ниже скриншоты страницы.

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

В первой части разные системы цветов и температура цвета.

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Небольшое количество оттенков выбранного цвета. Светлые, тёмные и серые.

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Генератор градиентов, палитр, оттенков, сочетаний цветов и ещё Дизайн, Сайт, Инструменты, Интересные сайты, Веб-дизайн, Цвет, Проект, Длиннопост

Цветовые сочетания (цветовой круг) и контрасты с разными цветам

Из новинок это всё.

Очень хочется узнать ваше мнение, что хорошо, а что неудобно и плохо.

Если будет интересно, сделаю пост про внутрянку проекта, разные статисти и метрики, как развивался и т.д.

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

Большое спасибо!

Показать полностью 7
1 год назад

Как быстро написать слайдер на JS?⁠ ⁠

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

Как быстро написать слайдер на JS? Javascript, Js 9, HTML, Html 5, Основы HTML, Htmlbook, CSS, Css3, Стиль, Слайдер, Скрипт, Инструкция, Сайт, Web, Web-программирование, Веб-дизайн, Веб-разработка, Фотография, Переключатель, Программирование, Длиннопост

Как быстро написать слайдер на JS? Javascript, Js 9, HTML, Html 5, Основы HTML, Htmlbook, CSS, Css3, Стиль, Слайдер, Скрипт, Инструкция, Сайт, Web, Web-программирование, Веб-дизайн, Веб-разработка, Фотография, Переключатель, Программирование, Длиннопост

Как быстро написать слайдер на JS? Javascript, Js 9, HTML, Html 5, Основы HTML, Htmlbook, CSS, Css3, Стиль, Слайдер, Скрипт, Инструкция, Сайт, Web, Web-программирование, Веб-дизайн, Веб-разработка, Фотография, Переключатель, Программирование, Длиннопост

Как же создать вот такой слайдер?

Слайдер будет состоять из кусков кода HTML, CSS, JS, писать будем в Codepen.io но это только для удобства, можете перенести к себе на сайт, веб-приложение или в удобное для вас место.

1. Пишем структуру

4. Заполняем объект

Как быстро написать слайдер на JS? Javascript, Js 9, HTML, Html 5, Основы HTML, Htmlbook, CSS, Css3, Стиль, Слайдер, Скрипт, Инструкция, Сайт, Web, Web-программирование, Веб-дизайн, Веб-разработка, Фотография, Переключатель, Программирование, Длиннопост

Пишем структуру

Наша структура будет состоять из объекта с классом «slider», внутри которого будет две кнопки для переключения, одна с индификатором «left», другая с «right». По середине будет большая фотография с индификатором «slider_image».



Как быстро написать слайдер на JS? Javascript, Js 9, HTML, Html 5, Основы HTML, Htmlbook, CSS, Css3, Стиль, Слайдер, Скрипт, Инструкция, Сайт, Web, Web-программирование, Веб-дизайн, Веб-разработка, Фотография, Переключатель, Программирование, Длиннопост

Пишем стили

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

bodyoutline: none;
user-select: none;
font-size: 16px;
>
h1,pmargin: 0;
padding: 0;
>
pmargin-bottom: 10px;
>
atext-decoration: none;
background-color: rgb(50,50,50);
color: white;
padding: 5px 20px;
>
a:hoverbackground-color: rgb(70,70,70);
>
.sliderbackground-color: rgb(230,230,230);
height: 350px;
padding: 50px;
display: flex;
justify-content: center;
align-items: center;
>
.slider #slider_imagebackground-color: rgb(50,50,50);
height: 400px;
min-width: 400px;
>
.slider buttonwidth: 70px;
height: 70px;
margin: 30px;
border: none;
border-radius: 100%;
padding: 0;
background: none;
>
.slider button imgwidth: 50px;
height: 50px;
>
.slider #left imgtransform: rotate(180deg);
>
.slider button:hoveropacity: 80%;
cursor: pointer;
>

Как быстро написать слайдер на JS? Javascript, Js 9, HTML, Html 5, Основы HTML, Htmlbook, CSS, Css3, Стиль, Слайдер, Скрипт, Инструкция, Сайт, Web, Web-программирование, Веб-дизайн, Веб-разработка, Фотография, Переключатель, Программирование, Длиннопост

Пишем скрипт

Для начала создадим объект, внутри которого будет хранить фотографии для слайдера, а именно ссылки на них для вписывания в будущем их в атрибут «src» на главной фотографии с индификатором «slider_image». После ищем все нужные элементы на странице через вставку «document.querySelector» и «document.getElementById». Создаем функции такие как «update()» которые будут отвечать за обновление главной фотографии, дальше будем писать ещё две функции для переключения главной фотографии. При старте страницы нужно вызвать функцию обновления, для подстраивания картинки при старте.

Как быстро написать слайдер на JS? Javascript, Js 9, HTML, Html 5, Основы HTML, Htmlbook, CSS, Css3, Стиль, Слайдер, Скрипт, Инструкция, Сайт, Web, Web-программирование, Веб-дизайн, Веб-разработка, Фотография, Переключатель, Программирование, Длиннопост

Заполняем объект

Внутри объекта «slider_cfg», пишем номер картинки от 1 до бесконечности, он сам подстроит и сам определит количество, главное соблюдать индификатор, но можно написать и без индификатора по номеру и просто перебирать их. Ещё легче было бы написать в массиве. После указания номера картинки, после «:» пишем ссылку на картинку в скобочках « ‘ ‘ », не забудьте поставить «висячую запятую», то есть как на скриншоте, после каждой записи ставить запятую в конце, даже если запись окончена.

Как быстро написать слайдер на JS? Javascript, Js 9, HTML, Html 5, Основы HTML, Htmlbook, CSS, Css3, Стиль, Слайдер, Скрипт, Инструкция, Сайт, Web, Web-программирование, Веб-дизайн, Веб-разработка, Фотография, Переключатель, Программирование, Длиннопост

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

Как быстро написать слайдер на JS? Javascript, Js 9, HTML, Html 5, Основы HTML, Htmlbook, CSS, Css3, Стиль, Слайдер, Скрипт, Инструкция, Сайт, Web, Web-программирование, Веб-дизайн, Веб-разработка, Фотография, Переключатель, Программирование, Длиннопост

Показать полностью 8
Поддержать
1 год назад

Ответ на пост «Обман Skillbox»⁠ ⁠

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

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

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

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

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

1. Композиция — способность выделять центр внимания, определять «равновесие» различных объектов в рабочем пространстве. Понимание того, что такое золотое сечение. Понимание того на скольких объектах человек может одновременно концентрировать свое внимание, и к выстраивать иерархию данных объектов и тем самым доносить до зрителя/пользователя то, что вы хотели донести.

2. Рисунок — это даст понимание того как должны выглядеть объекты на плоскости, понимать, что такое перспектива, упрощение форм, технические приемы изображения, тень/полутень и так далее.

3. Цветоведение, психология цвета и живопись — вы должны знать, как образовывается цвет, что такое спектр цвета, как длинна цветовой волны влияет на восприятие цвета человеческим глазом, цветовой круг Иттена, а так же какое значение имеет каждый цвет в разных культурах. Умение смешивать цвета и работа с красками на бумаге, позволит вам понимать цветовые сочетания и использовать правильные цвета, для передачи определенного настроения.

4. Шрифтоведение и каллиграфия — очень пригодится знать историю шрифта и уметь его сочетать. Данная штука сложная, но если вы будете чаще в нее углубляться, то это вам реально поможет.

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

Дальше идут технические моменты которые вы должны изучить уже ознакомившись с базой.

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

7. Понимание, что такое растровая и векторная графика, чем отличаются разные типы файлов JPG, PNG, GIF, SVG, EPS и так далее. Цветовые модели RGB, CMYK, HSB, HEX и.т.д. Понимать, что такое DPI и как дисплей отображает информацию. Что такое целый пиксель, что такое дробный пиксель и почему он образуется. Это важно, потому, что вы будете с этим работать.

8. Графические редакторы. Тут уже выбор зависит от того, что вам удобно и доступно. Вы должны понимать, что с векторной графикой лучше работать в Adobe Illustrator, с растровой в Adobe Photoshop, интерфейс сайта рисовать в Figma, Adobe XD или Скетч. Лучше использовать, то что сейчас в тренде, так как вам придется работать с разработчиками и клиентами. Можно нарисовать интерфейс сайта в фотошопе или иллюстраторе, или вообще в чем то непонятным, но потом полноценно презентовать свою работу клиенту будет крайне сложно, а разработчик вас будет проклинать. Когда еще не было специализированных программ, все рисовали интерфейсы в Фотошопе, но сейчас это время прошло и есть Figma.

У вас возникнет вопрос. Где брать все эти знания? Ну по первым пунктам, которые я написал существует много книг. Книги по рисунку, книги по основам композиции. Какие точно, я сейчас уже точно не скажу. Просто гуглить и читать. Чем больше тем лучше. Можно смотреть видео и отрабатывать на практике. Можно так же найти себе репетитора по рисунку и живописи и некоторое время походить к нему на занятия, чтобы вам хотя бы немного поставили руку, и вы понимали что вы вообще делаете. Это будет дешевле чем курсы от Скилбокс и прочих обучателей дизайну.

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

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

Когда вы будете уверенны в себе, то начинайте брать простенькие заказы. Где угодно. Тут я уже помочь вам не смогу. Нарабатывайте портфолио. Можно даже на синтетических проектах. Если повезет, устройтесь в студию которая занимается разработкой сайтов. Не стоит думать о том, что вы сразу должны зарабатывать миллионы. Вы там для получения опыта и общения с разработчиками и другими дизайнерами если они есть. Для понимания того, что такое технические задания, прототипы и так далее. Но через определенное время ищите фирму, где проекты серьезней и платят больше. Иначе вы остановитесь в развитии. Никто не будет вам сразу платить огромные деньги. Да и огромных денег платить вам не будут даже потом, потому, что всякие курсы плодят «дизайнеров» которые демпингуют цены выдавая около-стандартный результат и он даже некоторых устраивает. А если он кого-то устраивает, то заказчиков которые захотят платить за качество станет все меньше и меньше.Заказчики вообще редко понимают цену дизайна. Говорят я бы сам нарисовал если бы умел. Потому, что если вы цените свой труд, относитесь к нему обдуманно, прилагаете усилия, то вы должны понимать, что дизайн сайта или приложения не может стоить 5 тысяч рублей. И 10 тысяч тоже. Но понимание этого придет с первыми рабочими проектами.

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

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

Как нарисовать фавиконку чтоб она была четкой?

Я перепробовала все генераторы в мире, все равно, элементарные две буквы на фавиконке получаются «мыльные», в отличие от очень сложных фигур (тот же гугл), которые на других сайтах выглядят четко.

5b6cb298276a6708643699.png

Имгур — вообще верх наглости.
Рисую в Adobe Illustrator

  • Вопрос задан более трёх лет назад
  • 291 просмотр

2 комментария

Средний 2 комментария

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *