Webdesign

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

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

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

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

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

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

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

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

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

SVG Grabber

Если иногда вам нужно «стянуть» логотип или значок со страницы сайта, то попробуйте использовать для этого SVG Grabber. Нажмите одну кнопку, и она автоматически вытянет все SVG, которые находятся на странице.

Font Ninja

FontFace Ninja - это расширение для браузеров Chrome и Safari, которое позволяет легко находить, пробовать и скачивать различные шрифты. После установки этого расширения для вас навсегда перестанет быть загадкой, какие шрифты используются на том или ином сайте и где их скачать.

ColorZilla

Расширение для Google Chrome и Mozilla, которое помогает веб-разработчикам и графическим дизайнерам решать задачи, связанные с цветом, и другие задачи. ColorZilla позволяет получать данные о цвете из любой точки браузера, быстро настраивать этот цвет и вставлять его в другую программу, например Photoshop.

Window Resizer

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

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

Лучшие сервисы

• Google fonts / Библиотека более 800 свободно распространяемых шрифтов.

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

• Rufonts / Большая библиотека оригинальной кириллицы для вашего проекта.

• Velvetyne / Библиотека шрифтов с отрытым исходным кодом.

• Paratype / Сайт, посвященный шрифтам, порадует русских дизайнеров.

• TypeType / TypeType создает, продает и кастомизирует шрифты. Также есть бесплатные шрифты.

• Adobe Fonts / Компания Adobe гарантирует высокое качество всех предлагаемых шрифтов.

• Befonts / Библиотека бесплатных шрифтов.

• Webfont / Каталог бесплатных шрифтов для использования в вебе

• 1001 Fonts / Библиотека шрифтов (более 15000). Удобная навигация – шрифт можно выбрать по размеру, типу, теме, дизайну и т.д.

• 1001 Free Fonts / Библиотека шрифтов. Имеет удобную навигацию.

• Abstract Fonts / В коллекции Abstract Fonts – около 13 000 бесплатных шрифтов, доступных для скачивания. Среди них 150 – кириллических.

• Beautiful Web Type / Руководство по лучшим шрифтам с открытым исходным кодом

• 100 Days of Fonts / Визуальная подборка из 99 кобинаций Google шрифтов.

• Best Fonts / Сотни латинских и кириллических шрифтов, которые легко отсортировать по дате добавления, рейтингу популярности

Дополнительные

• Dafont / Более 30 000 шрифтов. На главной странице проекта – простая и понятная инструкция по установке шрифтов.

• Font Squirrel / Одна из самых больших библиотек шрифтов.

• Fontjoy / поможет создать комбинации шрифтов, которые сочетаются друг с другом

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

• Fontpair / Бесплатная типографика для вашего следующего творческого проекта

• Fonts in the Wild / Большая библиотека шрифтов, есть подборка бесплатных.

• FontsArena / Сайт о типографике, посвященный веб-типографике и высококачественным бесплатным шрифтам

• FontSpace / Более 94 000 бесплатных шрифтов. Есть поиск по тегам и удобный предпросмотр.

• Free Typography / Блог, посвященный бесплатным шрифтам с возможностью скачивания.

• Мы с котом / Сайт, где можно найти бесплатную и оригинальную типографику на кириллице.

• Open Source Typefaces / Поборка бесплатных шрифтов на платформе Are.na.

• Ph4 / Библиотека шрифтов на кириллице, подойдет для баннеров, листовок, но и не только.

• Pinspiry / 900 бесплатных шрифтов, предназначенных для личного и / или коммерческого использования. Кириллических – около 80.

• Pixel Surplus / Библиотека из более чем 1000 бесплатных шрифтов.

• Reliablepsd / Коллекция профессионально подобранных шрифтовых пар.

• Шрифт Красиво / Есть много крутых шрифтов на кириллице с примерами.

• typespiration / Инструмент позволяет не только найти идеальную шрифтовую пару, но и подобрать цвета для заголовков, подзаголовков и основного текста.

• Typewolf / Тут можно найти множество интересных шрифтовых пар, которые украсят любой дизайн.

• Fontfabric / У студии Fontfabric богатое портфолио, есть недорогие и бесплатные шрифты.

• Typ.io / Поможет выбрать основной шрифт и быстро найти ему подходящую пару.

• FontBase / Бесплатный менеджер шрифтов для дизайнеров.

• FontForge / Бесплатный шрифтовой редактор с открытыми исходниками. Win, Mac, Linux.

• UsedFonts / Расширение Chrome для определения шрифта на любом сайте.

• Variable Fonts / Простой ресурс для поиска и тестирования вариативных шрифтов

• Type Scale / Сервис поддерживает выбор шрифта из Google Fonts и настройку его свойств, таких, как размер и коэффициент масштабирования.

• Web Designer Depot / Библиотека бесплатных шрифтов.

• FontStruct / Онлайн конструктор шрифтов. Очень простой инструмент, позволит создать собственный шрифт.

• What Font Is / Онлайн сервис для подбора шрифтов сайта.

• Hyperglot / Сервис проверки шрифтов на поддержку разных языков.

• WhatFont / Расширение для Chrome для определения шрифтов на веб-страницах.

• WhatTheFont / Сервис для поиска нужного шрифта по фото.

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

01. Плохо считывается визуальное разделение блоков

Берите большие отступы 120-180px и отделайте блоки цветами

02. Разные отступы

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

03. Плохой контраст текста наложенного на фото

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

04. Очень много стилей

Большое количество стилистических элементов, цветов и типографики затрудняет восприятие пользователя и выглядит неаккуратно. Ограничьтесь 1-2 шрифтами, 1-2 насыщенностей шрифта, одним акцентным цветом.

05. Злоупотребление цветными блоками

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

06. Большой объем текса в карточках

Лучше переписать этот текст на 1-2 предложения, что бы не получалось елочек или вытянутых блоков. Они визуально не красивы и сложно воспринимаются.

07. Большой объем текста выровненного по центру

Большой объем очень сложно воспринимать, рекомендуется не более 1-3 предложений

08. Текст или элементы накладываются на важные элементы изображения

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

09. Визуальная иерархия

Заголовок на обложки (h1) в первом блоке должен быть больше чем внутренние в блоках заголовки (h2), то же самое с заголовками третьего и четверного уровня. Описания, не должно быть больше заголовка

10. Слишком длинный крупный заголовок

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

11. Лишние обводки на кнопке

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

15. Перегруженное меню

Не используйте более 5-7 пунктов меню

16. Большой сплошной текст

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

17. Ключевая фраза в тексте

Не стесняйтесь ее сделать крупнее от основного текста на 10-15px

18. Отступы между картинками

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

19. Огромное количество выделение в тексте

Акценты работаю хорошо только тогда, когда их мало в тексте

20. Неуместное использование курсива

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

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