A | B | C | D | |
---|---|---|---|---|
1 | Данный документ был создан Netpeak Group. Если вы хотите начать или уже работаете в IT, то не имеет значения из какого вы города, все удаленные вакансии можно посмотреть на нашем сайте: | |||
2 | Без опыта (Intern) | |||
3 | 0,5-1,5 года опыта (Junior) | |||
4 | 1,5-4 лет опыта (Middle) | |||
5 | >5 лет опыта (Senior) | |||
6 | 🗃Карта знаний | |||
7 | # | Раздел | Тема | Ссылка |
8 | 1 | Композиция и сетки | Основы композиции. Основные понятия, базовые элементы в композиции, виды композиции | bit.ly/2O1CtkI |
9 | bit.ly/2Mb9Dvx | |||
10 | Композиция в веб дизайне. Теория близости. Правило внутреннего и внешнего. | bit.ly/2OfDndm | ||
11 | bit.ly/2Y58iNW | |||
12 | Принципы гештальта в дизайне интерфейсов | bit.ly/2ObcOFY | ||
13 | bit.ly/2Y0ovUM | |||
14 | Якорные объекты | bit.ly/2MV5ex6 | ||
15 | Модульные сетки | bit.ly/1223fkd | ||
16 | Сетка и вертикальный ритм | bit.ly/2jJbMD2 | ||
17 | Система 8pt сеток | bit.ly/2O1TlaI | ||
18 | 2 | Цвет | Физика цвета | bit.ly/2jJngGC |
19 | Цвет и цветовое взаимодействие | |||
20 | Цветовая композиция | |||
21 | Цветовой круг | |||
22 | Форма и цвет | |||
23 | Психология цвета | bit.ly/2McjrVY | ||
24 | Цветовые модели RGB, CMYK, HSB и Lab | adobe.ly/2OaQZq9 | ||
25 | Экранная цветопроба | adobe.ly/2OaQv3j | ||
26 | Что такое Pantone и зачем он | bit.ly/2Obr0yM | ||
27 | Советы по работе с цветом | bit.ly/2MbPbL8 | ||
28 | Режимы наложения | bit.ly/2MkoF23 | ||
29 | bit.ly/2MGRR3v | |||
30 | bit.ly/2O1Fn96 | |||
31 | Страндарты цветового контраста в интерфейсах | bit.ly/2Mg5wyb | ||
32 | 3 | Типографика | Шрифт. Базовые понятия | bit.ly/2Y1LlLN |
33 | Основные понятия типографики и принципы вёрстки | bit.ly/2Y3kVcd | ||
34 | Теория близости. Правило внутреннего и внешнего в типографике | bit.ly/2O2UH5l | ||
35 | Математика в типографике | bit.ly/2O04cBZ | ||
36 | Типографика в таблицах | bit.ly/2O6oN7R | ||
37 | Подборка советов по типографике | bit.ly/2Y3Eu4k | ||
38 | 4 | Дизайн системы и гайдлайны | Дизайн системы и компоненты | bit.ly/32BqUDN |
39 | Material Design | Material Design | ||
40 | Human Interface Guidelines | Human Interface Guidelines | ||
41 | Fluent Design System | Fluent Design System | ||
42 | Примеры дизайн систем | Atlassian Desing | ||
43 | Salesforce Design System | |||
44 | Carbon Design System | |||
45 | Design Systems | |||
46 | 5 | Анимация | Базовая теория веб анимации | bit.ly/2Y2qoQz |
47 | Анимация по правилам UX-дизайна | bit.ly/2O3rYNB | ||
48 | Принципы движения в анимации интерфейсов | bit.ly/2O3BUXp | ||
49 | Интерфейсные анимации | bit.ly/2O3CNPJ | ||
50 | Практические советы по улучшению микровзаимодействий интерфейса | bit.ly/2OkpWsO | ||
51 | Как повысить ценность дизайна благодаря анимациям в интерфейсе | bit.ly/2NYVTqf | ||
52 | 6 | Дизайн мышление и пользовательский опыт | Дизайн мышление. Основные понятия | bit.ly/32CMGHB |
53 | Образы и модели | bit.ly/2Kg7VcK | ||
54 | Психология в дизайне. Принципы, помогающие понять пользователей. | bit.ly/32QhJ2F | ||
55 | bit.ly/32SuJVo | |||
56 | Best practices in UX/UI of web design and mobile interfaces | bit.ly/2MqraAb | ||
57 | Системное мышление в дизайне | bit.ly/2yg7Ahs | ||
58 | 7 | Вёрстка | Инструменты разработчика в браузере (вкладки Elements, Styles, Computed, Device toolbar) | bit.ly/2YAaMV2 |
59 | Базовая структура HTML документа | bit.ly/2N8w70u | ||
60 | CSS (селекторы, свойства, единицы измерения) | bit.ly/2N0JQ9S | ||
61 | bit.ly/2N3uTUy | |||
62 | bit.ly/2N8w70u | |||
63 | Поток документа | mzl.la/2N3uW2G | ||
64 | Адаптивность | bit.ly/2ZWnF8k | ||
65 | bit.ly/2N4J23I | |||
66 | СSS sprite | bit.ly/2N2Pus8 | ||
67 | SVG анимация средствами CSS, SMIL анимация | bit.ly/2O2VUcR | ||
68 | bit.ly/2MOmT9T | |||
69 | 8 | Разное | Оптические иллюзии в пользовательских интерфейсах | bit.ly/2Mg8YZS |
70 | bit.ly/2Miug98 | |||
71 | Советы по улучшению UI | bit.ly/2tnUIH8 | ||
72 | Принципы заполнения форм | bit.ly/2O40TKe | ||
73 | Интуитивно понятный call to action | bit.ly/32y0hzN | ||
74 | Footers 101: Design Patterns and When to Use Each | bit.ly/2O3RYIC | ||
75 | Popups: 10 Problematic Trends and Alternatives | bit.ly/32B777F | ||
76 | Checkbox vs Toggle Switch | bit.ly/2O9kEA1 | ||
77 | Дизайн таблиц | bit.ly/2Kg8W4y | ||
78 | Руководство дизайнера по DPI и PPI | bit.ly/2ycaEv6 | ||
79 | Подобрка советов по верстке таблиц | bit.ly/335Qj98 | ||
80 | Buttons in UI Design | bit.ly/2YIwvK9 | ||
81 | Изометрическая иллюстрация в Figma | bit.ly/2O1TZVG | ||
82 | Круговые диаграммы в Sketch | bit.ly/2NZyeGd | ||
83 | Экспорт объектов символов из Sketch в Zeplin | bit.ly/2ygGBT7 | ||
84 | Ошибки в оформлении презентаций и способы решений | bit.ly/2ObhOe2 |