UX – на 90% маркетинг. Формирование бизнес-цели и стратегии, целевая аудитория (User research), аналитика, информационная архитектура (процесс организации и категоризации структуры контента). Остальные 10% - графика. В результате обработки информации мы получаем: рабочий процесс сайта (Workflows) и прототип (Wireframes).

UI – это как правила этикета и хороший тон, то с чем вас примут в цифровом обществе. Верстка, макеты, адаптивная графика и типографика: Photoshop/html/css/bootstrap. Так же навигация и требования к интерактивности, все то с помощью чего вы взаимодействуете на сайте: JavaScript/Ajax. В итоге - мобильный контекст, веб стайл гайд и шаблоны проектирования (patterns). Как результат - «форма следует за функцией». А чтобы не рисовать иконки и баннеры вручную - есть подписка на envato.market, она помогает сделать проект быстрее и качественнее.