5 способов сделать лучшую навигацию на сайте

Хороший сайт должен быть информативным. А ключ к успешным отношениям с пользователем — навигация. Заходя на сайт, посетитель хочет и ожидает, что контент будет четким и лаконичным. Ваша система навигации это карта, иными словами цифровой портал между пользователем и тем, что вы предлагаете.
Далее... Нет комментариев »
4 простых шага для улучшения веб-навигации

В Интернете можно найти любую информацию: узнать длительность фильма, почитать подсказки для работы в Photoshop, проверить свежие новости. Наиболее важная часть сайта, которая помогает нам находить то что мы ищем — навигация.
Далее... 1 Комментарий »
Сайты с различными эффектами фиксированных хедеров (плюс урок)

Сегодня для вашего вдохновения мы подготовили очередную подборку сайтов. Основная особенность этих — сайтов различные эффекты в шапках. Эти сайты позволяют наглядно продемонстрировать различные интересные эффекты хедеров, которые можно достигнуть с помощью доступных сейчас свойств css. Здесь вы найдете как сайты с фиксированными шапками, которые не изменяют свой вид, так и с различными визуальными эффектами [...]
Далее... Нет комментариев »
Погодные условия: дизайн мобильных приложений

Популярность мобильных приложений растет с каждым днем. Разработчики умудряются соединять не только хорошие идеи и технические аспекты их реализации, но и великолепный привлекательный интерфейс. Сегодня мы подготовили подборку дизайнов погодных приложений, которые смогут вас удивить и вдохновить. Здесь вы найдете прозрачные легкие блоки, искусно переданные тени, фантастическое сочетание фотоэлементов, минимализм.
Далее... 1 Комментарий »
Юзабилити сайта: распространенные ошибки

За последние десять лет в мире веб-дизайна основным вопросом обсуждения было качественное юзабилити. С каждым днем важность этого аспекта только увеличивается. Хорошее юзабилити может не только помочь при продвижении и узнаваемости товара на рынке, но и улучшить мнение посетителей о продукте, либо компании в целом. Хорошее юзабилити также ложится в основу удачных стартапов. Как это не банально, [...]
Далее... 17 Комментариев »
Типографика в мобильном дизайне

Достаточно мелкие размеры мобильных экранов ограничивают типографику, делают текст менее читабельным. Поэтому, когда речь идет о мобильной типографике, дизайнерам нужно быть очень осторожными. Большинство людей согласятся, что существует три компонента, которые помогут сделать мобильную типографику лучше: правильный размер, контраст и расстояние.
Далее... 6 Комментариев »
Создаем адаптивный css-таймлайн c 3d эффектом

В этом уроке будем экспериментировать с перспективой и, используя input - «radio», создавать таймлайн структуру, используя чистый CSS. Идея будет заключаться в том, что при нажатии на соответствующем пункте «radio», контент будет немного расширятся и преобразовываться в 3D-подобную структуру. Мы будем использовать 3D-трансформации и переходы, а также сестринские селекторы.
Далее... 4 Комментариев »
Адаптивное Retina-меню

Сегодня мы будем создавать яркое меню для Retina-дисплеев. В зависимости от размера окна браузера меню будет автоматически изменять раскладку. Это десктопная версия — обычное расположение меню, двухколоночное меню для планшетов и мобильная версия со скрытой навигацией. Чтобы адаптировать меню под retina-дисплеи и избежать пикселизации при изменении размеров, мы будем использовать шрифты-иконки. Также обратите внимание, что некоторые эффекты работают [...]
Далее... 1 Комментарий »
Примеры навигации для мобильных интерфейсов

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