Веб-дизайн \ Статьи по веб-дизайну

Дизайн состояний кнопок

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

Продолжить чтение

Веб-дизайн \ Интерфейсы UI/UX

Особенности дизайна веб формы: Цвет

От автора: ниже приводится краткий отрывок из нашей книги Разработка UX: Формы, написанной Джессикой Эндерс. Это полное руководство, в котором представлена разработка и дизайн веб форм, ключевой элемент эффективного UX. Подписчики плана SitePoint Premium имеют возможность получить к ней доступ напрямую, или вы можете приобрести экземпляр в магазинах по всему миру.

Продолжить чтение

Веб-дизайн \ Интерфейсы UI/UX

Разработка макета формы: Отступы

От автора: ниже приводится краткий отрывок из нашей книги Разработка UX: Формы, написанной Джессикой Эндерс. Это полное руководство, в котором представлена разработка форм, ключевой элемент эффективного UX. Мы можем незримо общаться с пользователем задавая определенные настройки для отступов.

Продолжить чтение

Веб-дизайн \ Интерфейсы UI/UX

Разработка макета формы: Выравнивание

От автора: ниже приводится краткий отрывок из нашей книги Разработка UX: Формы, написанной Джессикой Эндерс. Это полное руководство, в котором представлена разработка форм, ключевой элемент эффективного UX. Сегодня мы поговорим про выравнивание формы.

Продолжить чтение

Веб-дизайн \ Статьи по веб-дизайну

Как работать с не дизайнерами

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

Продолжить чтение

Веб-дизайн \ Статьи по веб-дизайну

5 новых трендов, которые сделают ваши веб-дизайны еще лучше в 2017

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

Продолжить чтение

Веб-дизайн \ Интерфейсы UI/UX

Что такое UX дизайн?

От автора: скорее всего, вы уже встречали надпись «UX», даже можете знать, как она расшифровывается. UX – User Experience. Но что это такое? «Проектировать – значит прямо взаимодействовать любыми доступными способами, а также способами, которые можно изучить.» — Milton Glaser. Добро пожаловать в первую статью из серии иллюстрированных уроков, объясняющих основы UX дизайна.

Продолжить чтение

Веб-дизайн \ Статьи по веб-дизайну

Значимость визуального контекста в веб-дизайне

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

Продолжить чтение

Веб-дизайн \ Графика

GIF, PNG, JPG или SVG: что использовать?

От автора: если вы только что не выпрыгнули из дымящегося Делориана прямиком из 1985 года, то вам должен быть знаком самый бестолковый формат в интернете — GIF (Graphics Interchange Format). GIF – формат растровых изображений. Однако в отличие от JPEG и PNG этот формат файлов ограничен цветовой палитрой в 256 цветов. По сути, в каждом GIF изображении предустановлен «бокс с цветными мелками», и вы не можете получить новый цвет путем их смешивания.

Продолжить чтение