10 съвета за създаване на уебсайт, базиран на снимки
И така, имате много страхотни снимки. Но какво да правим с тях? Създаването на сайт въз основа на снимки не е просто куп изображения, пакетирани в CSS и HTML. Такъв ресурс трябва да бъде обмислен, за да представи съдържанието по възможно най-добрия начин. В тази статия ще разгледаме десет трика и начина за създаване на сайтове на базата на снимки, от портфолио и блогове, завършвайки с бизнес ресурси.
Огромни изображения
Огромните снимки са един от най-ефективните начини за използване на изображения в уебсайт. Снимките на цял екран ще добавят драма към вашия ресурс и ще привлекат вниманието на посетителите.
Чувствайте се свободни да изберете тази техника, ако имате една или повече силни снимки, с интересни детайли и послание. Изображенията трябва да описват вашия продукт, така че да можете веднага да разберете за какво става дума.
Ако имате повече от една снимка, плъзгачите могат да бъдат добър вариант. Един от плюсовете на това решение е, че повечето плъзгачи ще поемат снимки с различни размери и не сте ограничени до снимки на цял екран.
Основното при използването на това решение е да не прекалявате. Изберете няколко изображения, които ще имат максимално въздействие върху посетителите. Уверете се, че всяко от изображенията е подходящо и че снимките не се повтарят или приличат една на друга. Друг приятен бонус при използване на плъзгача е, че винаги можете да актуализирате набор от изображения, като добавите например сезонни снимки или снимки на нов продукт.
Колаж или мрежа
Правилното оформление на снимките може да направи вашия сайт по-интересен. Но трябва да внимавате с избора на изображения, тяхното изрязване и групиране. Превъртането на Ajax може да станедобър начин да убедите потребителите да продължат напред в изучаването на снимки на вашия ресурс.
Но има един нюанс при това подреждане на снимките - размерът им на екрана. Ще трябва да изберете изображения, които изглеждат добре в малък размер. Това обикновено означава лекота на рамкиране и композиране. Тази техника е подходяща за тесни портретни снимки или снимки на лица. Но за пейзажи и детайлни работи тази опция не е подходяща.
Минимализъм
Ако фотографията играе основна роля във вашия дизайн, оставете останалата част от дизайна проста. Вашата работа е да накарате изображението да говори само за себе си и по-голямата част от „очевидния дизайн“ може да бъде пропусната в този случай.
Изберете прости бутони, елементи и цветове, за да предоставите на снимката си повече пространство на екрана. (Това е причината толкова много уебсайтове с портфолио да са минималистични и изградени върху черно-бяла цветова схема.)
Минимални ефекти
В момента повечето дизайнери и уеб разработчици вече са изоставили използването на флаш, но все пак си струва да си припомним. Избягвайте използването на светкавица в сайтове, базирани на снимки.
Снимките с висока разделителна способност са тежки файлове и трябва да се зареждат бързо и точно на всички устройства. Имайте това предвид, когато проектирате анимации, ефекти за зареждане или други тънкости. Ако даден специален ефект е лош за скоростта на качване или вреди на самата снимка, не го използвайте.
Някои базирани на снимки сайтове използват завладяващи теми, които могат да бъдат добър начин да покажете както самите снимки, така и вашите дизайнерски умения. Това могат да бъдат теми в стила на Instagram, Pinterest,черно-бели галерии, ефекти с граници или ръбове или цветно наслагване. Изборът е доста голям.
Основната ви задача е да не отклонявате вниманието от самите снимки. Темата трябва да се използва, за да допълни тези основни елементи на дизайна, а не да ги скрие.
Комбинация от форми и размери
Що се отнася до фотографията, някои дизайнери предпочитат да се впуснат в играта на форми и размери. Изображенията могат да бъдат с различни форми, размери и ориентации (портрет и пейзаж). Смесвайки тези параметри, можете да постигнете интересни ефекти.
Погледнете през обектива на тази концепция на кадрирането и композирането на снимки. Може би някои изображения може да са по-близо едно до друго, а други по-далеч. Помислете също за подобна променливост на цвета и фона. Големите групи от еднакви снимки бързо ще омръзнат на потребителя, ще добавят интерес с микс и вашите потребители ще останат на страницата по-дълго.
Поставяне на текст
Неграмотното поставяне на текст може да развали цялата ви идея с голяма снимка. Уверете се, че етикетите, бутоните или други елементи не припокриват ключови точки от изображението.
Една от често използваните съвременни тенденции са големите снимки и призрачните бутони. Тази комбинация ви позволява да запазите господството на изображението, но все пак да използвате голям бутон, който не претоварва дизайна.
Основните правила в този случай са: не поставяйте дизайнерски елементи върху лицата на снимката; също така дръжте дизайнерските елементи далеч от сцената на снимката; уверете се, че елементите, върху които може да се кликне, се виждат на фона на изображението.
Черен, бял или неутрален фон винаги работи добре на сайтове за снимки, защото подчертаваимиджова интрига. Този контраст подсказва на посетителя къде да насочи вниманието си.
Използвайте достатъчно свободно пространство, така че изображенията да имат място. Всяка снимка трябва да има достатъчно пространство и контраст, за да се откроява от околните снимки.
Без значение коя естетика на дизайна изберете, уверете се, че снимките и заобикалящата ги среда са достатъчно отчетливи, така че потребителят да разбере коя част е по-важна и да я разграничи на избрания от вас фон и до останалите елементи.
Дизайн за изображения
Най-важното нещо, което трябва да запомните, когато създавате уебсайт, базиран на снимки, е, че вашият дизайн трябва да е за снимки. Създаването на шаблон, към който по-късно добавяте изображения, вероятно ще бъде разочароващо.
Изберете снимките, с които ще работите, и проектирайте оформление специално за тях. Дизайн без съдържание не струва нищо. Приближете се от дясната страна и вижте какви прекрасни резултати ще даде.
Заключение
Сайтовете, базирани на снимки, са може би най-добрите в Интернет. Изображенията привличат вниманието на потребителите и са отлична основа за разработване на дизайн. Основното нещо е да се уверите, че имате добри снимки с високо качество, за да започнете.
Автор на статияКари Казънс