синий и красный - согласный и гласный, это написали.про квадратики предположу: У вас книга для чтения? мои дети еще не ходят в школу, и такая техника применяется при обучении чтению - отдельные квадраты для букв, которые читаются отдельно, а те, которые читаются слитно - они сидят в одном квадрате. мы же читаем о+к+но. Как лингвист могу сказать - это техника раздельно-слитного примыкания  Иногда рисуют точки и дуги для раздельного и слитного чтения соответственно.