Word с нуля. Часть 3: Иконки, контактные блоки и визуальный стиль документа. Узнай, как добавить иконки, сделать контактные блоки и оформить документ в фирменном стиле прямо в Microsoft Word. Простые приёмы, которые используют дизайнеры.
Как вставлять изображения в Word правильно — пошаговое руководство для новичков. Часть 1
Удаление фона и обтекание текстом в Word — как идеально оформить изображение. Часть 2
Как вставлять иконки и оформлять контакты в Word — создаём профессиональный документ. Часть 3
Как разместить два изображения с подписями в Word, чтобы они не съезжали — пошаговая инструкция. Часть 4
Введение
Всё чаще документы в Word — это не просто тексты, а полноценные презентации, коммерческие предложения или резюме.
И именно визуальные детали делают их современными и профессиональными.
В этой финальной части ты научишься:
- вставлять иконки из интернета;
- создавать аккуратные контактные блоки;
- выравнивать элементы с точностью до пикселя;
- использовать единый стиль, чтобы документ выглядел «дорого».
📍 Почему стоит использовать иконки
Иконки — это не украшение, а инструмент навигации. Они помогают глазу быстро «схватывать» смысл и упрощают восприятие информации.
📞 Телефон, ✉️ почта, 📍 адрес — всё это можно оформить в виде мини-блока.
Такой подход особенно уместен в:
- коммерческих предложениях;
- отчётах;
- инструкциях;
- резюме и портфолио.
🧭 Как вставить иконки прямо из Word
В последних версиях Microsoft Word есть встроенный поиск иконок.
- Перейди на вкладку «Вставка» → «Изображения» → «Из интернета».
- В строке поиска набери, например: «иконка телефона» или «mail icon».
- Выбери понравившуюся и нажми «Вставить».
Word подтянет изображение напрямую из поиска Bing.
Ты можешь менять размер, цвет и положение иконки так же, как обычной картинки.
💡 Если Word предлагает использовать OneDrive, просто выбери вариант Поиск Bing — и ты получишь доступ к тысячам бесплатных иконок.
💾 Где брать красивые иконки в PNG
Если тебе нужно больше выбора, можно использовать сайт flaticon.com. Он бесплатный и не требует установки.
- В поиске набери нужное слово: phone, email, address.
- Выбери подходящую иконку.
- Скачай в формате PNG с прозрачным фоном.
💡 Размер — от 16 до 512 пикселей. Для Word оптимально использовать 64–128 px.
🧩 Создание контактного блока
Теперь сделаем красивый блок с контактами внизу страницы.
1. Перейди на вкладку «Вставка» → «Таблица» → 2 столбца × 2 строки.
2. В левый столбец вставь иконку телефона, в правый — номер.
3. В следующей строке — иконку почты и адрес.
Теперь выдели всю таблицу и убери рамки:
«Конструктор таблицы» → «Границы» → «Нет границ».
Получился чистый аккуратный блок без лишних линий.
⚙️ Выравнивание и размеры
Чтобы всё выглядело ровно:
- задай одинаковый размер ячеек (например, 2 см × 1 см);
- выровняй иконки по центру;
- выровняй текст по левому краю.
Вкладка «Макет» → Выравнивание → Центр по вертикали.
Теперь текст и иконка идеально выровнены.
🖋 Добавляем стиль
Чтобы блок выглядел фирменно, добавим немного визуальной логики:
- Сделай текст контактов серым или синим — в тон заголовков.
- Уменьши шрифт до 10–11 пт.
- Добавь небольшой отступ между строками — 1,1.
- Иконки сделай одинакового размера — 2 × 2 см.
💡 Для аккуратности можешь добавить пунктирную линию между контактами:
Выдели нужную строку → «Конструктор таблицы» → «Границы» → «Нижняя граница (пунктир)».
Теперь блок выглядит профессионально, но не перегружено.
🧠 Как добавить блок в шаблон
Если ты часто используешь один и тот же контактный блок:
1. Выдели его целиком.
2. Нажми Ctrl + C (копировать).
3. Перейди в «Файл» → «Параметры» → «Настроить ленту».
4. Добавь новую кнопку «Мои вставки».
5. Вставь туда сохранённый фрагмент как «Автотекст».
Теперь ты можешь вставлять блок одним кликом.
💼 Используй иконки и блоки для структуры
Контактные блоки можно использовать не только для контактов.
Это отличный инструмент для визуальных акцентов.
📄 Пример:
- Иконка 📅 — для даты отчёта.
- Иконка 💰 — для раздела «Финансы».
- Иконка ⚙️ — для раздела «Технические параметры».
Так документ становится понятнее, даже если человек просто «скользит глазами».
🧭 Как добиться идеальной симметрии
Для ровного выравнивания и равных отступов:
Перейди во вкладку «Вид» → включи «Линейку» и «Сетку».
Теперь ты можешь выстраивать иконки и текст строго по направляющим. Если хочешь, чтобы всё выглядело идеально — ориентируйся на поля (2–2,5 см по краям страницы).
🪄 Дополнительные элементы оформления
- Полоска вверху документа.
Вставка → Фигура → Прямоугольник → Заливка фирменным цветом → За текстом.
Добавь логотип — получится шапка документа. - Разделители.
Вставка → Фигура → Линия → Толщина 0,5 пт.
Это поможет визуально разделить разделы. - Подвал с контактами.
Добавь блок в колонтитул, чтобы он отображался на каждой странице.
🧩 Проверка перед сохранением
Перед отправкой документа обязательно проверь три пункта:
✅ все иконки одинакового стиля;
✅ отступы ровные, не «пляшут»;
✅ файл не превышает 10 МБ (если вставляешь много изображений).
Если документ тяжёлый — используй команду:
Файл → Сжать изображения → Для печати (220 ppi).
💬 Поделись своим результатом
Теперь ты умеешь делать документы, которые выглядят как дизайнерские презентации — и всё это в Word. Попробуй прямо сейчас создать свой первый фирменный шаблон.
✍️ Напиши в комментариях: что тебе понравилось больше — работа с иконками или создание контактных блоков?
А в Telegram я выложу пример готового шаблона, который можно скачать и использовать.
📢 Подписывайся, чтобы не пропустить новые уроки
В четвёртой части мы поговорим о том, как разместить два изображения с подписями в одну линию и закрепить их вместе.
Впереди — новые темы: автоматизация, шаблоны и мини-дизайн внутри Word.
📌 Подписывайся на канал Макрос решает и на наш Telegram — там эксклюзивные гайды и файлы к каждому уроку.
Как вставлять изображения в Word правильно — пошаговое руководство для новичков. Часть 1
Удаление фона и обтекание текстом в Word — как идеально оформить изображение. Часть 2
Как вставлять иконки и оформлять контакты в Word — создаём профессиональный документ. Часть 3
Как разместить два изображения с подписями в Word, чтобы они не съезжали — пошаговая инструкция. Часть 4