Веб-дизайн сайтов, основы и уроки web дизайна сайтов :: Дизайн Мания
 

 

Еще статьи раздела Веб-дизайн

Продолжение статей из категории Веб-дизайн.

Кликабельный фон / подложка для сайта

Для одного проекта попросили реализовать кликабельный фон (подложку) сайта, которую вы могли встречать на крупных порталах. Такой рекламный брендинг позволяет максимально привлечь внимание посетителя и намного эффективнее баннера. В блоге уже публиковались статьи про большую фоновую картинку для сайта и создание изображения на весь экран но все эти варианты были не кликабельные. Поэтому пришлось искать новое решение в […]

комментариев 18

CSS генераторы кнопок, шаблонов, рамок и других элементов сайта

При оформлении сайтов принято использовать CSS (CascadingStyleSheets), то есть каскадные таблицы стили. Это набор тегов, задающих основные параметры оформления страницы (отступы, шрифты, цвета), позволяющие создавать ключевые элементы веб-сайта, выдерживая их в определенном стиле. Для каждого элемента HTML можно определять свой стиль, это удобно, CSS обеспечивает экономию времени и усилий. Существует ряд интернет-ресурсов, являющихся своего рода […]

Нет комментариев

Лучшее в Дизайн Мании 2014

В этот раз подборка лучших постов Дизайн Мании публикуется последней среди всех остальных проектов. Я уже успел рассказать о лучших сервисах 2014, самых полезных статьях про вордпресс 2014 и подвести итоги наиболее важных заметок о заработке 2014. Теперь на очереди дизайн. Вообще подобные посты в блоге это отличная возможность быстро просмотреть все полезные материалы за целый […]

Нет комментариев

HTML Academy — отличные онлайн-курсы по HTML и CSS

Обучение веб-разработке — тема достаточно обширная, и начинать ее нужно с самых азов — HTML и CSS. Сейчас в интернете существует масса разных курсов, отсканированных книг и самоучителей для получения знаний. Однако ничего из этого не будет изучать также интересно как проект HTML Academy. Этот полезный ресурс поможет вам качественно и в короткие сроки изучить […]

комментария 2

Land Book — галерея красивых лендингов (Landing Page)

Лендинг, целевая страница или landing page — это веб-страница для привлечения пользователей для рекламы каких-то услуг, продажи товаров или сбора подписчиков. Страница лендинга имеет свой уникальный дизайн, который может кардинально отличаться от остального сайта. Некоторые проекты даже состоят из одной landing page. Суть ее в максимальной конверсии для владельца, то есть чтобы как можно большее […]

Нет комментариев

OnePageLove — лучшие одностраничные дизайны сайтов

Сейчас одностраничные дизайны являются одним из популярных направлений (трендов) в веб-дизайне. Да, использовать их можно далеко не для каждой тематики, например, достаточно сложно представить корпоративный проект крупной компании или интернет магазин, что располагались бы в пределах пусть и большой, но одной страницы. С другой стороны портфолио дизайнеров, фотографов или сайті визитки к такому формат подачи […]

комментариев 5

Шаблоны MotoCMS для сайтов в минималистическом стиле

В этой статье хочу представить вашему вниманию подборку, в которой собраны шаблоны сайтов для MotoCMS, выполненные в стиле минимализма. MotoCMS — это онлайн сервис для создания веб-проектов без каких либо технических знаний/навыков. Изначально он работал на Flash движке, но позже полностью перешел на HTML. Сейчас актуальной является версия MotoCMS 3 с встроенным конструктором сайтов. Система максимально простая, разобраться […]

Нет комментариев

Ahoba — новый сервис для верстки сайтов и макетов

Прислали тут мне на почту пресс-релиз по поводу запуска нового интересного сервиса для дизайнеров под названием Ahoba (;. Повозился с ним полчасика, посмотрел что к чему и решил поделиться с вами впечатлением. Данный проект, как говорят сами разработчики, будет полезен дизайнерам при создании разных дизайн макетов с последующим сохранением их в различные форматы. В частности планируется […]

комментария 2

Советы для создания красивого одностраничного сайта портфолио

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

комментария 2

Линейные градиенты в CSS и генераторы градиентов

Градиентом называют плавный переход из одного цвета к другому. Когда-то этот прием был достаточно популярен для сайтов в стиле веб 2.0. Помнится, многие дизайнеры применяли яркие градиенты для создания красочных логотипов, дизайнов сервисов и т.п. В настоящее время с помощью CSS3 данную фишку можно реализовать без каких-либо картинок, фотошопа, а используя только стили CSS. Я […]

Нет комментариев

16 новых бесплатных наборов для создания инфографики

Умный дизайнер всегда держит некоторые наборы и элементы инфографики под рукой. Почему? Потому что инфографика — хоть и не столь популярна как два года назад, но всё же до сих пор в моде, когда дело доходит до контент-маркетинга, то высококачественная визуализация данных всегда будет пользоваться спросом. Посты с инфографикой активно собирают разные репосты и лайки, […]

комментария 2

Лучшие сайты портфолио для вдохновения

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

комментария 3

6 способов получения логотипа (инфографика) + купон от Logaster

Именно с создания логотипа начинается разработка дизайна сайта компании или ее фирменного стиля. Логотип является важным элементов бренда, позволяющим визуального его идентифицировать. Можно выделить 6 разных способов получения логотипа, о которых вы узнаете из инфографики ниже (кликабельно). Данная инфографика разработана онлайн сервисом Logaster. Проект предназначен для создания логотипов: быстро, легко и бесплатно! Весь процесс состоит […]

комментария 3