Сегодняшний пост достаточно тесно переплетается с двумя другими статьями блога — заметкой про виды кнопок в интерфейсах, а также подборкой примеров дизайнов кнопок на сайтах с 2009 года и до наших дней. Он станет отличным дополнением для них и позволит рассмотреть вопрос немного с другого (более практичного) ракурса. Начинающим и опытным дизайнерам должно быть интересно. Для того чтобы правильно организовать ...
Читать далее »Архив меток: Статьи
Дизайн текстовых полей на страницах сайтов (оформление text field)
Текстовые поля на веб-страницах (text field) – это, наверное, один из наиболее часто используемых компонентов интерфейса. Они применяются для заполнения контактнs[ форм, ввода платежных реквизитов, создания учетной записи (онлайн регистрации), лидогенерации, формы логина и др., то есть решают задачу организации взаимодействия с посетителями сайтов. Цель данной статьи – выделить некоторые ключевые рекомендации, которые помогут вам правильно подойти к разработке дизайна ...
Читать далее »7 принципов дизайна иконок для создания профессиональных наборов
В одном из разделов нашего блога вы можете найти и скачать бесплатные иконки сгруппированные по десяткам разных тематик и стилей. А сегодня мы решили поделиться с вами полезными советами по созданию собственных материалов. По аналогии со статьей про основные виды кнопок пользовательского интерфейса, думаем, вам будет полезно посмотреть наиболее важные признаки качества и ключевые характеристики дизайна иконок: лаконичность, читабельность, простота, ...
Читать далее »Основные советы по SEO-оптимизации сайтов на JavaScript
Перевод статьи Essential JavaScript SEO Tips с сайта levelup.gitconnected.com для css-live.ru, автор — Айман Рахмат. Сделайте свой контент доступным для поиска Google. Если вы создаете сайт или веб-приложение на JavaScript, вам следует выполнить несколько основных действий, чтобы сделать его контент доступным для поисковых систем. Давайте рассмотрим несколько приемов SEO-оптимизации, которые помогут пользователям найти ваш контент. 1. Пишите информативные заголовки У всех страницы сайта ...
Читать далее »Тренды оформления и дизайна email-рассылок в 2020 году
Не смотря на то, что почтовый маркетинг существует уже десятки лет, он по прежнему остается актуальной тенденцией интернет-маркетинга в 2020 году и востребованным способом продвижения услуг в онлайне. Метод показывает хорошую отдачу при минимальных затратах и может посоревноваться в эффективности с разработкой B2B-сайтов (бизнес для бизнеса) или созданием красивых лендинг пейдж (лендингов). Email-маркетинг подходит практически для всех ниш и продуктов, ...
Читать далее »Веб в 2020 году: расширяемость и совместимость
Перевод статьи The Web in 2020: Extensibility and Interoperability с сайта css-tricks.com для css-live.ru, автор — Юна Кравец. В последние годы мы наблюдали, как быстро развиваются и меняются веб-технологии. В 2020 году основными трендами сообщества веб-разработчиков вполне предсказуемо станут расширяемость и совместимость. Давайте рассмотрим их подробнее. Расширяемость Расширяемость определяется тем, насколько гибко мы можем приспособить ту или иную технологию для решения своих задач. ...
Читать далее »Основные виды кнопок пользовательского интерфейса на сайтах и в приложениях
Кнопки – это один из наиболее известных интерактивных элементов пользовательского интерфейса. Они играют очень важную роль в создании взаимодействия с пользователем и формировании у него позитивного опыта. Продолжая серию постов, посвященных тематике UI/UX дизайна, в этой статье были собраны понятия и примеры, касающиеся наиболее часто используемых типов кнопок, что встречаются на веб-сайтах и в мобильных приложениях. Раньше мы публиковали заметку ...
Читать далее »Смогут ли React-хуки заменить компоненты высшего порядка (HOC)?
Перевод статьи Do React Hooks Replace Higher Order Components (HOCs)? с сайта medium.com для css-live.ru, автор — Эрик Эллиотт «Мандаринка» — снимок Малкольма Карлоу (CC-BY-2.0) Как только API React-хуков вышел, стало появляться много вопросов о том, сможет ли он заменить другие общие библиотеки и паттерны в экосистеме React+Redux.Хуки задумывались как замена классам и еще одна прекрасная альтернатива для композиции поведения ...
Читать далее »Смогут ли React-хуки заменить Redux?
Перевод статьи Do React Hooks Replace Redux? с сайта medium.com для css-live.ru, автор — Эрик Эллиотт Вкратце: хуки хороши, но Redux они не заменят «Мандаринка» — снимок Малкольма Карлоу (CC-BY-2.0) Как только API React-хуков вышел, стало появляться много вопросов о том, сможет ли он заменить Redux. Как по мне, хуки довольно слабо пересекаются с Redux. Они не дают никакого нового ...
Читать далее »Создание эффективного Hero Image изображения для сайта (8 советов)
e Пользователю требуется всего 50 миллисекунд, чтобы составить мнение о любом сайте? У веб-разработчиков и дизайнеров реально очень мало времени, чтобы произвести хорошее впечатление на человека при посещении ресурса. Именно поэтому так важно правильное оформление главной страницы + шапки сайта, которую все видят в первую очередь. Многие веб-проекты в сети объединяет один общий способ привлечения внимания аудитории – использование ярких красочных дизайнов, ...
Читать далее »