•  
    •  
    •  
  • website icon
Личный кабинет

Веб-дизайнер

ВОЗРАСТНАЯ КАТЕГОРИЯ
14 – 17 ЛЕТ
Данные материалы были отобраны экспертами Чемпионата в целях подготовки участников к конкурсу ArtMasters

 Книги 
  • Купер Алан. Об интерфейсе. Основы проектирования = About Face. The Essentials of Interaction Design. — 3. // СПб: Символ-Плюс, 2009. 688 с. 
  • Королькова А. Живая типографика: макет и оформление автора / А. Королькова. Изд. 2-е, испр. М. Index Market. 2008. 

Основные понятия 
  • Internet Explorer. [Электронный ресурс]: Википедия. Свободная энциклопедия. URL 
  • JavaScript. [Электронный ресурс]: Википедия. Свободная энциклопедия. URL 
  • Альфа-канал. [Электронный ресурс]: Википедия. Свободная энциклопедия. URL 
  • Гиперссылка. [Электронный ресурс]: Википедия. Свободная энциклопедия. URL 
  • Графические форматы. [Электронный ресурс]: Википедия. Свободная энциклопедия. URL 
  • Доменное имя. [Электронный ресурс]: Википедия. Свободная энциклопедия. URL 
  • Фавикон. [Электронный ресурс]: Википедия. Свободная энциклопедия. URL 

Основные вопросы 
  • Вайрфреймы, прототипы и мокапы – в чем разница? [Электронный ресурс] awdee. URL 
  • Дизайн сложных таблиц. [Электронный ресурс] awdee. URL: https://awdee.ru/complex-tables-design/ 
  • Добавление векторной графики в веб-документ. [Электронный ресурс] developer. URL 
  • Инклюзивный дизайн: кому и зачем это нужно. [Электронный ресурс] GeekBrains. URL 
  • Какие фичи приложений подходят для сайтов и как не ошибиться. [Электронный ресурс] Спайдер Груп. URL 
  • Как проводить UX-исследования. [Электронный ресурс] Bang Bang Education. URL 
  • Как ставить ссылки. [Электронный ресурс] Максим Ильяхов. URL 
  • Как улучшить скорость загрузки страниц и увеличить конверсию сайта? [Электронный ресурс] VC. URL 
  • Как уменьшить вес продуктовой анимации в 400 раз (без AI). [Электронный ресурс] ХАБР. URL 
  • Маски в Figma. [Электронный ресурс] svgpng. URL 
  • Разбор фреймворков. [Электронный ресурс] ХАБР. URL 
  • Трекинг, кернинг и межбуквенное расстояние (леттер-спейсинг). [Электронный ресурс] GeekBrains. URL 
  • Что лучше использовать: ссылки или кнопки. [Электронный ресурс] Интерактивные обучающие технологии. URL 
  • Что такое модульная сетка и для чего она нужна дизайнерам. [Электронный ресурс] skillbox. URL 
  • Что такое прототип сайта и как создать его самостоятельно. [Электронный ресурс] Образовательные технологии Яндекса. URL 
  • Элементы интерфейса сайта. [Электронный ресурс] Boroda Digital. URL 
  • Языки программирования в веб-разработке. [Электронный ресурс] URL 

Руководства, справочники 
  • Human Interface Guidelines (обратите внимание на «Accessibility» в разделе Foundations). [Электронный ресурс] developer.apple.com. URL 
  • Глоссарий Paratype. [Электронный ресурс] paratype. URL 
  • Контур Гайды (обратите внимание на «Попап-элементы»). [Электронный ресурс] Контур.Гайды. URL 
  • Руководство по CSS (обратите внимание на псевдоклассы :active, :hover, :focus). [Электронный ресурс] developer. URL 
  • Справочник CSS. [Электронный ресурс] htmlbook. URL 

Tilda Education 
  • Tilda Education. Курс «Дизайн в цифровой среде». [Электронный ресурс] Tilda Education. URL (Обратите внимание на главу «Дизайн-мышление») 
  • Tilda Education. Как сделать навигацию на сайте удобной. [Электронный ресурс] Тильда. URL 

Премии 
  • Red Dot. [Электронный ресурс]: Википедия. Свободная энциклопедия. URL 
  • Cannes Lions. [Электронный ресурс] Википедия. Свободная энциклопедия. URL 
  • IF Design Awards. [Электронный ресурс] Википедия. Свободная энциклопедия. URL 

Люди 
Будет достаточно базовой информации, поищите её самостоятельно. 
  • Джонатан Айв. 
  • Павел Дуров. 
  • Дуглас Энгельбарт. 
  • Стив Джобс. 
  • Билл Гейтс. 

Дополнительно 
Фреймворки 
  • Булдакова А. Jobs To Be Done. [Электронный ресурс]: Tilda Education. URL 
  • Дизайн-мышление. [Электронный ресурс]: Tilda Education. URL 
  • Смирнов И. Двойной бриллиант. [Электронный ресурс] URL 
  • Чуракова Ю. Метод персон. [Электронный ресурс] URL 

Типографика и композиция 
  • Tilda Education. Частые ошибки дизайна веб-страницы. [Электронный ресурс] Tilda Education. URL 
  • UX-дизайн. Закон Миллера, или как снизить когнитивную нагрузку на пользователей (волшебное число семь плюс-минус два). [Электронный ресурс] VC. URL 
  • Инфографика. Шпаргалка: 8 правил типографики, которые спасут любой текст. [Электронный ресурс] INFOGRA/ URL 
  • Как выбрать правильный шрифт для сайта и статьи. [Электронный ресурс] Tilda Education. URL 
  • Как выделить главное и организовать контент. [Электронный ресурс] Tilda Education. URL 
  • Как незаполненное пространство влияет на дизайн сайта. [Электронный ресурс] Tilda Education. URL 
  • Как работать с текстом и изображениями. [Электронный ресурс] Tilda Education. URL 
  • Как управлять вниманием пользователя. [Электронный ресурс] uprock. URL 
  • Королькова. А. Живая типографика: макет и оформление автора / А. Королькова. изд. 2-е, испр. // М.: Index Market, 2008. 
  • Пятиминутный гид для недизайнеров. [Электронный ресурс] Tilda Education. URL 
  • Уайт Я. Редактируем дизайном. // М.: Школа издательского и медиа бизнеса, 2011. 
  • Шуваев Я. Психофизиология графических интерфейсов. [Электронный ресурс] Tilda Education. URL 

Проектирование интерфейсов 
  • Атомарный веб-дизайн. [Электронный ресурс]: Хабр. 29.01.2015. URL 
  • Круг С. Не заставляйте меня думать. Веб-юзабилити и здравый смысл. 3-е издание. // Эксмо-Пресс, 2021. 
  • Купер А. Об интерфейсе. Основы проектирования = About Face. The Essentials of Interaction Design. // 3. СПб: Символ-Плюс, 2009. 
  • Николаенкова А. Инклюзивный дизайн: кому и зачем это нужно. [Электронный ресурс]: GeekBrains. URL 
  • Обухов Н. (б. д.) Курс «Дизайн в цифровой среде». yegypko.github.io [Электронный ресурс]: URL 
  • Уолтер А. Эмоциональный веб-дизайн. / Аарон Уолтер, пер. с англ. Павла. Миронова. // М.: Манн, Иванов и Фербер, 2012. 144 с. 
  • Элементы интерфейса сайта: [Электронный ресурс]: BorodaDigital. URL