Зацените дизайн фотогалереи

Сайт в профиле.
Решил плотнее познакомится с нетом. С нового года начал "курить" HTML, CSS и немного JS (PHP и иже с ним решил пока не трогать)- вот что из этого вышло...
ИМХО, очень логотип удался (ну и конечно, решение с кадрами для самой галереи...)! :)
Ну и вообще - принимаю любые комментарии: по дизайну, юзабилити и т.д. (можно и по самим фото).
Обратную связь на сайте пока не включал - так что все замечания либо сюда в тему, либо в личку.

Сразу предупреждаю - без включенного JavaScript ничего не работает!

P.S. Модераторам, не знал куда запостить топик. Решил в "Общие вопросы", если что перенесите в другой форум...

Фотографии на предпросмотре перевёрнуты чтобы на плёнку было похоже? :)

Хорошая галерея, но портреты девушки на фоне вагонки это жесть... лучше на фон цветочки какие-нибудь...

если честно... очень темно, тяжело и неуютно. огромные надписи, толстые рамки, чёрные кнопки и мрачные густые тени подо всем чем только можно, выдают в вашем сайте произведение рук начинающего любителя, для которого соорудить своими руками логотип в виде буквы N с дырками от плёнки является серьёзным художественным достижением, а кнопки скроллинга в виде иконок перемотки плёнки кажутся остроумным креативным ходом. мы все там были, только кто-то был там десять лет назад и сейчас уже понимает что к чему. предоставьте заниматься дизайном тем, кто знает как им заниматься.

Good design is as little design as posible. — Dieter Rams

В целом не плохо.
Единственное не понятен подход от производителя пленки, а не от тем фотографий. Дизайн понравился.

Эти ..как их многие профессионалы дизайна подчас такого ... как бы по приличней сказать ... наделают, что лучше уж самому. А денег хотят, как за ту фотографию обсуждаемую тут ниже "за миллион".


Я считаю основное все же в интернете это юзабельность. Честно говоря на этом сайте, я на секунду задумался - " что же тут нажать". Но в общем это небольшая задержка вполне терпима.

Желательно бы фото разных и поинтереснее, а там любительские, семейные фотки, с плохим для портрета светом, много односюжетных… ;)

Идея с имитацией пленки занимательна лишь на одну-пару минут. Дальше начинается неудобство с восприятием лежащих на боку фотографий.
Хотелось бы иметь кнопку для "длинного" прогона пленки. Надоедает кликать, проматывая по одному кадру.
Было бы удобнее, если после увеличения картинки для перехода к следующей не приходилось бы закрывать эту. Кликнул на большую фото - она сменилась на следующую. (а еще лучше оставить внизу большой фотографии кнопки для обратной отмотки фото, иногда хочется пресмотреть предидущую картинку).

Не понятно о чём сайт, зачем и почему.
Если коротко: отвратительно.
Во-первых: не понятно при чём тут бренды.
Во-вторых: много радости видеть 3 фото на сайте фотографа, причём часть из них перевёрнуто. Людям нафиг не упёрлось проходить тесты на пространственное восприятие в неожиданных местах.
В-третьих: ради кого сайт? Кто целевая аудитория? Те кто пытается выбрать себе плёнку для каких-то целей? Посмотреть как отсканированная плёнка выглядит в интернете?
Если вы ищите заказчика или покупателя, то надо сразу выкладывать много картинок. Если это какой-то эстетский фотоальбом для не пойми кого - то они выглядят совсем иначе.
В общем - ерунда какая-то. Сайт начинается с необходимости. Продумывается всё до мелочей на предмет того - кому что и зачем. Дизайн прикручивается в последнюю очередь.
При наличие ЖЖ и массы других ресурсов делать свой отдельный сайт надо с умом. В данном случае это просто "лабораторка на тему HTML, CSS и немного JS". К понятию "сайт" "это" никакого отношения не имеет.

Цитата:

от: peayq
а кнопки скроллинга в виде иконок перемотки плёнки кажутся остроумным креативным ходом. мы все там были, только кто-то был там десять лет назад

"Все новое - хорошо забытое ... " бла-бла-бла ... не так ли? ;)

Мне лично дизайн сайта очень даже понравился.
ИМХО

Цитата:

от: Ondatr
Идея с имитацией пленки занимательна лишь на одну-пару минут. Дальше начинается неудобство с восприятием лежащих на боку фотографий..

Таки да!
И воопще, самый лучший фотохостинг - ВКОНТАГТЕ :D
ИМХО

и фотки удобно грузить
и клиенты тут же ;)

Цитата:

от: Shiroima
Фотографии на предпросмотре перевёрнуты чтобы на плёнку было похоже? :)

Хорошая галерея, но портреты девушки на фоне вагонки это жесть... лучше на фон цветочки какие-нибудь...

какие ещё цветочки? нормальный фон - естественная фактура, вне ГРИП, внимания от модели абсолютно не отвлекает! всё норм.!
фотографии на предпросмотре перевёрнуты главным образом потому, что превьюхи с портретной и пейзажной ориентацией корректно выровнять не получится!..

Цитата:

от:peayq
если честно... очень темно, тяжело и неуютно. огромные надписи, толстые рамки, чёрные кнопки и мрачные густые тени подо всем чем только можно, выдают в вашем сайте произведение рук начинающего любителя, для которого соорудить своими руками логотип в виде буквы N с дырками от плёнки является серьёзным художественным достижением, а кнопки скроллинга в виде иконок перемотки плёнки кажутся остроумным креативным ходом. мы все там были, только кто-то был там десять лет назад и сейчас уже понимает что к чему. предоставьте заниматься дизайном тем, кто знает как им заниматься.

Good design is as little design as posible. — Dieter Rams

Подробнее

Ждал любых комментариев, но только не сарказма!
Ну для рунета это нормально - любой новичок тут же воспринимается в штыки, потому как мало ли - вдруг он завтра ваш хлеб отнимет!..
И главное конкретики никакой - мне вот Ваш пост выдаёт дилетантское знание дизайна: "очень темно, тяжело и неуютно. огромные надписи, толстые рамки, чёрные кнопки и мрачные густые тени подо всем чем только можно"... :)
Вы с чего взяли, что я не знаю как заниматься дизайном?
Когда я пять лет назад делал макеты для оф.дилеров Форда и Ниссана или Росгосстраха - никто на кустарность не жаловался!.. :)
Ну и где Вы "были" - дайте ссылки на нечто подобное! Или на что ровняться?
А то знаем мы этих "профессионалов" - пообщались! "Всё делаем по CMS-ному шаблону, хэдер с профильной картинкой из краденого клипарта, в середине рекламная ботва на несколько колонок, и навигация разбросанная по четырём местам! А, и всё это на псевдо-резине..." И каждый второй сайт с таким вот уникальным дизайном!
И гордо потом заявляют - "оставьте дизайн професиионалам, а то у Вас слишком темно". Тёмно, прошу прощения, для чего? Читать под монитором трудно?
Если Вы хоть немного разбираетесь в дизайне, могу Вам прокомментрировать свою "любительскую отсебятину" - чтобы было понятно как я пытался сделать "красивше"!

1) Фотографии плёночные. Да и вообще графика корректнее отображается на нейтральном фоне (градации серого). Поэтому сразу решил не использовать в дизайне ЦВЕТОВЫХ решений. Потом для "оживления" решил поюзать градиент. Исключил из оформления крайние значения яркости (#000000 (кроме надписей и "маски плёнки") и #FFFFFF) - абсолютно чёрные и белые тона в оформлении будут доминировать, а поскольку в самих фото такие значения практически не встречаются, то фотографии будут смотреться бледновато. Так определился с тоновым решением (чёрно-белое от #333 до #ССС плюс чёрный для элементов оформления).

2) Шрифты. Тут всё просто. Очень нравится гарнитура "Porsche". Включил её (графикой). Понятное дело, что остальные гарнитуры также должны быть рублеными (Поставил по умолчанию Verdana).

3) Логотип. Тут интереснее. Долго с ним бился! Вначале хотел совместить стилизованное изображение фотоаппарата и буквы "N". Выходила ерунда - логотип получался слишком подробным, перегруженным и оттого "слабовоспринимаемым". Поэтому решил задействовать "плёночную тематику". А "пленочная тематика" это что? - перфорация! И тут осенило дважды!
Во-первых, сразу сложился логотип - тут КУЧА фишек совпала:
a) буква "N" - символизирует как ник (Nanto), так и Negative;
b) Тот же самый Negative - решение продолжить "чёрно-белую тематику" и разделить букву пополам пришло уже само собой. (Понятное дело что "N" корректно можно "поделить" только по диагонали, да и динамика появляется)
с) Перфорация по краям буквы и окончательная стилизация под кадр негатива!
d) Букву "вытянул" по ширине - "основная" гарнитура Porsche к этому предполагает. Пропорции мониторов (вытянутость по ширине). Да и просто "сплющенная" по высоте буква вписывалась гораздо лучше чем стандартное начертание (само собой вышла что почти все элементы оформления оказались вытянуты по ширине)ю
e) Иконка favicon на основе ТОЧНОЙ уменьшенной копии логотипа оказалась АБСОЛЮТНО читаемой!
Короче, как человек сталкивавшийся с логотипированием очень долгое время, могу заявить (оценивая абсолютно критически) что уж логотип вышел на 5+!

4) И "перфорация" грандиозно помогла мне во второй раз! Думая куда бы её ещё "вплести" - осенило оформить саму галерею и виде куска плёнки. Попутно происходило ещё одно эффектное и простейшее решение серъёзной проблемы оформления - подгонка размеров и их расположения на странице превьюх с "портретным" и "альбомным" ориентированием. Если их не "вписывать" в кадр, уж очень они разномастно выглядели - фиг выравнеешь (да и запарился бы плагин галереи подгонять под такую задачу). А так всё очень красиво решилось - смотреть на кадры с "портретной" ориентацией, да, не очень удобно... Но зато получается полная "эмуляция" куска плёнки. И никто не придерётся к "неудобности просмотра" - "а что вы хотели? это якобы точная симуляция плёночного изображения. на настоящей плёнке так всё и выглядит (правда её всегда можно повернуть на 90deg )" - как будто такая задача и ставилась изначально!

5) Ну и потом кнопочки всякие... Кнопки навигации СКОПИРОВАНЫ с плёночного Кэнона (этим значком обозначена кнопка обратной перемотки плёнки). Для "кнопок" галерей взял логотипы контор (раз уж делаём дизайн "по-взрослому", то и логично использовать "родные аксессуары" а не всякую "отсебятину"). Кстати, две конторы (Кодак и Коника) несколько лет назад видоизменили логотипы. Поэтому "действующие" вывел в галерею на главную страницу. А "старые" в навигационную панель (и на название галереи) - посколку новое название "Konica Minolta" по длине ну уж совсем неприличное, и никак не вписывалась (я и fujifilm задолбался "загонять" в блоки фиксированной для всех надписей длины). Да и на подавляющем большинстве выпущенных плёнок всё-таки красуются "старые" логотипы. Так что тут всё кошерно получилось.
Ещё - раз уж один раз влепил "эффект тени" для "придания объёма", то надо быть поседовательным и использовать его и в других элементах (тут логика такова - если у элемента есть тень, то это значит что элемент "юзабелен" и/или это гиперссылка)

6) Ну и поскольку использовать в качестве превьюх именно негативы (инвертированные изображения) совсем уж издевательство над посетителем (половина и так невольно голову набок склоняет при просмотре "портретов") - оформил саму галерею под кусок слайда. Короче, эта маска кадра - точная копия кадра Fuji Provia 100F (за исключением надписи Nanto вместо Fuji).

P.S. Напомните-ка мне - как делают логотипы профессионалы? Просто вплетают название компании в завитушки, чтобы эффектней было? Ну да, сильный ход! И кстати, не поянл - а разве мой дизайн перегружен? Очень даже минималистичен, особенно логотип!..

Цитата:

от: vlad--king
Желательно бы фото разных и поинтереснее, а там любительские, семейные фотки, с плохим для портрета светом, много односюжетных… ;)

Уж какие есть! Обычные семейные фото! :)
Только не понял про "плохой свет"... ГДЕ?

Цитата:

от:Skavr
Не понятно о чём сайт, зачем и почему.
Если коротко: отвратительно.
Во-первых: не понятно при чём тут бренды.
Во-вторых: много радости видеть 3 фото на сайте фотографа, причём часть из них перевёрнуто. Людям нафиг не упёрлось проходить тесты на пространственное восприятие в неожиданных местах.
В-третьих: ради кого сайт? Кто целевая аудитория? Те кто пытается выбрать себе плёнку для каких-то целей? Посмотреть как отсканированная плёнка выглядит в интернете?
Если вы ищите заказчика или покупателя, то надо сразу выкладывать много картинок. Если это какой-то эстетский фотоальбом для не пойми кого - то они выглядят совсем иначе.
В общем - ерунда какая-то. Сайт начинается с необходимости. Продумывается всё до мелочей на предмет того - кому что и зачем. Дизайн прикручивается в последнюю очередь.
При наличие ЖЖ и массы других ресурсов делать свой отдельный сайт надо с умом. В данном случае это просто "лабораторка на тему HTML, CSS и немного JS". К понятию "сайт" "это" никакого отношения не имеет.

Подробнее

Во-первых, бренды при том, что а) обозначают на какую плёнку снято; б) делят галерею на разделы (или надо было всё одним скопом запостить)
Во-вторых, никто ж не держит! Ступайте на фликр - там их больше (у меня вот столько - что мне теперь всякого шлака накидать?). Прикиньте - у меня на плёнке тоже перевёрнуто- ничего не плачу! (оригиналы-то в любом случае нормально ориентированы)
В-третьих, ради себя любимого! Целевая аудитория - та же что и "Вконтакте" - друзья, знакомые. А как выглядят "эстетские фотоальбомы" - научите! :)

Всё пляшется от дизайна - а то знаем как он в последнюю очередь на CMS прикручивается!
То-то я смотрю все сайты до мелочей продуманы!.. Не смешите! Этим дежурным фразам сто лет в обед. Чхать все хотели на "продуманность" и иже с ней!.. :)
Ещё одни профессор - ну покажите что имеет отношение к понятию "сайт"? Вам слабо такую лабораторку сделать? Рискните! Стоя поапплодирую, если получится!.. :)

Цитата:

от: Nanto
Уж какие есть! Обычные семейные фото! :)
Только не понял про "плохой свет"... ГДЕ?

Плохой свет – не на всех конечно, но вот, например на этих фото из серии... Светотени на лице нет, плоско, соответственно и носа нет, одни дырочки, как у хрюшки, или обработано так?
Или вот второе фото, лицо - слева сильно пересвечено, разве не брак?


Зачем-то там нерезкие фото есть, тоже из серии, где фуджифильм - ребёнок в надувном бассейне? :(

Если это, как бы реклама пленок, то как-то не очень, местами...
Может, что ещё другое добавить, пейзажи, например какие-то есть? ;)

Добавлю ещё... К примеру - на этой странице -https://foto.ru/forums/general/obshhie-voprosy-fotografii/520459,241#p6344060 я приводил примеры портретных детских фото, где со светотенью, объёмом лица и фоном несколько лучше, чем у автора трёх снимков девочки... ;)

Цитата:

от: Nanto
Зацените дизайн фотогалереи

... всё на импортном языке - это плохо
... каким боком брэнды там ... не понятно

Цитата:

от: фоторулюбитель
... каким боком брэнды там ... не понятно

Ну ведь автор написал, что целевая аудитория - друзья, знакомые. Насколько я понимаю, он хотел показать, на какую плёнку снимает, и какие результаты даёт та или иная. Для душевных бесед, относительно цветопередачи, контраста, резкости, зерна и т.д. :)

Автору: По поводу наклона головы уже говорили, а я хочу добавить, что вместо повторяющегося постоянно над каждым кадром ника, я бы впечатал лучше экспозиционные данные.
Я не профессионал, так что мне, как простому смертному, в принципе, нравится.
Ну, разве что внизу пустовато. Может туда какой-ть текстик "воздушный" воткнуть? Хотя... может так оно и лучше.
Удачи!

Цитата:

от:Nanto
Ждал любых комментариев, но только не сарказма!
Ну для рунета это нормально - любой новичок тут же воспринимается в штыки, потому как мало ли - вдруг он завтра ваш хлеб отнимет!..
И главное конкретики никакой - мне вот Ваш пост выдаёт дилетантское знание дизайна: "очень темно, тяжело и неуютно. огромные надписи, толстые рамки, чёрные кнопки и мрачные густые тени подо всем чем только можно"... :)
Вы с чего взяли, что я не знаю как заниматься дизайном?

Подробнее

извините за грубость, но тут Вы выглядите как цукен - т.е. Вы в качестве аргумента ссылаетесь на контракты, проданные Вами монструозным заказчикам. Это характеризует Вас как продавца, но не как дизайнера. Цукен тоже на моей памяти не утверждал, что он хороший фотограф, зато говорил, что проблем с заказчиками нет.
Последняя строчка цитаты - просто песня. :) "с того, что Вы показали".
Теперь по дизайну. Крайне мрачно и тяжеловесно. Даже не столько мрачно (ч/б сайты по художественной фотографии - фактически стандарт), сколько тяжеловесно.
Что касается брендов - тут всё очевидно: Вы их рекламируете, видимо рассчитывая в скором времени на спонсорскую помощь. :)
Это подтверждается также выбором языка на главной странице - он английский. Афтар определённо ориентируется на западную аудиторию.
... Я не прав? ;) Ну тогда хотя бы не надо размещать их (бренды) так прямолинейно и в лоб. И ссылки сделать, например, крупным шрифтом на русском, а под ними помельче - на английском.
... ой, простите, кажется я начал давать дизайнеру советы по дизайну...
upd: на английском - в смысле не только ссылки, а вообще надписи.

Цитата:

от:Nanto
Ждал любых комментариев, но только не сарказма!
Ну для рунета это нормально - любой новичок тут же воспринимается в штыки, потому как мало ли - вдруг он завтра ваш хлеб отнимет!..
И главное конкретики никакой - мне вот Ваш пост выдаёт дилетантское знание дизайна: "очень темно, тяжело и неуютно. огромные надписи, толстые рамки, чёрные кнопки и мрачные густые тени подо всем чем только можно"... :)
Вы с чего взяли, что я не знаю как заниматься дизайном?
Когда я пять лет назад делал макеты для оф.дилеров Форда и Ниссана или Росгосстраха - никто на кустарность не жаловался!.. :)

Подробнее

вы уж определитесь — новичок или макеты для дилеров пять лет назад.
когда я двенадцать лет назад верстал сканворды и проспекты для строительных фирм, я ощущал себя примерно так же. с тех пор было многое — бакалавриат по промышленному дизайну в университете хартфордшира, дизайн-директорство в не последнем российском брэнде электроники — что открыло мне глаза на истиную роль и ценность дизайна в мире. к обвинениям в дилетантстве со стороны "компьютерных дизайнеров", закончивших мирэа и курсы "фотошоп за две недели" я привык, и не воспринимаю их всеръёз. извините, если мои слова вас задевают и кажутся несправедливыми, но вы попросили оценить дизайн. если бы вы попросили оценить фотографии, то я подошёл бы по другому, поскольку в фотографии я любитель. но в дизайне я имею смелость считать себя профессионалом, поэтому и оцениваю с профессиональной, жесткой, и отчасти жестокой позиции.
к сожалению, ваш дизайн избыточен, нелогичен и неудобен. имитировать плёнку с поворотом кадров, рисовать логотипчики и вешать тенюшки — это грехи которым очень часто злоупотребляют начинающие. игры и украшательства — это не дизайн, это бездумная декорация. дизайн основывается на целесообразности и удобстве. те, кто понимают это делают так — http://www.kirillkhanenkov.com/. ну или так — http://www.brentstirton.com/. или так — http://www.laforetvisuals.com/. обратите внимание, хотя это сайты довольно разных по тематике авторов, их объединяет профессиональный подход. обратите внимание на фон, на соотношение размеров фотографий и элементов навигации, на классификацию галерей на разделы, на наличие логитипов производителей плёнок...
вы сделали хороший шаг, спору нет. освоили код, скрипты, сделали сайт. теперь надо сделать паузу, передохнуть, оглянуться и подумать над тем, что можно улучшить. послушать тех, кто понимает в этом больше. посмотреть на тех, кто делает это лучше.

Неплохо бы исправить многочисленные ошибки в английском языке, ну, или сразу писать по-русски.
gallery contains
the mousewheel
the film brand
и т.п.

Цитата:

от: Владимир Динский
Неплохо бы исправить многочисленные ошибки в английском языке, ну, или сразу писать по-русски.
gallery contains
the mousewheel
the film brand
и т.п.

+1 Если используете английский, то надо писать правильно, а то выглядит вульгарно... Как китайская инструкция, переведенная китайцами на русский.