asceon

asceon

МСК 11:00-19:00 Веб/Графический дизайнер, HTML/CSS/Tilda верстка, в процессе: js, React.js, Node.js Мой канал в телеграм с полезными плюшками для дизайна: https://t.me/+f0OwlqWf0uE2OTdi
Пикабушник
99 рейтинг 1 подписчик 3 подписки 22 поста 0 в горячем
4

Фото для дизайна

Фото для дизайна Дизайн, Креатив, Развитие, Веб-дизайн, Дизайнер, Фриланс, Удаленная работа, Длиннопост

Избранные

  • Unsplash /Крупнейший фотосток с огромной коллекцией изображений.

  • Pexels / Лучшие бесплатные стоковые фото и видео от талантливых авторов.

  • Pixabay / Одна из самых мощных коллекций бесплатных стоковых фото и видео.

  • Kaboompics / Более 25 000 бесплатных стоковых фотографий.

  • RGBstock / Более 100 000 бесплатных фотографий.

  • Pickupimage / Большой фото-сток с фотографии в высоком разрешении.

  • Gratisography / Сток бесплатных фотографий в высоком разрешении для личных и коммерческих нужд.

  • Freephotos.cc / Бесплатный фотосток с поиском по ключевым словам.

  • reshot / Коллекция бесплатных иконок, иллюстраций и фотографий.

  • Freepik / Поможет вам найти бесплатную векторную графику, иллюстрации, иконки, PSD и фотографии.

  • Stocksnap / Бесплатные фотографии, которые можно использовать в коммерческих целях.

  • Free Stock Footage / Бесплатный сток фотографий и видео природы.

  • Life of Pix / Коллекция фотографий от рекламного агентства Leeroy самого высокого качества, доступная для личного и коммерческого использования.

  • Stockio / Профессиональные фотографии, высококачественные векторы, иконки и уникальные видеоролики

  • User Stock / Фотографии людей для аватаров.

  • Nappy / Сток фотографий, где можно найти фотографии людей с черной и коричневой кожей.

Остальные

  • Libre Stock / Более 5000 бесплатных фотографий, найденных на топовых стоках.

  • Dinosaur's pen / Коллекция фото и рекламы старых компьютеров и техники

  • Skuawk / Коллекция отличных бесплатных фотографий на разные темы

  • Vintage Stock Photos / Фотосток с различными ретро-снимками.

  • Free Images / Бесплатные стоковые фотографии для личного и коммерческого использования.

  • KissCC0 / Сток бесплатной векторной графики, клипартов и фотографий для личного и коммерческого использования.

  • Public Domain Pictures / Фотосток с большим количествоа любительских снимков. Большинство изображений не лучшего качества, но попадаются и достойные внимания работы.

  • Travel Coffee Book / Подборка бесплатных travel-фото для коммерческого и личного использования. 10 новых фотографий каждые 10 дней.

  • Moveast / Подборка бесплатных travel-фото от португальского блогера João Pacheco для коммерческого и личного использования

  • ShotStash / Коллекция стоковых фотографий в HD-качестве. Можно использовать для коммерческих и личных целях.

  • Magdeleine / Подборка бесплатных фотографий (подходит для коммерческого использования). Есть удобный поиск по цвету, категории и тегам.

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

  • WOCinTech / Бесплатная подборка фотографий по тематике Женщины в IT.

  • Startup Stock Photos / Бесплатные фотографии по тематикам стартап и бизнес.

  • Picjumbo / Более 4 000 бесплатных фотографий для личного и коммерческого использования.

  • New Old Stock / Ретро фотографии из архивов. Многие можно использовать для коммерческих целей.

  • Little Visuals / Бесплатные изображения от фотографа Ника Джексона.

  • Freerangestock / Бесплатные фотографии и иллюстрации для коммреческих целей.

  • Burst by Shopify / Бесплатные фотографии в высоком разрешении. Все фотографии разделены по категориям.

  • Picspree / Бесплатный сток с фотографиями, видео и графикой. Можно использовать для коммерческих целей.

  • jay mantri / Большой набор качественных и бесплатных фотографий от Jay Mantri.

  • you work for them / Сайт с крупной коллекцией разной графики: 3D, иконки, фото и другое

  • Public Domain / Сток винтажных фотографий и иллюстраций с открытой лицензией.

  • The Stocks / Сток с фотографиями, мокапами и т.д.

  • Vecteezy / Сток фото, графики и видео

  • Foodiesfeed / Тысячи бесплатных и качественных изображений еды

  • Splashbase / Платформа для поиска бесплатных фотографий и видеозаписей с большой коллекцией

  • ISO Republic / Тысячи бесплатных стоковых изображений и видеороликов высокого разрешения.

  • AllTheFreeStock / Сервис предоставляет бесплатные изображения, видео и звуки, а также различные иконки.

  • Loon.site / Мультисток

  • Everypixel / Хороший поисковик стоковых фото и иллюстраций

Больше полезностей для дизайнеров в моем телеграм канале

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

Лицензия у шрифтов

Лицензия у шрифтов Дизайнер, Дизайн, Развитие, Digital, Гайд, Web, Веб-дизайн, Веб-разработка

ЧТО ЕЩЕ ЗА ЛИЦЕНЗИЯ?

Большинство из существующих шрифтов — платные. Они распространяются по лицензиям. Лицензия, в свою очередь — это право использовать шрифт в своем проекте. Ее предоставляет автор с определенными условиями.

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

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

БЕСПЛАТНЫЕ ШРИФТЫ

Это шрифты, которые можно свободно использовать и в личных, и в коммерческих проектах. Они распространяются по свободной лицензии. Например, сюда относятся шрифты Google Fonts, доступные по лицензии SIL Open Font License.

К лицензиям на бесплатные шрифты также относятся: Apache License, Creative Commons, Pablic Domain, Freeware.

ПЛАТНЫЕ ШРИФТЫ

Для платных шрифтов существуют несколько типов лицензий. Начнем с Desktop. Эта лицензия самая распространенная. Используется для логотипов, сайтов, соцсетей и для печати. Предоставляется в форматах TTF или RTF. Покупается на каждый компьютер отдельно.

Лицензия Web позволит использовать шрифт на сайте в качестве заголовков или текстовых блоков. Шрифт встраивается в код сайта.

Цена на лицензию зависит от количества посещений сайта. Если количество посещений увеличится, то придется приобрести расширенную лицензию. Предоставляется в форматах WOFF, WOFF2 и EOT.

Лицензия Аpp используется для мобильных приложений. За нее нужно платить только один раз. Стоимость высчитывается исходя из количества приложений и количества скачиваний.

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

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

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

Есть еще варианты лицензий и нюансов, если тема зайдет, накопаю еще инфы и выложу

Больше полезностей для дизайнеров в моем телеграм канале

Показать полностью
4

Как защитить проект в Figma

Как защитить проект в Figma Дизайнер, Дизайн, Инструкция, Сайт, Креатив, Гайд, Веб-дизайн, Web, Figma

Первое и самое важное правило фрилансера. И нет, доступ can view тебя не спасет от заказчика. Скажите спасибо "блоггерам", которые снимают видео "как украсть проект в Figma"

Не отправляй ссылку на исходник Figma с доступом Can view до полной оплаты!

Первый способ

Берешь свой макет и сохраняешь его как png и вставляешь в новый документ через плагин Insert Big Image

Второй способ

Купить доступ к платной фигме или создать бесплатную team для обучающихся (главное, не злоупотребляйте) и выполнить шаги:

Как защитить проект в Figma Дизайнер, Дизайн, Инструкция, Сайт, Креатив, Гайд, Веб-дизайн, Web, Figma

Основной и самый важный плюс последнего способа:

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

Больше полезностей для дизайнеров в моем телеграм канале

Показать полностью 1
2

Подготовка дизайн-макета к верстке

Подготовка дизайн-макета к верстке Дизайн, Креатив, Развитие, Веб-дизайн, Дизайнер, Фриланс, Удаленная работа, Сайт, Стартап

Наведите порядок в макете

  • Удалите лишине фреймы и объекты

  • Уберите скрытые слои

  • Используйте стили и компоненты

  • Назовите фреймы и слои

Проверьте фреймы

  • Все объекты должны быть внутри фрейма, а не за его пределами

  • Никаких дробных значений и странных цифр

  • Плагин Pixel Perfect вам в помощь

Проверьте слои

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

Подготовьте UI-kit

Одно из важнейших подготовление перед версткой, именно из этого манула у разработчика появляется понимания состояний элементов и какие компоненты и стили, готовить. Опишу обычные состояние которы я использую в вариантах: default, focus, hover, active, disable, для чек-боксов и радио кнопок: on, off

Что еще можно добавить:

  • Сохрани шрифты в отдельную папку

  • Выгрузи иконки в SVG

  • Выгрузи фото и иллюстрации (на всякий случай)

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

Больше полезностей для дизайнеров в моем телеграм канале

Показать полностью 1
4

NDA в дизайне

NDA в дизайне Дизайн, Креатив, Развитие, Веб-дизайн, Дизайнер, Фриланс

Некоторые заказчики перед началом работы над проектом просят дизайнеров подписать NDA. Разбираемся, что это такое и на какие условия в этом документе нужно обращать внимание в первую очередь.

Что такое NDA

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

Читайте условия внимательно

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

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

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

Спрашивайте, если непонятно

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

Что делать, если работу в портфолио не добавить?

Если по условиям NDA работу в портфолио добавить нельзя, стоит повысить стоимость такого проекта. Ведь портфолио — один из основных инструментов в поиске новых заказов.

Больше полезностей для дизайнеров в моем телеграм канале

Показать полностью
4

Как понять что не просто устал, а выгорел

Как понять что не просто устал, а выгорел Развитие, Дизайнер, Дизайн, Тревога, Креатив, Фриланс, Веб-дизайн

Выгорание

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

Удалить эту болячку не получится, но определить и опередить ее злые чары мы в силах. Итак, начнем!

Недосып

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

Пассивная агрессия

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

Отсутствие радости

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

Бессилие

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

Неконтролируемое время

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

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

Проблемы с питанием

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

Кушать важно! Хорошо кушать еще важнее, поэтому не допускай голодовки в пользу закрытия проекта, а завари себе ромашку, приготовь самую полезную кашу - и удели время своему организму

ИТОГ

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

Больше полезностей для дизайнеров в моем телеграм канале

Показать полностью
2

Словарь дизайнера

Словарь дизайнера Дизайн, Развитие, Дизайнер, Веб-дизайн

Вайрфрейм

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

Прототип

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

Usability

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

User flow

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

«Над сгибом»

Понятие относится к контенту, который пользователь впервые видит на странице без прокрутки (так называемый первый экран).

Хедер

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

CTA (Call-to-action)

Это элемент интерфейса, который мотивирует пользователя к действиям. Например, «Попробуй бесплатно» и т. п.

Программы CRM

CRM (Customer Relationship Management) обозначает систему управления отношениями с клиентами. Это программное обеспечение хранит контактную информацию клиента и помогает выстраивать долгосрочные связи с клиентами, поддерживать их лояльность и стимулировать к повторным покупкам.

IA (информационная архитектура)

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

Тепловая карта сайта

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

Ul-паттерн

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

User friendly

Этим словосочетанием обычно обозначают среду (в том числе и сайта), продуманную с учетом удобства пользователя.

Больше полезностей для дизайнеров в моем телеграм канале

Спасибо за плюс вверх на посте!

Показать полностью 1
2

Три нестандартных способа найти первые заказы дизайнеру

Три нестандартных способа найти первые заказы дизайнеру Развитие, Дизайн, Креатив, Учеба, Дизайнер, Образование, Фриланс, Веб-дизайн, Telegram (ссылка)

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

• Опытный дизайнер не конкурент, а работодатель!

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

• Работать только с входящим потоком

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


• Не избегайте работу в найме!

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


Эти способы кажутся мне наиболее перспективные в текущем ключе. Они простые и я сам ими пользовался в начале своего пути и они все работают

Больше полезностей для дизайнеров в моем телеграм канале

Показать полностью
Отличная работа, все прочитано!