Инструменты для UX/UI дизайна: UXPin, Mason, Interfacer и Webflow

Инструменты для UX/UI дизайна Online сервисы Инструменты Программы 

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

Красивые формы логина на сайте: HTML/PSD исходники, дизайны для вдохновения

Красивые формы логина PSD исходники Вдохновение Дизайны сайтов 

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

60+ красивых черных текстур для Фотошопа

Черные текстуры для Фотошопа Текстуры и фоны 

Решили сделать небольшой пост противоположный подборке белых текстур и собрать несколько десятков красивых черных фонов для Фотошопа однотонных и с узорами. Они неплохо смотрятся в какой-то сверх контрастной графике с золотыми, светлыми текстами, например с теми же шрифтами мелом или могут использоваться для наложения на определенные объекты, как подложка картинки и т.п. Просмотрев картинки ниже, увидите что на самом деле 100% однородная заливка с глубоким…

Canvas Chrome — рисуем на странице браузера Google Chrome, Firefox и не только

Canvas Chrome Online сервисы Программы 

Современные графические редакторы давно ушли от старых десктопных версий и запустили собственные онлайн-сервисы и разные мобильные приложения. Так, например, недавно мы рассматривали более 10-ти полноценных и самодостаточных программ дизайна на Андроид, есть аналогичный софт под iOS, можно вспомнить векторный редактор Vectr и многое другое. Корпорация Google решила не отставать от подобных тенденций и запустила свое онлайн веб-приложение для рисования на страницах браузера — Canvas Chrome. Не смотря…

Как сделать подвал сайта (footer): варианты дизайна, зачем он нужен, советы

подвал сайта Веб-дизайн Статьи 

Разработчики часто упускают из виду, что footer для сайта (перевод с англ. футер/подвал) является одним из базовых его элементов. Он может дать более полную информацию о компании, а также выполняет разные полезные функции: облегчает навигацию, помогает сориентироваться посетителям веб-проекта и пригодится в некоторых коммерческих целях. Ранее в блоге мы рассматривали разработку шапки сайта а сегодня поговорим о подвале. Тут нужно грамотно подойти к выбору управляющих компонентов, которые…

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

Лучшие статьи Дизайн Мании в 2018 году Вдохновение Веб-дизайн Инструменты Скачать 

Продолжаем ежегодную традицию и публикуем самые интересные заметки за «прошлый сезон». Ранее в Дизайн Мании вы уже могли видеть похожую статью за 2017 год и подборку лучших постов в 2016. Нам кажется, что такой дайджест позволяет максимально быстро просмотреть наиболее актуальные материалы и, возможно, сохранить что-то для себя в закладках. Для удобства записи сгруппированы по разными тематикам, которые соответствуют рубрикам блога: тут есть заметки про…

Как сделать цветовую палитру для сайта и не только (алгоритм + советы)

цветовая палитра для сайта Актуальное Веб-дизайн Статьи 

В Дизайн Мании уже было несколько публикаций с похожей тематикой: в заметке про сервисы подбора цветов для сайтов кроме ресурсов вдохновения рассмотрели парочку полезных веб-инструментов; также был пост с обзором генераторов палитр и т.п. Однако без понимания логики как сделать цветовую палитру все они могут оказаться малоэффективными. Сегодня постараемся заполнить данный пробел и прояснить некоторые теоретические моменты, хорошо описанные в этой заметке. Те из вас, кто уже пользовались новомодными онлайн-генераторами, в курсе…

Кисти снежинки для Фотошопа бесплатные и красивые, падающий снег и т.п. (40+ штук)

Кисти снежинки Кисти 

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

55+ страшных и ужасных хоррор шрифтов для хэллоуина

Страшные хэллоуин шрифты Шрифты 

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

Vectr – простой бесплатный редактор векторной графики (онлайн и для ПК)

Редактор Vectr Инструменты Программы 

Долгое время инструменты создания/редактирования векторной графики были труднодоступными для вебмастеров, блогеров и контент-маркетологов. Во-первых, специальное ПО зачастую стоило дорого, а во-вторых, являлось слишком сложным для рядовых юзеров (не дизайнеров). Сейчас ситуация получше — можно найти разные аналоги Иллюстратора в свободном доступе, не сильно уступающие оригиналу. Об одном из них сегодня поговорим — это программа Vectr. Используйте данный бесплатный векторный редактор на обычном ПК или в…

Лучшие логотипы с перекрытиями (наложением слоев)

логотипы с перекрытиями Вдохновение Логотипы 

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

55+ деревянных фонов и текстур для Фотошопа бесплатно

Текстуры и фоны 

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

Полезные веб-сервисы дизайнеру №10: эффектные фоны, CSS генераторы, SVG материалы

Полезные веб-сервисы дизайнеру №10 Online сервисы 

Текущий выпуск будет 10-тым по счету (юбилейным) с момента запуска рубрики статей-подборок с разными инструментами дизайнерам. Именно поэтому мы подготовили непривычно большое число обозреваемых проектов — сразу 10. Кроме того, подобных публикаций в блоге не было достаточно давно (прошлый пост датируется аж началом февраля), и за пару месяцев накопилось много чего интересного для рассмотрения. SVG Backgrounds Сервис SVG Backgrounds содержит яркие и эффектные SVG фоны для сайтов. Представленные…