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

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

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

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 стратегий и контрастными цветами. Не смотря на присутствие  в каждом пункте заметки по одной иллюстрации, это сложно назвать наглядной демонстрацией тренда. Именно поэтому сегодня мы решили всю статью посвятить лучшим примерам его реализации. Частично этот пост перекликается…

Создание эффективного Hero Image изображения для сайта (8 советов)

Изображения hero image Веб-дизайн Статьи 

Пользователю требуется всего 50 миллисекунд, чтобы составить мнение о любом сайте? У веб-разработчиков и дизайнеров реально очень мало времени, чтобы произвести хорошее впечатление на человека при посещении ресурса. Именно поэтому так важно правильное оформление главной страницы + шапки сайта, которую все видят в первую очередь. Многие веб-проекты в сети объединяет один общий способ привлечения внимания аудитории – использование ярких красочных дизайнов, в частности — размещение крупного фонового…

Красивые иконки телефонов и смартфонов на любой вкус (25+ наборов)

иконки телефонов и смартфонов Иконки 

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

Сервисы для распознавания шрифтов онлайн — по картинке, текстовые, расширения браузеров

Сервисы для распознавания шрифтов онлайн Online сервисы Шрифты 

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

Обзор сервиса «Без Обмана 24/7» — разоблачения онлайн аферистов и не только

Без Обмана 24/7 Online сервисы 

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

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

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

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

Кисти для рисунков мелом на доске в Фотошопе

Кисти мела для Фотошопа Кисти 

В принципе, для создания текстов в данном стиле можно использовать готовые шрифты мелом на доске. Однако, если перед вами стоит задача сделать какие-то оригинальные надписи или даже рисунки, то тут пригодятся специальные кисти мела для Фотошопа, о которых сегодня пойдет речь. В конце статьи будет видео с демонстрацией как их можно использовать. Chalk Brush For Any Situation  11 Sketched Arrows Brushes Featuring Chalk Effect Texture…

Шаблоны HTML5 для сайтов адаптивные, бесплатные и премиальные

Шаблоны HTML5 для сайтов Шаблоны 

Не смотря на существование множества разных CMS систем, олдскульный подход к веб-разработке все еще актуален, особенно когда речь идет о современных шаблонах на HTML5 и CSS3. Да, при наличии специализированных задач, есть смысл использовать готовые движки по типу Magento под онлайн-магазины или Вордпресс темы в блогах, но очень часто создать вебсайт можно и без них. Если клиенту требуется простой или небольшой по объему проект будь то…