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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Современные тенденции и тренды в дизайне логотипов 2017

Актуальные тенденции в дизайне логотипов 2017 не стали каким-то особым откровением. Аналогично основным трендам веб-дизайна сайтов они являются скорее продолжением и развитием того, что пользователи уже видели в прошлом году. Данный вопрос достаточно хорошо рассмотрен в заметке Logo Trends 2017 от Bill Gardner, поэтому решили подготовить перевод публикации. Обновление 18.02.2018: Приглашаем посмотреть новую статью по теме — про тенденции логотипов за 2018 год. Забегая наперед, можно сказать, что часть приемов сохранилась неизменной, но и есть и оригинальные идеи. Выделим три базовых […]

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

Иконки гамбургер меню — примеры сайтов, дизайнов и CSS скриптов

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

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

Бесконечная прокрутка страниц: помогает или вредит?

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

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

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

Давненько не было в блоге материалов с примерами логотипов, самое время это изменить. С тематикой статьи долго размышлять не стали, а решили сделать подборку противоположную лого с мопсами. Речь пойдет про кошек. Логотипы с ними могут выглядеть весьма интересными, если творчески подойти к вопросу. Где-то у авторов получилось лучше, где-то работы смотрятся тривиально. Тем не менее, во всех этих вариантах можно кое-что для себя почерпнуть. Черный кот в логотипе — самый популярный образ. За счет контраста он достаточно хорошо выделяет саму […]

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

Примеры WooCommerce дизайнов для интернет-магазина

Продолжаем знакомить вас с красивыми тематическими веб-ресурсами, где можно подсмотреть интересные приемы, а также вдохновиться разными идеями. Помнится, недавно показывали примеры сайтов о мебели и дизайны кондитерских, а сегодня рассмотрим подборку WooCommerce интернет-магазинов. Если собираетесь создавать проект в нише eCommerce заметка вам пригодится. Данный движок является один из самых востребованных для подобных задач — по статистике на нем работает более 40% магазинов в сети! Это, в принципе, не удивительно, учитывая насколько система WordPress популярна среди веб-разработчиков. По дизайну WooCommerce сайты могут представлять […]

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

Гамбургер-меню: немного истории и альтернативные варианты

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

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

Примеры хлебных крошек для сайта

Хлебные крошки — навигационная цепочка, которая, как правило, показывает путь от главной страницы к текущей. Ее можно встретить на очень многих веб-проектах, хотя визуально она обычно не особо выделяется. Данный скромный элемент сайта выполняет важные функции: Помогает посетителю точно понять, в какой части сайта он находится; Упрощает переход к более высокому уровню структуры, выполняя роль меню; Может стимулировать просмотр других интересных для посетителя страниц; Создает внутреннюю перелинковку, которая помогает в индексировании. Предлагаем вам рассмотреть несколько вариантов оформления хлебных крошек (breadcrumbs […]

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

Эффективные методы сплит-скрин дизайна

Одним из наиболее заметных трендов веб-дизайна сайтов 2017 года можно назвать разделение экрана на две части. Все больше и больше веб-проектов используют подобный вариант макета, где две вертикальные панели расположены рядом друг с другом. Сплит-дизайн (Split Screen Design) следует очень простому правилу: один экран, два сообщения. Каждая сторона включает в себя отдельный элемент: фото, текстовый блок или иллюстрацию. Метод особенно хорошо подходит для случаев, когда нужно акцентировать чье-либо внимание сразу на двух вещах. Таким образом, посетитель может мгновенно выбрать между ними. Дизайн […]

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