Дизайн Мания - блог про веб дизайн

Приветствуем вас в блоге про веб дизайн под соответствующим названием Дизайн Мания. Оно, как вы уже поняли, выбрано не случайно - наш проект для всех тех, кто, как и мы, неровно дышит в сторону web дизайна различных интернет проектов и сайтов. Хотя с таким же успехом он будет полезен всем, кто просто работает или увлекается дизайном веб сайтов, пытается сделать свой блог лучше либо ищет источники для вдохновения. Все это (и много чего другого) есть у нас!

Дизайн Мания имеет формат блога, новые статьи публикуются в хронологическом порядке начиная с самого последнего, вы также можете посмотреть разные публикации, используя категории (верхнее горизонтальное меню) или теги. Все статьи проекта разделены по тематике, некоторые из них относятся даже не столько к дизайну сайтов, сколько дизайну вообще. На Дизайн Мании также можно найти различные исходные материалы для работы - иконки, шрифты, кисти, градиенты, стили для фотошопа и т.п Все они собраны в категорию под названием «Скачать».

Основные виды кнопок пользовательского интерфейса на сайтах и в приложениях

кнопки пользовательского интерфейса Мобильный дизайн Статьи Юзабилити 

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

Красивые почтовые иконки конверты, письма, email и т.п. (25+ наборов)

Красивые почтовые иконки Иконки 

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

Полезные сервисы дизайнеру №14 — для веб-разработки, email-рассылок, шрифтов и др.

Полезные сервисы дизайнеру №14 Online сервисы Полезные сайты 

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

Примеры и техники использования отрицательного пространства в логотипах

отрицательное пространство в логотипе Логотипы 

Если вы раздумываете над какими-то интересными идеями для создания логотипа – попробуйте фишку с негативным пространством. Этот весьма необычный прием можно встретить среди уроков для начинающих рисовать плюс год назад он был весьма перспективным трендом логотипов за 2018. Правильное использование данного подхода позволит получить новые оригинальные изображения. Классический пример – лого FedEx, где во второй части пустая область между буквами E и X формируют символ…

20+ лучших плагинов и шаблонов Elementor — бесплатных и премиальных

шаблоны Elementor Шаблоны 

Elementor – это современный визуальный конструктор/редактор для движка Вордпресс, который практически не имеет ограничений. Его удастся использовать с любым WordPress шаблоном, также он отличается легкостью, удобством, скоростью. Модуль обеспечит пользователя профессиональными инструментами для создания качественных коммерческих сайтов. Причем Elementor маркетплейс успешно работает как для информационных, так и для продающих страниц (лендингов). Настройка индивидуального внешнего вида вебстраниц осуществляется с помощью функциональных блоков, макетов/тем и плагинов. Как…

FontDrop — сервис для просмотра символов шрифтов онлайн

Сервис FontDrop Online сервисы Шрифты 

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

Лучшие кисти листья для Фотошопа

кисти листья для Фотошопа Кисти 

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

Mailto — HTML ссылка на электронную почту на сайте

Mailto - html ссылка Верстка 

Чтобы как-то разбавить дизайнерскую тематику посмотрим сегодня еще один урок по верстке – после предыдущего поста о CSS hover эффектах прошло уже немало времени. Данная заметка будет посвящена вопросу создания ссылки на почту в html. Все это реализуется с помощью обычного тега A, который не смотря на всю свою простоту, может использоваться не только для оформления гиперссылкок, но и имеет несколько интересных нюансов. Базовый синтаксис выглядит…

Иллюстрации от Hannah Davies с красивыми узорами, вдохновленные природой и путешествиями

Иллюстрации от Hannah Davies Вдохновение Иллюстрации 

В недавней подборке портфолио иллюстраторов вы можете найти официальные сайты очень талантливых художников, что не перестают вдохновлять и удивлять нас. Особенный интерес вызывают авторы, у которых есть свой необычный и оригинальный профессиональный стиль, что просматривается практически в каждой их картине. Парочку таких примеров мы уже рассматривали в блоге, например, вспоминаются футуристические работы Jason Solo или мрачные иллюстрации от Marcela Bolivar. Возможно, не всем нравятся подобные стилистические ограничения,…

10 лучших дизайн-плагинов для Google Chrome

дизайн-плагины для Google Chrome Программы 

Дизайнеры — это те люди, которые находятся в постоянном поиске чего-то нового: интересных источников вдохновения, специализированных онлайн-сервисов, офлайновых программ по типу CSS редакторов, а также всевозможных хитростей/скриптов, помогающих ускорить и улучшить рабочий процесс. Вы наверняка слышали про один из самых крупных программных продуктов для данного браузера — встроенные инструменты разработчика Chrome Devtools, однако вместе с тем можно найти десятки и сотни более мелких, но весьма полезных приложений. Именно о…

Спортивные логотипы команд, клубов и не только (60+ примеров для вдохновения)

Спортивные логотипы Логотипы 

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

Эффективные дизайны B2B-сайтов 2019 года (10 примеров с советами и скриншотами)

Лучшие дизайны B2B-сайтов 2019 года Вдохновение Дизайны сайтов 

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

40+ классных примеров Hero Image изображений в веб-дизайне

Вдохновение Дизайны сайтов 

В прошлой статье мы публиковали подборку советов по созданию эффективного главного изображения сайта (Hero Image), где советовали использовать эмоциональную, красочную и обязательно релевантную графику с элементами Call to action стратегий и контрастными цветами. Не смотря на присутствие  в каждом пункте заметки по одной иллюстрации, это сложно назвать наглядной демонстрацией тренда. Именно поэтому сегодня мы решили всю статью посвятить лучшим примерам его реализации. Частично этот пост перекликается…