Готував mentee до технічної співбесіди на ждуна, а в вакансії були прописані пʼять пунктів з теорії, по яким будуть ганяти. Накидав коротенький перелік понять і тез, які, на мою думку, трошки розкривають базу, нижче якої заборонено ходити по співбесідах.

• rule of thirds
• leading lines
• balance
• symmetry
• proximity
• alignment
• contrast (by shape, by size)

• Contrast (by color, by shade)
• Color Wheel and:
  Primary, Secondary, Square, Triad, Tetrad, Complementary, Split Complementary, Analogous, Monochromatic
• CMYK, RGB, rgba, Lab, HEX, HSB
• 60:30:10 rule: main color, secondary, accent
• warm, cool, color temperature
• hues, tints, tones, shades

• Baseline, ascender line, descender line, x-height
• Ligatures
• Font family
• line height
• Font weight
• Variable fonts
• Icon fonts
• Serif (antiqua), sans serif (grotesque), script (handwritten)
• monospace fonts
• file formats: ttf, otf, woff
• contrast fonts
• high contrast typefaces
• font pairs
• кількість різних шрифтів на сайті (дуже умовно: 2 — оптимально, якщо вийде 1 — ну, кльово; 3 - можна, але, якщо дуже потрібно)
• raster fonts
• body, caption, heading, link
• RTL
• Різна довжина рядка в різних локалізаціях тексту і лейблів

• Sidebar: expanded, collapsed
• Bottom menu in mobile apps
• Header horizontal menu
• drop downs in header horizontal menu
• list view, card view, grid view
• Navigation layouts: left-top-top, top-left-left, top-top-top, top-top-left
• Враховування використання мобільних дизайнів однією рукою і одним пальцем
• burger menu
• sliders
• fab
• Ієрархія (вкладення підменю в меню)
• tabs
• hub
• Групування окремих пунктів меню
• Іконки до лейблів

• Нашо потрібні?
• Column, row, module
• Bootstrap 12 columns grid
• Gutter, margin
• Responsive / flexible grids (in percents of width) vs static / fixed grids (in px)
• Breakpoints