Версия для печати темы
Нажмите сюда для просмотра этой темы в обычном формате
Владимирские Форумы Wec _ Технологии, Интернет, Программирование _ Каким должен быть современный сайт коммерческого фотографа?
Автор: Barbos 10.2.2018, 15:05
У меня есть http://svadba33.ru. Делал сам когда-то. Даже два там, если зайти с заглавной страницы.
Неплохие когда-то на момент их создания, и верой и правдой служившие мне более 10 лет, более не отвечают требованиям. Косметическая модификация уже не даст результата. Надо переделывать с нуля.
Беда в том, что основной род занятий не позволяет мне посвящать много времени изучению глобальных тенденций, модных фишек в программировании.
Я знаю, что никакой интернет-программист-дизайнер не сделает такой сайт, который удовлетворит меня лично, и надо самому, как всегда было. Не потому, что они плохо работают, а я могу лучше. Просто мы в разном бульоне варимся. Сайт фотографа должен отвечать очень специфичным требованиям, сайт фотостудии в этом смысле попроще, это сайт предложения услуг со спецификой целевой аудитории.
Надо сформировать требования и наметить пути их реализации.
Ну что сразу идет на ум?
Во первых, статистика посещений свидетельствует о растущей доле посещений с мобильных устройств. Надо это учитывать обязательно. Как? Ведь графическая составляющая - главный компонент контента сайта.
Во вторых, хотелось бы побольше автоматики - бронирования времени через интернет. Может даже автоматическое формирование подарочных сертификатов как опция? Может, еще что в голову придет?
В общем, нужна рекламно-информационная часть, замануха, творческая часть, механизмы продаж какие-то.
В студии затевается реконструкция, возможно, будут предложены новые формы работы. Тоже надо в сайте отразить будет.
Может, кто-то еще что-то предложит. От чего немедленно отказаться, что оставить. На какой платформе работать?
Вопросы, вопросы... Не дают покоя.
Внимательно отнесусь к любому мнению, даже заведомо не подходящему.
Автор: Barbos 11.2.2018, 9:05
Тогда другой вопрос к уважаемым специалистам современности. мой знакомый фотограф как-то подал объявление, что для создания своего сайта ему требуется спец по HTML 5. Я про себя удивился - а на фига. С тех пор мучаюсь, зачем ему он потребовался?
Автор: BigМaks 11.2.2018, 9:19
Попытался открыть с телефона - ничего не видно, все надписи очень мелкие. Надо обязательно учесть этот момент.
Автор: Barbos 11.2.2018, 15:06
Спасибо. Почти все мои потенциальные клиенты (точнее, клиентки), заходят со смартфонов. Стало быть, ничего не видят((((
Это, кстати, и есть одна из причин, заставившая меня задуматься о переделке. Когда я сделал первый сайт. он был рассчитан на ЭЛТ мониторы SVGA. 800х600. Сейчас вот спираль прогресса опять на ту же точку обернулась)))
Автор: baseq3 12.2.2018, 3:27
Это, кстати, и есть одна из причин, заставившая меня задуматься о переделке. Когда я сделал первый сайт. он был рассчитан на ЭЛТ мониторы SVGA. 800х600. Сейчас вот спираль прогресса опять на ту же точку обернулась)))
примерно 50 на 50 мобильные и десктопы, посмотри по вордстату и аналитике гугл.
в центре вебмастера гугл есть инструмент проверки мобильных версий, в яндексе тоже есть, но в гугл удобней показывает что у тебя с сайтом не так.
для настройки мобильных версий сайтов, а точнее верстки адаптивного шаблона, можно использовать User-Agent Switcher for Chrome
и внизу, когда смотришь код, включаешь мобильную версию.
ну а так вообще надо https и адаптацию под разные разрешения
еще надо бы микроразмертку типа схема орг и опенграф тоже проверяется в вебмастере гугл и яндекс,
картинки делай под 1080p или 4k ну, а дальше их просто масштабируешь.
верстку надо делать с использованием div, таблицы это уже прошлый век.
ну и много чего еще надо для сео, например, просто добавить текст на страницы )
короче если этого не сделаешь, то будешь на ... странице внизу
да и надо как то оживить сайт, например на jquery что то поднаписать чтобы было интересненько, хотя бы слайдер толковый.
Автор: Barbos 12.2.2018, 7:53
Спасибо. Я в раздумье некотором. с одной стороны анимированные элементы дизайна - это богато и модно смотрится, но отвлекает от главного. Вот ребята мне в личку прислали https://www.motionphotostudio.co.uk свежего решения.
Что тут сказать. По дизайну суперкруто. Но, посмотрев сайт, впечатлен меню и навигацией. Содержание помню смутно((((. Возраст сказывается, наверное(((
Дизайнер тут передавил, конечно. Машинально зашел на ихний инстаграм - вот там понятно все. И не особенно интересно, кстати.
Автор: baseq3 12.2.2018, 22:06
Что тут сказать. По дизайну суперкруто. Но, посмотрев сайт, впечатлен меню и навигацией. Содержание помню смутно((((. Возраст сказывается, наверное(((
Дизайнер тут передавил, конечно. Машинально зашел на ихний инстаграм - вот там понятно все. И не особенно интересно, кстати.
со слайдерами они переборщили
тормозит
нормальные слайдеры кстати платные
Автор: Barbos 13.2.2018, 10:04
Я посмотрел код двух страниц этого сайта - мне такое не по зубам. Одни скрипты, причем даже не из библиотек, а интегрированные в текст страницы.
Все больше склоняюсь к тому, что, хоть и объявлено о завершении эры флэш-анимации, придется применить эту технологию. Вот на http://galina-zaitseva.ru/работает она вполне прилично. Тоже сам когда-то делал.
Недостаток - трудно обновлять. Приходится проект в Премьере сначала обновлять, пересчитывать, закачивать на сервер. Зато не так затратно.
Автор: kod-x 13.2.2018, 11:29
адоб-флеш? забудь.
Автор: ZlaCoder 13.2.2018, 15:22
Заметка от обывателя.
Зачем мы делаем фото ?
Правильно, запечатлить эмоции и сохранить память.
Так и по моему скромному мнению, в основу дизайна сайта фотостудии нужно закладывать яркие фото, эмоции, лица, пейзажи, что вы там фотографируете.
По сути, это же ваш портфолио и люди должны сразу увидеть то что хотят получить, а крутецкая камера или лого будут менее интересны при поиске фотографа.
На вашем сайте, я вообще не сразу понял что есть вообще какое-либо меню.
Слайдеры счас, скорее всего, необходимы из-за мобильных устройств. Я вообще за 2 версии чтоб и слайдер для мобильников и с стандартной менюшкой для ПеКабояр.
Ну, и всегда сайт можно заказать же.
Автор: abm 13.2.2018, 16:31
Это, кстати, и есть одна из причин, заставившая меня задуматься о переделке. Когда я сделал первый сайт. он был рассчитан на ЭЛТ мониторы SVGA. 800х600. Сейчас вот спираль прогресса опять на ту же точку обернулась)))
Есть еще "adaptive design" - несколько другой подход для достижения той же цели.
Это не набор каких-то библиотек, которые можно волшебным образом одним кликом заставить делать то, что тебе надо, а, скорее, концепт и основные идеи, которым следует следовать, если хочешь и десктоп и мобильный. Хотя по мере чтения наверняка наткнешься на конкретные наборы стилей и js библиотеки, поддерживающие эти два концепта.
Автор: Barbos 13.2.2018, 16:48
Зачем мы делаем фото ?
Правильно, запечатлить эмоции и сохранить память.
Так и по моему скромному мнению, в основу дизайна сайта фотостудии нужно закладывать яркие фото, эмоции, лица, пейзажи, что вы там фотографируете.
По сути, это же ваш портфолио и люди должны сразу увидеть то что хотят получить, а крутецкая камера или лого будут менее интересны при поиске фотографа.
На вашем сайте, я вообще не сразу понял что есть вообще какое-либо меню.
Слайдеры счас, скорее всего, необходимы из-за мобильных устройств. Я вообще за 2 версии чтоб и слайдер для мобильников и с стандартной менюшкой для ПеКабояр.
Ну, и всегда сайт можно заказать же.
Благодарю Вас за высказанное мнение. Кое в чем я согласен, и если Вы прочитали другие посты, высказал похожую точку зрения. Однако Вам не удалось уловить суть проблемы. А именно - продается не один продукт, а два. Первый Вы правильно указали - услуги фотографа, не обязательно студийного. А второй, который Вы не разглядели - услуги студии и обучения.
Поэтому, попав на сайт студии, нашли там мало фотографий, но много оборудования. Поскольку Вы по видимому не фотограф, Вы ничего не поняли. А у меня услуга аренды студии востребована, она дает доход и подлежит дальнейшему продвижению. Услуга рассчитана на специалистов, а не на широкую публику, это тоже надо понимать.
Есть еще "adaptive design" - несколько другой подход для достижения той же цели.
Это для меня новые слова. Нельзя ли мне показать примеры, ссылки?
Автор: ZlaCoder 13.2.2018, 16:55
Поэтому, попав на сайт студии, нашли там мало фотографий, но много оборудования. Поскольку Вы по видимому не фотограф, Вы ничего не поняли. А у меня услуга аренды студии востребована, она дает доход и подлежит дальнейшему продвижению. Услуга рассчитана на специалистов, а не на широкую публику, это тоже надо понимать.
Да, не разглядел, я ссылки не сразу заметил.
Можт вам тогда такую темку запилить - как бы 2 половинки, когда курсор мыши находиться в одной половине экрана дизайн плавно перекрашивается в студию и тут, да, оборудование помещение, свет, можно даже все в белых тонах выполнить =); когда курсор находится в другой части то проявляется зона с фото ну и переход выполняется по клику на область ессесно. Когда Курсор в "средней области" можно оставить дизайн как есть.
При этом скроллинг как бы никто и не отменял, по клику одной из частей просто прокручивается ниже на соответствующую часть.
Но лучше послушайте АБМ =)
Автор: Barbos 13.2.2018, 18:44
Но лучше послушайте АБМ =)
Тем не менее отгадали загадку, которая не давала мне покоя))))
Много отказов по статистике посещений именно с заглавной страницы. Я то думал, что посетителей не устраивает контент. А оказывается, есть еще проблема в навигации и интерфейсе прямо на заглавной странице.
Автор: baseq3 13.2.2018, 19:49
Все больше склоняюсь к тому, что, хоть и объявлено о завершении эры флэш-анимации, придется применить эту технологию. Вот на http://galina-zaitseva.ru/работает она вполне прилично. Тоже сам когда-то делал.
Недостаток - трудно обновлять. Приходится проект в Премьере сначала обновлять, пересчитывать, закачивать на сервер. Зато не так затратно.
что за ужас нах ?
я вообще сайт в юльтраедите делаю )
на фотки в фотошопе автоматически водяной знай делаю и риотом прогоняю по окончанию, все пакетно.
но конечно фреймворк для сайта нужен платный и удобный,
купи один раз движок себе и будет счастье. и есть куча готовых тем, только фотки вставляй.
заплати и не заморачивайся.
и найми вебмастера для сео и правок на сайте.
у тебя там работы на 3 фотографии в месяц )
только не студента )
сам все правильно не сделаешь
Автор: AND-OR 13.2.2018, 20:40
Если фасад не изменился, то интернет-дизайн пусть пока покурит в сторонке.
http://vgv33.biz/1/1/2080/022_2_90.HTM
Автор: Barbos 13.2.2018, 20:49
Ну, ужас не ужас...
Эти сайты, которые я сделал, кроме сайта студии Тетрагон, так или иначе сделаны по шаблонам или схемам сайтов известных в мире людей))). Тетрагоновский придумал, сделал и нарисовал сам. Это самый старший сайт. Долго жил.
Это самый посещаемый и продающий сайт из всех моих сайтов.
Но устарел как по дизайну, так и по функционалу и контенту.
Остальные симпатичнее, интереснее, красивее - но бесполезнее.
Но меня пока интересуют мысли и мнения не столько по кодировке, а больше по структуре и контенту.
http://vgv33.biz/1/1/2080/022_2_90.HTM
Ничего нельзя сделать с этим. Информация не актуальна ни в единой строчке, потребовал удалить - но.... Удаление свелось к появлению строчки об удалении. И таких агрегаторов десяток ..
Автор: AND-OR 13.2.2018, 21:36
Я про фасад студии (в прямом смысле).
А то клиенты насмотрятся сайтов, купятся, придут, а там - подвал...
Автор: baseq3 13.2.2018, 21:51
А то клиенты насмотрятся сайтов, купятся, придут, а там - подвал...
факт
Эти сайты, которые я сделал, кроме сайта студии Тетрагон, так или иначе сделаны по шаблонам или схемам сайтов известных в мире людей))). Тетрагоновский придумал, сделал и нарисовал сам. Это самый старший сайт. Долго жил.
Это самый посещаемый и продающий сайт из всех моих сайтов.
Но устарел как по дизайну, так и по функционалу и контенту.
Остальные симпатичнее, интереснее, красивее - но бесполезнее.
Но меня пока интересуют мысли и мнения не столько по кодировке, а больше по структуре и контенту.
Ничего нельзя сделать с этим. Информация не актуальна ни в единой строчке, потребовал удалить - но.... Удаление свелось к появлению строчки об удалении. И таких агрегаторов десяток ..
данные с яндекс метрики покажи по нашему региону
Автор: Barbos 13.2.2018, 22:16
А то клиенты насмотрятся сайтов, купятся, придут, а там - подвал...
Если придут, то не уйдут)))
Потом, если занимались рекламой ( а я много занимался, в том числе адресными планами), должны понимать, что можно снять зимой в пасмурную погоду, а можно в мае на закате при цветущей сирени. Здесь сняли невыгодно, на их совести это. Удалить отказались.
Будем считать оффтопом. На посещаемость сайта эта публикация никак не влияет.
Какой раздел? Вообще-то я забыл - там же публичный доступ открыт. Надо ткнуть курсором по индикатору посещаемости.
Автор: baseq3 13.2.2018, 22:54
да сводку за месяц кинь
и потом разрез по владимиру
страница входа страница выхода и время на сайте
за позапрошлую неделю хотябы
и вообще там вебвизор есть
ты сам все поймешь при просмотре сеансов
Автор: Barbos 14.2.2018, 6:31
и потом разрез по владимиру
страница входа страница выхода и время на сайте
за позапрошлую неделю хотябы
и вообще там вебвизор есть
ты сам все поймешь при просмотре сеансов
Экий Вы ну прямо я не знаю)))). Кликните на эту кнопочку, и сами все увидите. Внизу каждой страницы она есть))))
Автор: kick_the_ass! 14.2.2018, 9:26
https://www.w3schools.com/cSS/css_rwd_intro.asp
тормозит
нормальные слайдеры кстати платные
нормуль, слайдеры можно и свои запилить, время только надо
Автор: Barbos 14.2.2018, 9:29
Понял, спасибо. А способы реализации какие?
Оппс -Виноват, узрел.
Автор: kick_the_ass! 14.2.2018, 9:42
ну вы там почитайте, этож учебник, html5 + css + js (если очень нужно)
Автор: Barbos 14.2.2018, 9:46
Спасибо, разобрался немного.
Автор: baseq3 14.2.2018, 10:19
по нашей области за месяц:
Переходы по ссылкам на сайтах
72
Переходы из поисковых систем
13
Переходы из социальных сетей
6
Внутренние переходы
5
Прямые заходы
4
и отказов много
а вебвизор ты сам посмотри
ну вообщем данные говорят сами за себя
декабрь вообще тухлый
Переходы по ссылкам на сайтах
20
Переходы из социальных сетей
10
Переходы из поисковых систем
9
Внутренние переходы
1
Прямые заходы
1
Автор: Barbos 14.2.2018, 10:32
Отказов много, это точно. Отказы в основном объясняются тем, что многие хотят видеть свадебный сайт, долгое время он был посвящен свадебной тематике, даже название осталось Сейчас свадебный контент исчез. Это первая причина. Вторая - В России есть еще один Тетрагон, телекомпания в г. Россошь. Путаница в поиске мне известна.
Думается мне, это не содержит для меня проблему. В некоторых случаях, если привлечь принудительную внешнюю рекламу, количество посетителей не так трудно увеличить. Так. были дни по 500 и даже как-то 1000 просмотров страниц. Но меня не интересуют цифры ради цифр. Меня интересуют только целевые клиенты. Поступала куча предложений увеличить количество посетителей по наиболее запрашиваемым за месяц ключевым словам. Например фото на паспорт и т.п.
В общем, я таких специалистов по раскрутке заворачивал. Нет более быстрого способа загубить дело, чем дать неадекватную рекламу. Вот несколькими постами выше мущины показывали фотографию крылечка в зимнем дворе. Якобы разбегутся, даже не постучав.
Дать бешеное количество посещений сайта и не оправдать запросов - то же самое.
Автор: baseq3 14.2.2018, 10:39
значит именно твой эксклюзив не работает вообще
первая картинка которую человек видит на сайте должна заставить его идти дальше
и не забывай что точки входа на сайте должны быть разные,те не только главная (типичная ошибка всех заказчиков)
у меня есть сайты где на главную вообще крайне редко заходят
Автор: Barbos 14.2.2018, 10:50
ИМХО, тут не одна задача, а две. В нашем деле клиент не приходит в фотостудию просто. Если нужно фото на документы - то другое дело. Ему все равно куда. Поближе лучше. В художественной фотографии главное - это бренд.
Раскрученный. Именно он должен быть в поисковом запросе. И тогда на запрос надо давать ответ вот как вы сказали.
Автор: baseq3 14.2.2018, 10:54
Раскрученный. Именно он должен быть в поисковом запросе. И тогда на запрос надо давать ответ вот как вы сказали.
проще снимать трафик с уже раскрученных фраз и брендов ))
а вообще надо грамотно контекст запустить!
проанализируй трафик конкурентов
Автор: Barbos 14.2.2018, 10:57
Вот и мне все "специалисты" говорили снимать трафик с раскрученных фраз. Вот например фраза Воробья - Ваш фотограф в Испании. В моем случае - это 100 процентный отказ.
Поэтому я даже не обсуждаю такие предложения.
Автор: baseq3 14.2.2018, 11:13
Поэтому я даже не обсуждаю такие предложения.
это нужно делать очень правильно, а не тупо и безграмотно )
тут требуется знание того, как ведет себя покупатель на рынке
Автор: Barbos 14.2.2018, 11:21
тут требуется знание того, как ведет себя покупатель на рынке
Про Воробья я для наглядности. Сам -то и пишу именно про то, как ведет себя покупатель. А про "очень правильно" что -то ничего в предложениях по раскрутке не вижу.
Но тут большой проблемы не вижу. Есть методики определения с позицией на рынке. Так например, рынок фотоуслуг имеет ярко выраженную локальность - нет смысла рекламироваться, например, в Екатеринбурге, все равно никто не приедет.
Основные клиенты на фото - девушки добрачного возраста, молодые пары и бабушки, хотящие сделать внучкам подарок в виде сертификата.
Клиенты на аренду - молодые фотографы обоего пола.
Девушки пользуются для общения и поиска смартфонами.
Ну и так далее.
На самом деле много думать не надо, надо подобрать себе структуру сайта из тех, что есть у других фотографов. Лучше всего знаменитых - они могут себе позволить работать с грамотными специалистами. Еще лучше сайт не фотографа, а студии. Это разные вещи в корне. Самую оптимальную по бизнес-модели и зрелищную (ведь фотография - это зрелище).
Ну и сделать с учетом локализации и новых технологий.
Автор: baseq3 14.2.2018, 19:08
я тебе уже все написал: анализируй трафик конкурентов и удовлетворяй запросы клиентов.
даже если пол владимира зайдет на твой сайт, показатель отказов говорит о том,
что он у тебя никогда в топ не вылезет.
непосредственно работа по сео у нас за денежки!
Автор: Barbos 14.2.2018, 19:42
А и не против платить)))
И щедро. Но только за клики по кнопке "оплатить". За место в выдаче и за статистику в метрике ни копейки не дам. Потому что накручивать сам умею.
Автор: baseq3 14.2.2018, 21:11
И щедро. Но только за клики по кнопке "оплатить". За место в выдаче и за статистику в метрике ни копейки не дам. Потому что накручивать сам умею.
для этого в метрике есть целевые задачи.
например, есть api для звонка с сайта, конечно за такие звонки надо платить.
это все учитывает метрика.
накрутить такие штуки возможно, только если заплатить куче народа.
начни просто с удобного сайта и формирования его структуры согласно поисковым запросам по вордстату.
и даже пофигу таблицами ты сделал или дивами, но адаптивный шаблон на таблицах нормально не сделаешь.
Автор: Barbos 15.2.2018, 7:41
и даже пофигу таблицами ты сделал или дивами, но адаптивный шаблон на таблицах нормально не сделаешь.
Вот это ценный результат дискуссии! Золотые слова!
А если вот такой вариант? Заглавная страница делается по адаптивному шаблону, оттуда идет ветвление в ссылках на два разных сайта - полноформатный и мобильный варианты. Может, так проще? Потому что не представляю, как масштабировать картинки.
Автор: baseq3 15.2.2018, 10:05
А если вот такой вариант? Заглавная страница делается по адаптивному шаблону, оттуда идет ветвление в ссылках на два разных сайта - полноформатный и мобильный варианты. Может, так проще? Потому что не представляю, как масштабировать картинки.
все просто, но без джавы никак
найди в интернете скрипт на проверку на мобильные устройства
если мобильные, то после основного стиля подключай стиль для мобильных
ну а дальше используй max-width
также флаг мобильности можно использовать для корректировки видимости каких то блоков или меню
как сделать видео по ширине тоже найдешь в инете
да и сразу скажу, отдельная мобильная версия это зло для сео
в пхп это как то так можно сделать
$useragent=$_SERVER['HTTP_USER_AGENT'];
if(preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|
lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(
13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($useragent,0,4)))
$ismobile=true;
Автор: Umba 17.2.2018, 16:10
Вопросы, вопросы... Не дают покоя.
Внимательно отнесусь к любому мнению, даже заведомо не подходящему.
Но это нонсенс программист = дизайнер
Сайт это техническая реализация Вашего бизнес -плана. Это работа HTML верстальщика ... рутинная но не особо творческая.
А вот изначально да... работа дизайнера, психолога (на основании ТЗ, которое исходит из просчитанного бизнес плана, учитывающего все то что в предыдущих постах говорилось.
Иными словами сайт должен побудить клиента воспользоваться вашими услугами.
Автор: baseq3 17.2.2018, 16:16
Сайт это техническая реализация Вашего бизнес -плана. Это работа HTML верстальщика ... рутинная но не особо творческая.
А вот изначально да... работа дизайнера, психолога (на основании ТЗ, которое исходит из просчитанного бизнес плана, учитывающего все то что в предыдущих постах говорилось.
Иными словами сайт должен побудить клиента воспользоваться вашими услугами.
сайт это не будильник
он должен быть удобным для чтения и навигации
и содержать именно то что хочет увидеть посетитель и даже больше
а вот продающие тексты и изображения это уже больше к маркетингу
Автор: Vanila 17.2.2018, 18:34
А если вот такой вариант? Заглавная страница делается по адаптивному шаблону, оттуда идет ветвление в ссылках на два разных сайта - полноформатный и мобильный варианты. Может, так проще? Потому что не представляю, как масштабировать картинки.
можно определять устройство и перенаправлять на нужную версию сайта, но это нифига не проще.
изучай css стили, разберешься в них и адаптивный дизайн сразу понятным станет.
Автор: Barbos 17.2.2018, 20:57
изучай css стили, разберешься в них и адаптивный дизайн сразу понятным станет.
CSS стили в моем устойчивом понимании - это буковки))). А как кaртинки масштабировать с помощью СSS - никак в толк не возьму
Автор: Vanila 17.2.2018, 21:08
Barbos
если вкратце - это чаще всего отдельный файл, где хранятся описания свойств всех элементов.
тоесть вместо того чтобы к каждому элементу присваивать свои параметры, ты присваиваешь им имя а уже в отдельном файле присваиваешь этому имени необходимые параметры
это во первых уменьшает количество кода, во вторых упрощает редактирование и изменение элементов сайта и пораждает многие плюшки среди которых в зависимости от разрешения монитора подсовывать разные таблицы стилей, что собственно вам и требуется.
Автор: Vanila 17.2.2018, 21:20
<html>
<head>
<style type="text/css">
img {
width: 100%;
height: auto;
}
div.container {
width: 90%;
max-width: 960px;
min-width: 250px;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="container">
<img src="img.jpg"/>
</div>
</body>
</html>
не проверял но должно работать, а вообще вариантов много
зы. все что находится внутри <style type="text/css"> по хорошему нужно выносить в отдельный файл
Автор: Barbos 17.2.2018, 21:32
Благодарю. Понятно, в общем-то. Опасения есть, правда - все ли браузеры поддержат. кроме того, обычно масштабирование в браузере дает непредсказуемый результат, особенно касается тонких линий и градиентов.
Также стремно задавать предельные размеры по ширине и высоте - в некоторых случаях могут поползти пропорции. Если для пейзажей небольшое изменение пропорций можно позволить, то пропорции лица (а у меня 95 проц фото - это крупноплановые портреты) менять нельзя.
Автор: Vanila 17.2.2018, 21:53
Barbos
css поддерживают все, даже наоборт, стили внутри тега это не правильно, и я щас точно не помню, но вроде валидацию не пройдет.
но не все css свойства поддерживаются всеми браузерами, в справочниках обычно указывается кто поддерживается
пропорции никуда не денутся, увеличивается и уменьшается вся фотка
width: 100%; - ширина изображения 100% тоесть она будет занимать 100%ширины контейнера
height: auto; - высота в соответствии с шириной
а вот размером этой картинки управляешь уже шириной контейнера
width: 90%; - занимает 90% экрана
max-width: 960px; - но не более 960 пикселей
min-width: 250px; - и не менее 250 пикселей
margin: 0 auto; - по середине экрана
Автор: abm 17.2.2018, 22:40
Основная идея стилей - разделить данные и их репрезентацию. Inline style нарушает эту концепцию, а нарушение концепций обычно приводит к проблемам в будущем.
В данном случае нарушаются как минимум два серьезных принципа - SoC (Separation of Concerns) и Abstraction.
Автор: Vanila 17.2.2018, 22:50
действительно, проходит, почему то мне казалось что не пройдет
Автор: baseq3 17.2.2018, 23:01
Также стремно задавать предельные размеры по ширине и высоте - в некоторых случаях могут поползти пропорции. Если для пейзажей небольшое изменение пропорций можно позволить, то пропорции лица (а у меня 95 проц фото - это крупноплановые портреты) менять нельзя.
для этого пользуйся проверкой кода на своем сайте
вот http://validator.w3.org/
там же и стили проверяются
всякие зажравшиеся веб студии этот инструмент зря игнорируют, а если есть ошибки - вот оно и едет везде.
и вообще копи бабосы )
Автор: abm 17.2.2018, 23:03
И даже когда их обьявлят (если объявят) deprecated, валидацию все равно должны проходить, но с предупреждением. Т.е. это будут не ошибки валидации, делающие невозможным применение, а предупреждения типа "лучше так не делать".
P.S. Блин, как сложно все это писать по русски :)
Автор: Adamos 18.2.2018, 11:53
width: 90%; - занимает 90% экрана
max-width: 960px; - но не более 960 пикселей
Разве это не архаизм? Загружать пятимеговую картинку, чтобы браузер ее (хреново) смасштабировал для маленького экранчика?
Я не дизайнер, но сейчас вроде как уже в моде http://htmlbook.ru/css/value/media - определение размеров и подстановка готовых качественных картинок нужного размера. Каких именно - выбирается как раз в стилях.
Да, это работает только в браузерах, поддерживающих CSS3, но у ТС и аудитория гламурная, среди них пользующихся Осликом не встретишь.
Автор: Vanila 18.2.2018, 12:19
Adamos
а зачем пятимеговую? килобайт на 300 как мне кажется за глаза хватит.
я из этой ситуации выхожу двумя версиями картинки и джкерри галереей.
да и тс с цсс не знаком от слова совсем, рановато ему про медиазапросы думать.
Автор: Adamos 18.2.2018, 14:12
Дело, конечно, не столько в весе, сколько в убогом качестве после сжатия браузером. Фотосайт же.
Ну, а знакомство с CSS лучше начинать с best practices, а не костылей, от которых все уже отказались.
Автор: Vanila 18.2.2018, 14:42
а в чем заключается это убогое качество?
Автор: baseq3 18.2.2018, 17:45
Ну, а знакомство с CSS лучше начинать с best practices, а не костылей, от которых все уже отказались.
че за бред товарищ?
картинки есть средние кликабельные и большие
а в интернет магазинах еще и средний размер есть
и все норм
вон яндекс фотки посмотри
Автор: Barbos 18.2.2018, 18:21
Простой вопрос. А просто ответить не знаю как. Алгоритм масштабирования растровой графики - вещь нетривиальная. Маленькая картинка и большая - две больших разницы как по представлению, так и по восприятию.
В общем, если взять 40 Мп картинку и сжать ее до 1 Мп и меньше - она будет смотреться намного хуже, чем если сразу снять на мыльницу 1 Мп. почему - а я и сам не знаю. Я иногда сам не узнаю картинку после сжатия. Фотошоп это делает на субпиксельном уровне, и то результат иногда бывает неприемлем.
Браузеры просто тупо пересчитывают пиксели. Делают это варварски. Для нежной субстанции скинтон это надругательство. Иногда не бросается в глаза, иногда уродует до неузнаваемости.
ПС. Немного коряво написал. В предыдущем тексте надо читать не сжатие везде, (сжатие в графике имеет ввиду уменьшение объема в пикселях при сохранении размеров длина -ширина) Везде в этом тексте мной имеется ввиду масштабирование размеров.
Автор: baseq3 18.2.2018, 18:28
встраивай профили и палитру в картинки
часто разницы ты не заметишь
Автор: Adamos 18.2.2018, 20:03
Попробовал сравнить картинки, сжатые браузером, с аналогичным сжатием фоторедактором (GIMP).
Да, разницу заметить трудно. Похоже, современные браузеры не боятся потратить лишние мощности на красоту и не калечат картинки при масштабировании, как раньше.
Автор: abm 18.2.2018, 21:03
Да, разницу заметить трудно. Похоже, современные браузеры не боятся потратить лишние мощности на красоту и не калечат картинки при масштабировании, как раньше.
Я что-то сильно сомневаюсь что браузеры имеют свой собственный встроенный движок для операций с картинками. Скорее всего они "зовут" что-нибудь из системных API.
Автор: Adamos 18.2.2018, 21:25
https://chromium.googlesource.com/chromium/chromium/+/master/ui/gfx/image/image_skia_operations.cc
Автор: abm 18.2.2018, 21:28
Автор: Adamos 18.2.2018, 21:31
Хромиум - не показатель, а 70% пользователей %) Я даже на iPad-e им пользуюсь, а не Сафари.
Впрочем, пошарив вокруг этого кода, конкретно алгоритмов преобразования я не обнаружил - там, похоже, все равно обертки к сторонним библиотекам.
Автор: abm 18.2.2018, 21:38
Впрочем, пошарив вокруг этого кода, конкретно алгоритмов преобразования я не обнаружил - там, похоже, все равно обертки к сторонним библиотекам.
Минутку. Я, возможно, что-то перепутал. Хромиум - это ж такая чисто онлайн ОС, которая, по сути, представляет собой собственно браузер с примочками и ничего более?
Хотя..посмотрел Вики - похоже, я ошибаюсь или с чем-то перепутал.
Автор: Adamos 18.2.2018, 21:51
Нет, то ChromeOS. Chromium - это opensource-база браузера Chrome.
Да, skia там используется.
Автор: Vanila 19.2.2018, 0:37
В общем, если взять 40 Мп картинку и сжать ее до 1 Мп и меньше - она будет смотреться намного хуже, чем если сразу снять на мыльницу 1 Мп. почему - а я и сам не знаю. Я иногда сам не узнаю картинку после сжатия. Фотошоп это делает на субпиксельном уровне, и то результат иногда бывает неприемлем.
Браузеры просто тупо пересчитывают пиксели. Делают это варварски. Для нежной субстанции скинтон это надругательство. Иногда не бросается в глаза, иногда уродует до неузнаваемости.
ПС. Немного коряво написал. В предыдущем тексте надо читать не сжатие везде, (сжатие в графике имеет ввиду уменьшение объема в пикселях при сохранении размеров длина -ширина) Везде в этом тексте мной имеется ввиду масштабирование размеров.
Вы же я надеюсь не 40 мекапикселей с 300дпи на сайт выкладываете) а иначе такого драматичного изменения размеров не получится.
Скинтон это скорее про мониторы
Да, разницу заметить трудно. Похоже, современные браузеры не боятся потратить лишние мощности на красоту и не калечат картинки при масштабировании, как раньше.
да вот да, особенно если она уже подготовлена а не прямиком из фотика
Автор: Barbos 25.2.2018, 14:26
Скинтон это скорее про мониторы
да вот да, особенно если она уже подготовлена а не прямиком из фотика
Честно говоря, разницы не нахожу. 40 Мп тоже надо суметь уменьшить - хорошо не всегда выходит. А потом еще разик программный ресэмплиг-ресайзинг - и все. Картинку не узнать. Убита, а перед тем - изнасилована. Проблема в том, что для размещения в интернете подходит лучше всего сразу съемка в нужном или близком формате. Но у меня такой техники нет. И специально покупать не хочу - она для студийных условий все равно не создана (а я -студийный фотограф. В студии я считаю себя крутым, за ее пределами - заурядностью и безликим. Мне нечего показывать из внестудийных работ).
Все рекомендации по подготовке к интернет-публикации у меня вызвали неприятие. Они не дают надежного результата. И результат этот тем хуже, чем лучше изначальный вариант.
Я признаю. однако, важность достойного представления в интернете.
Автор: Vanila 26.2.2018, 12:09
Barbos
Если это не подразумевает раздел сайта, то выкладывать полноразмерное фото это дурной тон, а 40мп 300дпи это вообще уже преступление )
В любом случае фотошоп уменьшит фото лучше чем движок сайта или браузер.
Автор: Barbos 26.2.2018, 13:33
Это понятно. Особенно 20 полноразмерных фото на одну страницу))).
Но я бы хотел в первую очередь уяснить себе функционал сайта. Структуру. Возможности онлайн бронирования через онлайн оплату (- надо ли это вообще?) Технологии. Во вторую - особенности дизайна. Нужны ли эти динамические элементы. Я понимаю, что молодняк - а в основном клиенты люди молодые - тащится от этого.
Но для меня это раздражитель. Я когда впервые пришел в рекламу, то угорал от таких элементов. Потом угар прошел.
Автор: Vanila 26.2.2018, 14:24
Barbos
Динамические элементы это какие? Анимация чтоли? Так тут от реализации зависит, тут ссылка гдето была на сайт, так там явно переборщили.
Про онлайн заказ вам виднее должно быть, мне кажется для фотостудии это не сильно важно, разве что сертификат в подарок купить, в остальных случаях все равно звонить договариваться.
Автор: baseq3 26.2.2018, 15:29
Но я бы хотел в первую очередь уяснить себе функционал сайта. Структуру. Возможности онлайн бронирования через онлайн оплату (- надо ли это вообще?)
чтобы не тащить оригиналы на сайт делаются эскизы, причем автоматически при загрузке.
а по поводу бронирования это все очень удобно и будет работать от того как реализуешь
скажу по моему опыту: кнопка заказа обратного звонка начала работать только в зоне фокусирования внимания посетителя,
в шапке не работала вообще и работает лучше анимированная, так что без этого никуда.
Автор: ChubaDuba 26.2.2018, 21:22
А мне ваш сайт нравится. Только обязательно нужно адаптировать его под мобильные устройства! Новомодный плоский дизайн с кучей всяких свистоперделок вам клиентов не прибавит. Над картинками я бы тоже особо не заморачивался по причине того, что основная масса посетителей используют мобильные устройства, а не сидят за отклалиброванными мониторами.
Форум Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)