10 порад для створення сайту на базі фотографій
Отже, у вас є багато чудових знімків. Але що з ними робити? Створення сайту на базі фотографій – не просто пачка зображень, запакованих у CSS та HTML. Такий ресурс має бути продуманим для того, щоб подати контент у найкращому вигляді. У цьому матеріалі ми розглянемо десять прийомів та способів створення сайтів на базі фотографій, починаючи портфоліо та блогами, закінчуючи бізнес-ресурсами.
Величезні зображення
Величезні фотографії – один із найефектніших способів використання зображень на сайті. Знімки на весь екран додадуть вашому ресурсу драматичності та привернуть увагу відвідувачів.
Сміливо вибирайте цей прийом, якщо маєте в своєму розпорядженні одну або кілька сильних фотографій, з цікавими деталями і посилом. Зображення повинні описувати ваш продукт, щоб одразу було зрозуміло про що йдеться.
Якщо у вас більше однієї фотографії, добрим виходом можуть стати слайдери. Один із плюсів такого рішення полягає в тому, що більшість слайдерів адаптують фотографії різних розмірів і ви не обмежені варіантом фото на весь екран.
Головне у використанні цього рішення не перестаратися. Виберіть кілька зображень, які матимуть максимальний вплив на відвідувачів. Переконайтеся, що кожне зображення доречне і що фото не повторюються і не схожі один на одного. Ще один приємний бонус при використанні слайдера полягає в тому, що ви завжди можете оновити ряд зображень, додавши сезонні знімки або фотографії нового продукту.
Колаж чи сітка
Грамотне компонування фотографій може зробити ваш сайт цікавішим. Але ви повинні бути акуратними з вибором зображень, їх кадруванням і групуванням. Ajax-скролінг може статигарним способом переконати користувачів просуватися у вивченні знімків на вашому ресурсі.
Але є один нюанс при такому компонуванні фотографій їх розмір на екрані. Вам доведеться вибрати зображення, які добре виглядають у невеликому розмірі. Зазвичай це означає простоту у кадруванні та композиції. Цей прийом підходить для вузьких знімків із портретною орієнтацією або фото осіб. А ось для пейзажів та детальних робіт такий варіант не підійде.
Мінімалізм
Якщо головну роль у вашому дизайні грає фотографія, нехай інші елементи дизайну будуть простими. Ваше завдання змусити зображення говорити за себе, і більшу частину «очевидного дизайну» можна виключити.
Виберіть прості кнопки, елементи та кольори, щоб дати більше простору на екрані фотографії. (З цієї причини так багато сайтів-портфоліо виконані в мінімалістичному стилі та будуються на чорно-білій колірній схемі)
Мінімум ефектів
На даний момент більшість дизайнерів і веб-розробників вже відмовилися від використання flash, але все ж таки про це варто нагадати. Уникайте використання flash у сайтах на основі фотографій.
Фотографії у великій якості – це важкі файли, і вони повинні завантажуватися швидко і акуратно на всіх пристроях. Пам'ятайте про це, коли ви розробляєте анімацію, ефекти завантаження або інші примочки. Якщо спеціальний ефект погано впливає на швидкість завантаження або відволікає увагу від самої фотографії, не використовуйте його.
Деякі сайти, створені на основі фотографій, використовують захоплюючі теми, які можуть стати хорошим способом показати як самі фотографії, так і дизайнерські навички. Це можуть бути теми в стилі Instagram, Pinterest,чорно-білі галереї, ефекти з рамками або краями, або накладання кольорів. Вибір досить великий.
Ваше головне завдання — не зважати на самі фотографії. Тема повинна використовуватися для доповнення цих основних елементів дизайну, а не приховувати їх.
Мікс форм та розмірів
Коли мова заходить про фотографії, деякі дизайнери воліють заглибитись у гру форм та розмірів. Зображення можуть бути різних форм, розмірів та орієнтацій (портретна та альбомна). Міксуючи ці параметри, можна досягти цікавих ефектів.
Подивіться крізь призму цієї концепції кадрування та композицію фотографій. Можливо, деякі зображення можуть бути ближче один до одного, а деякі далі. Розгляньте також подібну варіативність у кольорі та тлі. Великі групи однакових фотографій швидко набриднуть користувачеві, додайте інтересу за допомогою міксу, і ваші користувачі залишаться на сторінці довше.
Розміщення тексту
Неписьменне розміщення тексту може зіпсувати всю вашу задумку з великим фото. Переконайтеся, що написи, кнопки або інші елементи не перекривають ключові моменти зображення.
Один із найчастіше використовуваних сучасних трендів — великі фотографії та кнопки-привиди. Це поєднання дозволяє зберегти домінацію зображення, але використовувати кнопку великого розміру, яка не перевантажує дизайн.
Головні правила в цьому випадку такі: не розміщуйте елементи дизайну поверх облич на фото; також тримайте елементи дизайну подалі від місця на фото; переконайтеся, що клікабельні елементи помітні на тлі зображення.
Чорний, білий або нейтральний фон завжди добре працюють на сайтах з фотографіями, тому що вони підкреслюютьІнтрига зображення. Цей контраст вказує відвідувачу, на чому сконцентрувати свою увагу.
Використовуйте достатньо вільного простору, щоб у зображень був простір. Кожна фотографія повинна мати достатньо місця та контрасту, щоб відрізнятись від оточуючих картинок.
Будь-яку дизайнерську естетику ви виберіть, переконайтеся, що фотографії та їх оточення досить різні, щоб користувач розумів яка частина важливіша, і розрізняв її на вибраному вами фоні і поряд з іншими елементами.
Дизайн для зображень
Найважливіша річ, яку потрібно засвоїти, створюючи сайт на базі фото, це те, що ваш дизайн має створюватися для фотографій. Створення шаблону, до якого ви додасте пізніше зображення, швидше за все обернеться розчаруванням.
Виберіть фотографії, з якими працюватимете та розробте макет спеціально під них. Дизайн без контенту нічого не вартий. Підійдіть до нього з правильного боку та побачите які чудові результати це дасть.
Висновок
Сайти на базі фото, мабуть, найкращі в Інтернеті. Зображення привертають увагу користувачів та є чудовою основою для розробки дизайну. Головне переконайтеся, що у вас є хороші, якісні фотографії, щоб почати.
Автор статтіCarrie Cousins