Веб-дизайн сайтов, уроки web дизайна

Раздел про веб-дизайн сайтов является одним из основных в данном проекте, так как его тематика полностью совпадает с направленностью сайта (даже название одинаковое). По сути, здесь вы найдете всю теоретическую информацию о веб-дизайне, полезные заметки и статьи, которые приоткрывают те или иные особенности веб-дизайна. Это, в частности — верстка, типографика, логотипы, юзабилити, флеш и т.п., публикации из которых, собственно, и объединяются в категорию веб-дизайн сайтов. Таким образом, если вас интересуют общие статьи про web дизайн, то начинать нужно именно с главного раздела, дальше можно углубляться в отдельные ниши.

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

Подкатегории раздела Веб дизайн:

Подписывайтесь на обновления Дизайн Мании, найдете здесь массу интересного для себя — гарантирую.

 

10 тенденций и трендов логотипов 2018

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

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

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

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

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

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

Первая статья в новом году традиционно будет в виде дайджеста — предлагаем вам ознакомиться с лучшими публикациями Дизайн Мании за 2017. Они пригодятся как новым посетителям, которые только недавно подключились к аудитории сайта, так и тем, кто хотел бы освежить в памяти все важные заметки прошедшего года. Основные тематики постов в 2017 не сильно отличались […]

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

UI Patterns — полезный архив паттернов интерфейсов

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

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

Подчеркивание ссылок и текста через CSS, свойство text-decoration

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

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

Конец эпохи статичных дизайнов логотипов?

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

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

Примеры дизайнов кнопок на сайтах и в интерфейсах (с 2009 и до наших дней)

Кнопки для веб-сайтов и приложений используются повсеместно: при входе в профили социальных сетей, совершении покупок в интернете, отправке сообщений через форму обратной связи и т.д. Это один из самых важных элементов UI/UX дизайна и онлайн проектов в навигации и разного рода призывах к действию (Call To Action). Поэтому не удивительно, что ему уделяется достаточно много внимания. […]

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

Фоновое подчеркивание для выделения текста, CSS свойство text-decoration-skip

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

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

Все про хедер (шапку сайта): назначение, дизайн и проектирование

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

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

10 лучших Google шрифтов для заголовков

Google Fonts — один из самых крупных архивов реально бесплатных шрифтов с сотнями гарнитур. Учитывая его универсальный характер и всеобщую доступность, теряется практически любой смысл использования обычных шрифтов по умолчанию. С помощью сервиса вы сможете реализовать разные нестандартные примеры типографики. В данной статье найдете подборку из 10-ти бесплатных шрифтов Google Fonts, которые идеально подойдут для оформления заголовков […]

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

Онлайн сервисы подбора цвета для сайтов и UX-дизайна

Цвет – один из самых важных элементов в работе дизайнера. Но его, как концепцию, довольно сложно освоить: из-за множества комбинаций палитр зачастую трудно решить, каким образом лучше оформить интерфейс веб-страниц и приложений. Ранее мы публиковали обзоры инструментов по выбору сочетания цветов и генераторов палитр. А сегодня хотим расширить тему, разместив в блоге перевод статьи Essential Color Tools for UX Designers от […]

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

Разница между UI и UX: практический пример

Сегодня будет гостевой пост по теме UX и UI интерфейсов на примере работы с сервисом Icons8. Автор — юзабилити специалист Андрей Бурмистров, текст публикуется от первого лица.    Я знаю, что вы думаете: ну вот, очередная попытка навязать свое мнение на спорную и вечно обсуждаемую тему «В чем разница между UX и UI?» Да, вы все правильно поняли. […]

1 комментарий

Примеры страниц о сотрудниках компании

Если перед вами стоит задача создания сайта для бизнеса то без страницы с информацией о сотрудниках компании просто не обойтись. Важно показать, что за всей этой корпоративной «онлайн витриной» стоят реальные люди — основатели бизнеса и лучшие работники. Сейчас это особенно актуально во время социальных сетей, которые делают бизнес более личным и персонально ориентированным. Данный подход […]

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