Размышления на тему галерей
Политика немного стихла, можно поговорить и про дизайн =)
Меня вот какая тема беспокоит - при существующем известном рецепте слайдшоу, почему-то мало кто им пользуется. Рецепт состоит не в том, что картинки как-то плавно сменяются по смахиванию или нажатию куда-то, а в том, что слайдшоу (как и хорошую ссылку) должно быть видно, не притрагиваясь к мыши и клавиатуре.
Вот так ↑ видно, что кроме текущего изображения есть еще и соседние, что уже зрительно дает понять о наличии листалки. Понимаю, что похоже на вагон поезда, но представьте. что это браузер с картинками.
Возьмем любимую отечественную Фотораму. Да, есть внизу под картинками точечки, которые тоже говорят, что это галерея. Но их вообще не видно, у меня всегда так: читаю текст, смотрю на картинку и дальше читаю. А потом вдруг замечаю, что у картинки точечки, и там не одна картинка а десяток. Впечатление немного подпорчивается от этого. Ожидания начинают меняться, и уже настрой на поглощение материала немного трансформируется в поиск «пасхалок».
Вот примеры с фоторамой (картинки кликабельны, ведут на сами страницы):
Возможно в приведенных примерах не так это заметно, потому что скриншоты приведены как примеры, да еще и ужаты. Поэтому лучше самому пройти, посмотреть на подобные записи, почитать посты. Да простят меня авторы блогов, не в обиду им привожу примеры. И не в обиду Артему Поликарпову, который подарил нам Фотораму (кому подарил, а кому $33 =) смотрите лицензию).
Еще один пример: сайт Тёмы, где он рассказывает о путешествиях.
Я намерено уменьшил масштаб, будто бы у меня большой монитор.
Так вот помню себя, когда приходилось учиться, чтобы не пропускать картинки с квадратиками в углу, потому что за ними кроются еще картинки.
В случае с этим сайтом все вообще просто, тут нет никаких боковых колонок, только контент, поэтому можно совершенно спокойно использовать всю ширину наших современных широчайших экранов:
Можно, конечно, добавить еще какие-то средства навигации по списку картинок, это уже «по вкусу», лишними они там вряд ли будут.
При этом, совсем нет необходимости уменьшать неактивные картинки, как это бывает в галереях, потому что если у меня огромный экран, у меня есть возможность посмотреть всё сразу не листая ничего. А так же необходимо обозначать, что все не влезло, так как может случиться такое, что в браузер влезет ровно две картинки, а там их сорок.
Для Фоторамы примерно такая же ситуация, но тут уже зависит от её контекста - где-то можно показать куски соседних картинок, где-то только с одной стороны есть место, а где-то совсем никак. Ну и вариант с превьюшками тоже спасает ситуацию, их видно, их много.
Стоит добавить, что такая реализация галереии очень по ТРИЗовски, так как не создается никаких новых сущностей и не модифицируются существующие. То есть именно сами картинки выполняют роль навигации, а не косвенные точечки или миниатюрки.
Меня вот какая тема беспокоит - при существующем известном рецепте слайдшоу, почему-то мало кто им пользуется. Рецепт состоит не в том, что картинки как-то плавно сменяются по смахиванию или нажатию куда-то, а в том, что слайдшоу (как и хорошую ссылку) должно быть видно, не притрагиваясь к мыши и клавиатуре.
Вот так ↑ видно, что кроме текущего изображения есть еще и соседние, что уже зрительно дает понять о наличии листалки. Понимаю, что похоже на вагон поезда, но представьте. что это браузер с картинками.
Возьмем любимую отечественную Фотораму. Да, есть внизу под картинками точечки, которые тоже говорят, что это галерея. Но их вообще не видно, у меня всегда так: читаю текст, смотрю на картинку и дальше читаю. А потом вдруг замечаю, что у картинки точечки, и там не одна картинка а десяток. Впечатление немного подпорчивается от этого. Ожидания начинают меняться, и уже настрой на поглощение материала немного трансформируется в поиск «пасхалок».
Вот примеры с фоторамой (картинки кликабельны, ведут на сами страницы):
Возможно в приведенных примерах не так это заметно, потому что скриншоты приведены как примеры, да еще и ужаты. Поэтому лучше самому пройти, посмотреть на подобные записи, почитать посты. Да простят меня авторы блогов, не в обиду им привожу примеры. И не в обиду Артему Поликарпову, который подарил нам Фотораму (кому подарил, а кому $33 =) смотрите лицензию).
Еще один пример: сайт Тёмы, где он рассказывает о путешествиях.
Я намерено уменьшил масштаб, будто бы у меня большой монитор.
Так вот помню себя, когда приходилось учиться, чтобы не пропускать картинки с квадратиками в углу, потому что за ними кроются еще картинки.
В случае с этим сайтом все вообще просто, тут нет никаких боковых колонок, только контент, поэтому можно совершенно спокойно использовать всю ширину наших современных широчайших экранов:
Можно, конечно, добавить еще какие-то средства навигации по списку картинок, это уже «по вкусу», лишними они там вряд ли будут.
При этом, совсем нет необходимости уменьшать неактивные картинки, как это бывает в галереях, потому что если у меня огромный экран, у меня есть возможность посмотреть всё сразу не листая ничего. А так же необходимо обозначать, что все не влезло, так как может случиться такое, что в браузер влезет ровно две картинки, а там их сорок.
Для Фоторамы примерно такая же ситуация, но тут уже зависит от её контекста - где-то можно показать куски соседних картинок, где-то только с одной стороны есть место, а где-то совсем никак. Ну и вариант с превьюшками тоже спасает ситуацию, их видно, их много.
Стоит добавить, что такая реализация галереии очень по ТРИЗовски, так как не создается никаких новых сущностей и не модифицируются существующие. То есть именно сами картинки выполняют роль навигации, а не косвенные точечки или миниатюрки.