Explore

Knowledge base
Knowledge base

Розробка

⁠

Журнал розробки⁠

⁠

Наповнення сайту

Контент

Відео інструкція з наповнення

⁠

Тексти

Ресурси

Вікова категорія

Зображення

Пропорції та розміри

Блог: 1.956 (приклад: 845х432) (1400х716) (1200*613) Тип картинки: тематичне, бажано фото: люди, предмети, емоції. Орієнтація: горизонтальна, із змістовим навантаженням по центру, з розрахунку того що ліва та права 1\5 (приблизно), буде відтинатись на сторінці зі списком усіх блогів.

Ресурсы: 1.238 (приклад: 453х366) (1400*1131) (1200х969) Тип картинки: дуже бажано використовувати заглавне фото ресурсу, будь-то малюнок, графіка чи колаж. Навіть частину обкладинки буклету/книжки (бажано обрізаючи назву, аби на картинці не було слів), це для того аби переходячи по посиланню, людина зрозуміла, що попала туди куди йшла). Орієнтація: горизонтальна, із змістовим навантаженням по центру, з розрахунку того що, несильно, але відтинає верх та низ на сторінці із детальніше про ресурс.

Тренинги: 1.534 (приклад: 540х352) (1400х913) (1200х782)

Тип картинки: тематичне до напряму тренінгу, бажано фото, люди/процес навчання, предмети, емоції, щось характерне, що може візуально ідентифікувати сам тренінг. Орієнтація: горизонтальне, із СИЛЬНИМ фокусованим навантаженням по центру, з розрахунку того що, сильно відтинає ліву та праву частину, перетворюючи її на вертикальне фото на сторінці детальніше про тренінг.

Логотипи для авторів/аватарки авторів (200*200) у людей портрет, у логотипів по краям відступи, із розрахунку, що автоматично буде різатись під коло.

Лого

Розмір: 200х200

Колір основи: f2f2f2

Принципи розміщення і підписування лого:

Ресурси/Джерело. Зазвичай джерело ресурсу - організація. Тому зображення лого - це лого організації. Якщо на лого є зрозумілий надпис, не підписуємо. Якщо є й якісь автори - люди, не згадуємо їх, вони зазначаються на самому ресурсі. Якщо ресурс походить винятково від фізичної особи, використовуємо фото і підписуємо

Блоги/Автори. Фото, підпис - ім’я, регалії.

Головна слайдер

Шестикутник: 540х580

Кольорова композиція

Ідеальним для сайту буде фото, що у своїй кольоровій композиції містить корпоративні кольори, або їх похідні, чи близькі до них. На приклад, чудове фото по кольоровій композиції:

⁠

0-02-05-4ec395f54f8b95882981e52b2ff9386868da26a0f552a88323dd99c0c1f026f7_1c6db2d817d2fb.jpg

⁠

Це фото містить наш м’ятний колір.

Теж дуже хороше фото, із близькими до нашої гами кольорами, пастельно-карамельні:

⁠

0-02-05-450018460189192e813c901e8a53e8479e1a6df738cbaa88a9d1727eea4b54e8_1c6db2d81abdba.jpg

⁠

Приклади невдалого фото за кольорами:

⁠

0-02-05-173bbd09b20a06c0210b11070f37f2c19bd28a039592596253b4170d48b3c59a_1c6db2d81e1b41.jpg

⁠

0-02-05-778de963375e1961cd8cf0fb7953b86f41a399b4ed39925527cc6cc82bfbc948_1c6db2d81f3aa6.jpg

⁠

Такі фото будуть вибиватись із загального дизайну.

Редагування зображень в WordPress

1. Завантажте фото до медіа-папки. Оберіть завантажений файл. Натисніть під фотографією кнопку "Редагувати зображення"

⁠

2. Масштабуйте фото. У правій колонці введіть перший показник - необхідну ширину зображення, згідно з рекомендаціями вище, наприклад, 1200 пікселів, та натисніть кнопку "Масштабувати”.

⁠

3. Ви змінили розмір зображення. Тепер треба змінити розмір зображення. Ліворуч є кнопка “Обрізати”. Натисніть, побачите квадратики по периметру.

⁠

⁠

4. Тягніть квадратики.

⁠

5. Праворуч побачите як змінюються показники у полі "Обрізання зображення". Також там можна вручну підправити показники для потрібної форми (див. вище

“Пропорції та розміри”⁠

⁠

6. Для підтвердження знову натисніть кнопку ліворуч над фото "Обрізати". Фото зберігається вже з обрізкою.

7. Зберігаємо модифіковане зображення натисканням кнопки "Зберегти" під фото. Закриваємо вікно. Бачимо у медіатеці оновлений файл. Готово!

Тексти

Блоги

⁠

Зразки текстових блоків⁠

⁠

CAPS LOCK

На сайті заборонено використовувати ВСІ ВЕЛИКІ як на прикладі нижче. Виділяємо головне іншими засобами!

⁠

⁠

Марковані списки

Кількість пунктів зазвичай не повинна перевищувати 5 пунктів, в крайніх випадках 10. Більші списки не читаються, для відображення такого роду інформації застосовуються таблиці та інші засоби.

⁠