Дизайн сайта

14 советов дизайнеру: Как подготовить макет для верстки

Как дизайнеру подготовить макет для верстки, чтобы избежать лишних вопросов и конфликтов с разработчиками.

5 правил создания прототипов и проведения редизайна сайта

Слишком большой выбор так же плох, как и его отсутствие. При проведении редизайна или проектировании интерфейсов нового сайта проблема выбора проявляется, когда мы смотрим на сайты конкурентов – нам нравится какой-то элемент практически на каждом из них, какое-то решение кажется особенно удачным. В итоге появляется большая опасность создать сайт-франкенштейн, состоящий из "кусков" других интернет-ресурсов.

15 отзывчивых модулей для интерфейсов на jQuery

С тех пор, как отзывчивый дизайн стал обязательным для сайтов, возникает всё больше вопросов по дизайну пользовательского интерфейса. В данной статье предложено 15 новых модулей на jQuery, улучшающих опыт пребывания пользователя на сайте со смартфона, планшета или обычного компьютера.

Как выбрать и использовать шрифт для сайта: 10 советов

На что вы обращаете внимание, выбирая дизайн сайта или печатной продукции? Макет, цветовая гамма, изображения формируют визуальную привлекательность страницы. Но не забывайте, что дьявол прячется в деталях. Одной из них можно считать шрифт. В этой статье вы найдете 10 советов по выбору и использованию шрифта на вашем сайте.

10 лучших примеров оформления страниц мобильных сайтов

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

Непрерывная прокрутка сайта: почему крупные американские онлайн-издания меняют дизайн

В этом году три крупных новостных медиа заметно обновили дизайн. Их объединяет одна особенность: благодаря непрерывной прокрутке, для перехода к новой статье читателю не нужно нажимать на кнопку или переходить по ссылке.

Аналитика дизайна: слабые места нового интерфейса Livejournal

Представляем вашему вниманию линч блог-платформы Livejournal, (недавно представившей обновленный дизайн) от профессионалов по аналитике дизайна из компании Design Critique, которые базируются в Лондоне и Нью-Йорке.

Формы: исключите некорректный ввод данных, и вы исключите некорректный результат

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

18 сайтов с анимацией при прокрутке

С каждым годом анимация на сайтах занимает всё более влиятельную и доминирующую позицию. Веб-разработчики постоянно проводят с ней эксперименты. Без сомнения, такая лавина веб-проектов с анимацией обусловлена развитием веб-технологий и ненасытного желания разработчиков поднять сайты на новый уровень. Медленно, но верно Интернет становится более приятным, утончённым и динамичным местом.

Использование выезжающих панелей

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

Девять советов для создания сайтов с текстом на больших фотографиях

Одной из лучших техник дизайна сайта является дизайн с помощью шрифтов и фотографий. Одновременно эта концепция может оказаться достаточно сложной в реализации: нужны подходящие фотографии, чувство типографики и понимание, что вы в результате хотите получить. Если вы готовы отважиться на создание такого сайта, обратите внимание на наши 10 советов.

Пять советов для посадочных страниц сайта для раскрутки приложения или цифрового продукта

Запуск сайта, приложения или цифрового продукта в Интернете требует предварительной работы, в том числе создания сайта, позволяющего пользователям Интернета узнать о вашем сайте, приложении или цифровом продукте, и дающему им возможность подписаться на новости. Мы расскажем важные советы разработки и создания посадочных страниц.

Как гипнотический эффект параллакса влияет на пользовательский опыт

Рассмотрим примеры сайтов с эффектом параллакса. Ведь он становится популярным в веб-дизайне. Страницы, на которых он применён, создают ощущение действия с помощью техник, использующих глубину страницы и анимацию. Этот эффект был впервые применён аниматорами в 1940-х годах, и был популяризирован в 1980-х как способ добавить глубины двухмерным компьютерным играм. В настоящее время параллакс используют для улучшения пользовательского опыта.

Восемь элементов дизайна, с которыми настала пора попрощаться

Начиная с прошлого года несколько моих самых нелюбимых элементов дизайна и аспектов технологии начали покидать Интернет. Некоторые уже мертвы, а некоторые ещё находятся при смерти. Глядя в будущее, я думаю, их уменьшающееся влияние на дизайн сайтов сделает год 2014-й годом дизайна пользовательского опыта.

Плоский интерфейс не скроет недостатков юзабилити

Как говорится, немного подливы может скрыть множество огрехов повара. Когда дело касается еды, кажется, что подлива прячет некачественные продукты, но человек с утончёнными вкусовыми рецепторами почувствует все недоработки. То же самое верно для нового "плоского" дизайна сайтов.

Шесть мифов о мобильных устройствах

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

Основные правила верстки веб-сайтов

В свое время базовым элементом верстки сайта были таблицы. Однако метод этот давно канул в Лету, и сегодня применяется блочная верстка с использованием стилей, так называемая div + css. ProstoWeb рассказывает пример эффективной и правильной верстки для начинающих на основе этого подхода.

Баннерная слепота: как снизить последствия явления

Как известно, баннерная реклама широко используется для монетизации сайтов. Но насколько она эффективна для владельцев сайтов и рекламодателей? Для ответа на этот вопрос достаточно взглянуть на данные статистики. Так, по результатам исследования comScore, в прошлом году только в США было показано 5,3 триллионов медийных объявлений. При этом три из десяти оказались попросту незамеченными! Одной из причин того, что реклама не приносит должного эффекта, является баннерная слепота. В данной статье мы рассмотрим возможные способы снизить последствия этого явления.

Flash для начинающих: история, назначение, плюсы и минусы

Prostoweb разбирался, что представляет из себя технология Adobe Flash, когда она появилась, для чего создавалась и, какие плюсы и минусы в использовании данной технологии при создании веб-сайтов.

7 основных современных тенденций веб-дизайна в 2013 году

Веб-сайты не существуют сами по себе. Они выполняют простую задачу — донести до посетителя информацию. С течением времени меняются обстоятельства жизни, технологии, потребности. Эти изменения влияют на подачу информации на сайтах. Prostoweb рассмотрел отличительные черты сайтов в 2013 году.

Основы web-дизайна. С чего начинается web-дизайн?

Как театр начинается с вешалки, так и web-дизайн начинается с определения целей и задач будущего сайта. Зачем нужен сайт? На какую аудиторию рассчитан? Каких результатов позволит добиться?