50 творчески и вдъхновяващи галерии с миниатюри

Галерията с миниатюри е едно от най-често срещаните решения в мрежата за показване на множество изображения. Ефективността на този инструмент не може да бъде победена, той позволява бързо браузване и по-внимателна проверка, когато е желателно.

Всеки път, когато създавам галерия с миниатюри, обичам да оглеждам мрежата, за да видя какво правят другите дизайнери, за да направят техния уникален. Днес сме събрали петдесет страхотни галерии, за да разгледате. По пътя ще обсъдим и някои идеи, които можете да използвате в собствените си галерии.

Като статията? Не забравяйте да се абонирате за нашата RSS емисия и да ни следвате в Twitter, за да сте в крак с последното съдържание.

Изкопайте маржовете

Кой казва, че миниатюрите трябва да бъдат разперени? Тези сайтове решиха да обхванат близостта и да присвиват снимките всички една срещу друга. Резултатът е впечатление за един обект, съставен от много части. Това е не само високоефективно пространство, но е и доста привлекателно.

Тази техника очевидно е най-добре да се използва, ако не е необходимо да добавяте много контекстуална информация към всяко изображение, въпреки че ховър събитието наистина предоставя добра възможност за допълнителен текст или графика.

Шанкар

Egopop

Безплатни лица

Аналогов цифров

Елиът Леперс

xMind

Варирайте вертикалната височина

Когато промените вертикалната височина на изображенията в галерията, резултатът е много по-органично изглеждаща страница. Въпреки че все още се управлява от единни правила, оформлението не се чувства толкова твърдо, както при типичната мрежа.

Това очевидно е идеалното решение за показване на изображения, които просто имат различна височина, но също така трябва да бъдат съобразени винаги, когато общата ви тема на страницата е спокойна или свободно протичаща.

404 Страницата не е намерена

Пол Мичъл Кели

Просто Шон

Вертикален дизайн на зърно

Не бъди площад

Квадратите са скучни! Ако искате галерията ви да разбие формата, опитайте да експериментирате с различни форми за своите миниатюри. Типичният втори вариант са кръговете, както ще видите по-долу, но както показва първият пример, определено е ефективно да отидете още по-далеч и да направите нещо свое.

Арно Бийлън

Sellected

Център на вниманието

Страст към дизайна

Кийън Уелс

Криви картини

CSS3 улеснява създаването на много страхотни визуални ефекти. Едно наскоро популярно лечение на изображения е използването на CSS трансформации за завъртане на изображенията в галерия, ефект, който често се съчетава с анимация при задържане.

Резултатът изглежда много като снимки, висящи криво на стена или поляроиди, разперени на маса. Ето няколко различни вариации на ефекта.

Mooreish

Broke Design

Роден в плевнята

Игри с сенки

CSS кутиите сенки са доста проста собственост за работа. Просто задайте позицията и перото си и сте готови да тръгнете. Напоследък много разработчици откриха, че комбинирайки сенки с трансформации и псевдо селектори, можете да постигнете много различни и впечатляващи резултати.

Сенките, които прилагате към галерията си, могат да променят цялостното усещане на цялата ви страница. Вижте сенките по-долу и как те дават илюзията за действително прекрояване на изображението.

CMYK08

Подпис Creative

мустанг

Студио Калабрия

Chase Farnum

Dribbble

ателие

Други вдъхновяващи галерии

Тони Дигриджо

Андреа Айвс

Ние сме предимно сериозни

Черна вратовръзка

Бен Бейт

Андре Крефт

Графичен дизайнер на Лийдс

Андерсън де Пауло

Barnt & Arnst

Джеймс Уайт Смит

Ketch Studio

Кой е гост

Медиен дъжд

Крис Арбини

Сумит Пол

Намерен цвят

Карти Hoban

разцепване

Пънк Ела

Kubi Media

Кубински съвет

Елегантни чайки

Froot

Кодекс на изкуствата

Матьо Клаус

Покажете ни ваши!

Сега, когато видяхте нашата колекция от някои от най-интересните галерии наоколо, е ваш ред да споделите. Оставете коментар по-долу с линк към всички галерии, които сте изградили или просто сте намерили вдъхновяващо.