Фонове фото, яке не з’їдає текст

Що сторінка робить із вашим знімком

Під час завантаження тла стаються три речі. Картинка перекодовується й обмежується за вагою, тож вона ніколи не стає причиною повільної сторінки. Згори лягає затемнення — достатнє, щоб білий текст лишався читабельним. І шаблон перемикається на палітру для фотографій: кнопки отримують власну підкладку замість того, щоб висіти просто на вашому знімку.

У затемнення є повзунок, бо фотографії різні. Нічному кадру його майже не потрібно, яскравому пляжу потрібно багато. Рухайте, доки найменш контрастне слово на сторінці не стане зручним для читання на телефоні на відстані витягнутої руки, і лишіть так.

1. 01Беріть фотографію з порожньою ділянкою: небо, стіна, вода, тінь. У цій порожнечі й стоятиме ваше ім’я.
2. 02Уникайте облич. Обличчя за текстом конкурує з текстом і програє, і від цього нікому не краще.
3. 03Віддавайте перевагу власним знімкам. Стоковий градієнт каже про вас менше, ніж відсутність тла.
4. 04Поставте точку кадрування: тло найсильніше ріжеться на вертикальному екрані телефона.

Коли краще без тла

• Коли сторінка складається здебільшого з посилань. Шість кнопок на фотографії читаються як меню, приклеєне до вітрини.
• Коли в посилань уже є картинки на картках. Два шари фотографії б’ються один з одним.
• Коли єдине наявне фото — зайняте. Зайняте тло завжди гірше, ніж рівний колір шаблону.
• Коли сторінка має відкриватися на поганому мобільному інтернеті. Навіть обмежене тло — найважче на сторінці.

Шаблони, які його чекають

Photo, Showcase і Noir побудовані навколо зображень і добре несуть тло. Whisper та Editorial побудовані навколо типографіки, і фотографія за ними руйнує саме те, що робить їх добрими. В Aurora уже є власний градієнт: картинка згори — третій шар, якого ніхто не просив.

Найнадійніше вирішувати очима. Прев’ю телефона поруч із редактором малює справжній шаблон із вашим справжнім вмістом, і різниця між ідеєю і сторінкою зазвичай видна з першого погляду.