Разработка интерфейсов

Стас Мельников

Наставник по HTML-верстке в "TeenCoder"

Проектирование интерфейса

Проектирование — дисциплина дизайна, занимающаяся проектированием цифровых систем

Пользовательский интерфейс (User Interface) — интерфейс, в котором одна сторона представлена человеком, другая — машиной / устройством.

Пользовательский опыт (User eXperience) — ощущения пользователя, возникающие в результате использования системы

HTML-верстка

HTML-верстка — реализация интерфейса с помощью HTML и CSS

HTML(HyperText Markup Language)  язык разметки WEB- документов

CSS(Cascading Style Sheets) язык описания внешнего вида WEB-документа

Кроссбраузерная верстка  верстка, корректно отображающаяся в популярных браузерах

Семантическая вёрстка — верстка, основанная на использовании HTML-тегов в соответствии с их семантикой (предназначением)

Адаптивный веб-дизайн — дизайн веб-страниц, обеспечивающий удобное отображение интерфейса на различных устройствах

CSS-фреймворки — готовый набор компонентов для верстки интерфейса

Примеры:

Можно использовать если:

  • Требуется быстро собрать прототип
  • Нет специалиста по UI / UX

JavaScript

JavaScript — язык программирования, с помощью которого можно сделать все. Ну, или почти все =) 

Web-приложения

Progressive web app

Десктопные приложения

Front-end для людей!

Стас Мельников

Made with Slides.com