Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
|
Цитата:
Цитата:
Цитата:
За информацию к размышлению спасибо. Я отмечал про себя этот момент - дело в том, что плагин настраиваемый и позволеят делать промотку полноразмеров. Но я решил, что уж коли основную нагрузку (функциональную и смысловую) несёт "галерея превьюх" (да ещё таких крупных), то логичнее будет, каждый раз отправлять пользователя к ней. Хотя теперь понимаю ошибочность своего решения: 1) Страдает "юзабилити" - надо давать пользователю самому решать как ему удобнее осуществлять просмотр. 2) В том виде, в каком я использую этот jQuery-плагин, он, имхо, бессмысленен (он у меня только показывает "полноразмер" в динамической обвязке css). Это проще реализовать практически без js на чистом css... Цитата:
Но зато дождался полного, вразумительного и корректного комментария (даже двух - предыдущий пост насчёт вёрстки "нормальным потоком" тоже заставил призадуматься...). :) Цитата:
Цитата:
Цитата:
Дизайн, да, считаю очень удался. Особенно меня пордовал логотип. :) Если интересно, могу пояснить... Изначально поставил требование - минималистичный, эффектный и "юзабельный" дизайн: 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). А насчёт "формы и содержания" - знаете не обижаюсь! :) Я-то занимаюсь фотографией серъёзно, и ясное дело, понимаю что к чему в моих работах. И не жду полного "взаимопонимания" от посторонних зрителей. Тем более, что представлен в основном "семейный альбом" без всяких претензий на художественность. Ну окромя некоторых кадров (хотя большинству они вообще ничего не скажут): http://www.nanto.xclan.ru/documents/kodak/29.jpg - не шедевр, но оч-чень серъёзный кадр! http://www.nanto.xclan.ru/documents/kodak/31.jpg - здесь свет, конечно, очень красиво преломился, но и сам кадр по форме выверен! http://www.nanto.xclan.ru/documents/kodak/03.jpg - какое-то там "фото дня" на яндекс.фотках года 4 назад... :D Хотя кадр, конечно, штамп из штампов!.. http://www.nanto.xclan.ru/documents/kodak/16.jpg - вот тоже абсолютно грамотно выстроенный кадр (хотя снималось навскидку) В обем извиняюсь за столь длинное лиричное отступление (как понесло, так уж понесло)... Ну и спасибо всем (обоим) написавшим! "Всем спасибо, все свободны"... P.S. Ежели кому надо будет "заценить" дизайн - обращайтесь, денег не возьму! :D |
Ха! Нашёл истоки проблем с Оперой. Это не Ajax "тупит"...
Сейчас, постом выше дал ссылки на изображения, так вот Опера 11.00 их даже напрямую, на раз через три показывает. (Err403) Значит проблема в Опере? (или на сервере? хотя с Денвером таже фигня...) IE7 и Moz - всё нормально! |
Chrome 9 тоже по прямым ссылкам не открывает :(
|
Цитата:
Цитата:
Цитата:
$.each(['fuji', 'ilford'], function(){ $('.'+this+'ajax').click(function(){ $.ajax({ url: this+'.htm', success: function(html){ $(".gallery").html(html); $("#backtitle").html('<img src="i/'+this+'_big.png" ... ... } }); }); }); по поводу проблемы с оперой, да, какая-то проблема определенно есть, только не понятно с оперой или нет. 403 означает, что сервер отклонил запрос - нету доступа. Больше похоже на проблему с сервером. Воспроизвести проблему получилось только в 9-ой опере и ненадолго Цитата:
|
x-yuri,
Спасибо, плюсанул карму |
и еще раз по поводу проблемы с оперой, было бы очень странно, если бы это был ее баг, тем более что в chrome такое тоже наблюдалось
а по поводу дизайна, кстати, ни один из двоих дизайнеров, с которыми я общался, ничего хорошего не сказали. Один из них закончил полиграфический |
Цитата:
Полиграфистам когда они приходят в веб тяжелее всего дается понять что нету в вебе A4. Может сказано утрированно, но Ваш дизайн тому подтверждение. Нафиг вы его вообще резиновым сделали? С точки зрения верстки там градиент с недосказанной мыслью - нате наслаждайтесь. Вообще не понятен принцип, почему меню не центруется с галереей, на большом монике меню превращается в бэкграунд левого угла. Всплывающие title убрать от фотографий, ибо поганит. Обойдуться, нет стандарта где нужно заполнять тайтлы у <a>, а поисковикам вообще наплевать. Это же картинка alt достаточно. Чуть не забыл, убрать из тайтл и дописать в alt картинки. Текст в подвале у меня весь не влез, я даже прочитать нижнюю строчку не могу, хотя думаю она такая же бессмысленная как и весь текст в подвале и вообще подвал там, по моему, пытается удержать улетающий в небеса железнодорожный вагон. Лично мне не понятно, почему колесики у вагона не крутяться? Решение с кадрами понравилось, у них даже разметка есть, надеюсь она ставиться автоматически. Больше всего конечно понравилась девушка, но она, если гворить о дизайне, внешность получила по наследству, генетически :) В целом, дизайн запоминается, спорить бесполезно, но доработка требуется, чтобы соответствовал уровню на который претендует. С точки зрения программирования, работает, ну и ладно. Главное чтобы заказчик был доволен, а на такой маленький сайт, можно в код вообще не смотреть, это же не многоуровневая CMS, вообще обсуждать в коде думаю нечего. Всем остальным думаю по барабану, т.к. не хочется заниматься крючкотворством. ps: И не забывайте пожалуйста, когда будете гордиться своим дизайном, что отчасти он смотриться благодаря достижениям других дизайнеров, придумавших всемирно известные логотипы! |
кстати, статья в тему перехода от печатных изданий к веб
|
firstchild,
Угу, спасибо... есть над чем подумать... |
Часовой пояс GMT +3, время: 21:37. |