Каким должен быть современный сайт коммерческого фотографа?, Требуется консультация профессионалов. |
Здравствуйте, гость ( Вход | Регистрация )
Каким должен быть современный сайт коммерческого фотографа?, Требуется консультация профессионалов. |
10.2.2018, 15:05
Сообщение
#1
|
|
Постоянный посетитель Группа: Пользователи Сообщений: 1 433 Регистрация: 17.7.2015 Пользователь №: 99 666 Вставить ник Цитата |
У меня есть сайт. Делал сам когда-то. Даже два там, если зайти с заглавной страницы.
Неплохие когда-то на момент их создания, и верой и правдой служившие мне более 10 лет, более не отвечают требованиям. Косметическая модификация уже не даст результата. Надо переделывать с нуля. Беда в том, что основной род занятий не позволяет мне посвящать много времени изучению глобальных тенденций, модных фишек в программировании. Я знаю, что никакой интернет-программист-дизайнер не сделает такой сайт, который удовлетворит меня лично, и надо самому, как всегда было. Не потому, что они плохо работают, а я могу лучше. Просто мы в разном бульоне варимся. Сайт фотографа должен отвечать очень специфичным требованиям, сайт фотостудии в этом смысле попроще, это сайт предложения услуг со спецификой целевой аудитории. Надо сформировать требования и наметить пути их реализации. Ну что сразу идет на ум? Во первых, статистика посещений свидетельствует о растущей доле посещений с мобильных устройств. Надо это учитывать обязательно. Как? Ведь графическая составляющая - главный компонент контента сайта. Во вторых, хотелось бы побольше автоматики - бронирования времени через интернет. Может даже автоматическое формирование подарочных сертификатов как опция? Может, еще что в голову придет? В общем, нужна рекламно-информационная часть, замануха, творческая часть, механизмы продаж какие-то. В студии затевается реконструкция, возможно, будут предложены новые формы работы. Тоже надо в сайте отразить будет. Может, кто-то еще что-то предложит. От чего немедленно отказаться, что оставить. На какой платформе работать? Вопросы, вопросы... Не дают покоя. Внимательно отнесусь к любому мнению, даже заведомо не подходящему. --------------------
Услуги студийной и outdoor художественной фотографии, аренда фотостудии. Оформление фотографий в багет из ценных пород дерева. Сайт моей студии Тетрагон и авторской фотографии http://svadba33.ru/.
|
|
|
| |
17.2.2018, 16:16
Сообщение
#41
|
|
Новенький Группа: Пользователи Сообщений: 9 614 Регистрация: 9.9.2002 Пользователь №: 1 805 Вставить ник Цитата |
Но это нонсенс программист = дизайнер Сайт это техническая реализация Вашего бизнес -плана. Это работа HTML верстальщика ... рутинная но не особо творческая. А вот изначально да... работа дизайнера, психолога (на основании ТЗ, которое исходит из просчитанного бизнес плана, учитывающего все то что в предыдущих постах говорилось. Иными словами сайт должен побудить клиента воспользоваться вашими услугами. сайт это не будильник он должен быть удобным для чтения и навигации и содержать именно то что хочет увидеть посетитель и даже больше а вот продающие тексты и изображения это уже больше к маркетингу |
|
|
17.2.2018, 18:34
Сообщение
#42
|
|
Постоянный посетитель Группа: Пользователи Сообщений: 9 991 Регистрация: 12.1.2010 Из: Г-ка Млечный Путь Пользователь №: 70 228 Вставить ник Цитата |
Вот это ценный результат дискуссии! Золотые слова! А если вот такой вариант? Заглавная страница делается по адаптивному шаблону, оттуда идет ветвление в ссылках на два разных сайта - полноформатный и мобильный варианты. Может, так проще? Потому что не представляю, как масштабировать картинки. можно определять устройство и перенаправлять на нужную версию сайта, но это нифига не проще. изучай css стили, разберешься в них и адаптивный дизайн сразу понятным станет. --------------------
САЖЕНЦЫ - vladgarden.ru - питомник во Владимире
|
|
|
17.2.2018, 20:57
Сообщение
#43
|
|
Постоянный посетитель Группа: Пользователи Сообщений: 1 433 Регистрация: 17.7.2015 Пользователь №: 99 666 Вставить ник Цитата |
можно определять устройство и перенаправлять на нужную версию сайта, но это нифига не проще. изучай css стили, разберешься в них и адаптивный дизайн сразу понятным станет. CSS стили в моем устойчивом понимании - это буковки))). А как кaртинки масштабировать с помощью СSS - никак в толк не возьму --------------------
Услуги студийной и outdoor художественной фотографии, аренда фотостудии. Оформление фотографий в багет из ценных пород дерева. Сайт моей студии Тетрагон и авторской фотографии http://svadba33.ru/.
|
|
|
17.2.2018, 21:08
Сообщение
#44
|
|
Постоянный посетитель Группа: Пользователи Сообщений: 9 991 Регистрация: 12.1.2010 Из: Г-ка Млечный Путь Пользователь №: 70 228 Вставить ник Цитата |
Barbos
если вкратце - это чаще всего отдельный файл, где хранятся описания свойств всех элементов. тоесть вместо того чтобы к каждому элементу присваивать свои параметры, ты присваиваешь им имя а уже в отдельном файле присваиваешь этому имени необходимые параметры это во первых уменьшает количество кода, во вторых упрощает редактирование и изменение элементов сайта и пораждает многие плюшки среди которых в зависимости от разрешения монитора подсовывать разные таблицы стилей, что собственно вам и требуется. --------------------
САЖЕНЦЫ - vladgarden.ru - питомник во Владимире
|
|
|
17.2.2018, 21:20
Сообщение
#45
|
|
Постоянный посетитель Группа: Пользователи Сообщений: 9 991 Регистрация: 12.1.2010 Из: Г-ка Млечный Путь Пользователь №: 70 228 Вставить ник Цитата |
А как кaртинки масштабировать с помощью СSS - никак в толк не возьму Код <!DOCTYPE HTML> <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"> по хорошему нужно выносить в отдельный файл Сообщение отредактировал Vanila - 17.2.2018, 21:24 --------------------
САЖЕНЦЫ - vladgarden.ru - питомник во Владимире
|
|
|
17.2.2018, 21:32
Сообщение
#46
|
|
Постоянный посетитель Группа: Пользователи Сообщений: 1 433 Регистрация: 17.7.2015 Пользователь №: 99 666 Вставить ник Цитата |
Благодарю. Понятно, в общем-то. Опасения есть, правда - все ли браузеры поддержат. кроме того, обычно масштабирование в браузере дает непредсказуемый результат, особенно касается тонких линий и градиентов.
Также стремно задавать предельные размеры по ширине и высоте - в некоторых случаях могут поползти пропорции. Если для пейзажей небольшое изменение пропорций можно позволить, то пропорции лица (а у меня 95 проц фото - это крупноплановые портреты) менять нельзя. Сообщение отредактировал Barbos - 17.2.2018, 21:37 --------------------
Услуги студийной и outdoor художественной фотографии, аренда фотостудии. Оформление фотографий в багет из ценных пород дерева. Сайт моей студии Тетрагон и авторской фотографии http://svadba33.ru/.
|
|
|
17.2.2018, 21:53
Сообщение
#47
|
|
Постоянный посетитель Группа: Пользователи Сообщений: 9 991 Регистрация: 12.1.2010 Из: Г-ка Млечный Путь Пользователь №: 70 228 Вставить ник Цитата |
Barbos
css поддерживают все, даже наоборт, стили внутри тега это не правильно, и я щас точно не помню, но вроде валидацию не пройдет. но не все css свойства поддерживаются всеми браузерами, в справочниках обычно указывается кто поддерживается пропорции никуда не денутся, увеличивается и уменьшается вся фотка width: 100%; - ширина изображения 100% тоесть она будет занимать 100%ширины контейнера height: auto; - высота в соответствии с шириной а вот размером этой картинки управляешь уже шириной контейнера width: 90%; - занимает 90% экрана max-width: 960px; - но не более 960 пикселей min-width: 250px; - и не менее 250 пикселей margin: 0 auto; - по середине экрана Сообщение отредактировал Vanila - 17.2.2018, 21:57 --------------------
САЖЕНЦЫ - vladgarden.ru - питомник во Владимире
|
|
|
17.2.2018, 22:40
Сообщение
#48
|
|
BLUE LIVES MATTER Возраст: 60 Группа: Пользователи Сообщений: 32 415 Регистрация: 7.8.2001 Из: White Plains, NY Пользователь №: 473 Вставить ник Цитата |
css поддерживают все, даже наоборт, стили внутри тега это не правильно, и я щас точно не помню, но вроде валидацию не пройдет. Inline styles - вполне себе валидируются. Другое дело что их не рекомендуют применять.Основная идея стилей - разделить данные и их репрезентацию. Inline style нарушает эту концепцию, а нарушение концепций обычно приводит к проблемам в будущем. В данном случае нарушаются как минимум два серьезных принципа - SoC (Separation of Concerns) и Abstraction. --------------------
Если я попался Вам навстречу - значит Вам со мной не по пути. instagram.com/cmex13
|
|
|
17.2.2018, 22:50
Сообщение
#49
|
|
Постоянный посетитель Группа: Пользователи Сообщений: 9 991 Регистрация: 12.1.2010 Из: Г-ка Млечный Путь Пользователь №: 70 228 Вставить ник Цитата |
действительно, проходит, почему то мне казалось что не пройдет
--------------------
САЖЕНЦЫ - vladgarden.ru - питомник во Владимире
|
|
|
17.2.2018, 23:01
Сообщение
#50
|
|
Новенький Группа: Пользователи Сообщений: 9 614 Регистрация: 9.9.2002 Пользователь №: 1 805 Вставить ник Цитата |
Благодарю. Понятно, в общем-то. Опасения есть, правда - все ли браузеры поддержат. кроме того, обычно масштабирование в браузере дает непредсказуемый результат, особенно касается тонких линий и градиентов. Также стремно задавать предельные размеры по ширине и высоте - в некоторых случаях могут поползти пропорции. Если для пейзажей небольшое изменение пропорций можно позволить, то пропорции лица (а у меня 95 проц фото - это крупноплановые портреты) менять нельзя. для этого пользуйся проверкой кода на своем сайте вот инструмент там же и стили проверяются всякие зажравшиеся веб студии этот инструмент зря игнорируют, а если есть ошибки - вот оно и едет везде. и вообще копи бабосы ) |
|
|
17.2.2018, 23:03
Сообщение
#51
|
|
BLUE LIVES MATTER Возраст: 60 Группа: Пользователи Сообщений: 32 415 Регистрация: 7.8.2001 Из: White Plains, NY Пользователь №: 473 Вставить ник Цитата |
действительно, проходит, почему то мне казалось что не пройдет Потому что у них статус obsoleted, но пока еще не deprecated, насколько я помню.И даже когда их обьявлят (если объявят) deprecated, валидацию все равно должны проходить, но с предупреждением. Т.е. это будут не ошибки валидации, делающие невозможным применение, а предупреждения типа "лучше так не делать". P.S. Блин, как сложно все это писать по русски :) --------------------
Если я попался Вам навстречу - значит Вам со мной не по пути. instagram.com/cmex13
|
|
|
18.2.2018, 11:53
Сообщение
#52
|
|
Новенький Возраст: 48 Группа: Пользователи Сообщений: 9 643 Регистрация: 21.4.2003 Из: Владимир Пользователь №: 2 702 Вставить ник Цитата |
а вот размером этой картинки управляешь уже шириной контейнера width: 90%; - занимает 90% экрана max-width: 960px; - но не более 960 пикселей Разве это не архаизм? Загружать пятимеговую картинку, чтобы браузер ее (хреново) смасштабировал для маленького экранчика? Я не дизайнер, но сейчас вроде как уже в моде @media - определение размеров и подстановка готовых качественных картинок нужного размера. Каких именно - выбирается как раз в стилях. Да, это работает только в браузерах, поддерживающих CSS3, но у ТС и аудитория гламурная, среди них пользующихся Осликом не встретишь. --------------------
Ну, допустим, про кипятильник я наврал... Но факт остается фактом!
|
|
|
18.2.2018, 12:19
Сообщение
#53
|
|
Постоянный посетитель Группа: Пользователи Сообщений: 9 991 Регистрация: 12.1.2010 Из: Г-ка Млечный Путь Пользователь №: 70 228 Вставить ник Цитата |
Adamos
а зачем пятимеговую? килобайт на 300 как мне кажется за глаза хватит. я из этой ситуации выхожу двумя версиями картинки и джкерри галереей. да и тс с цсс не знаком от слова совсем, рановато ему про медиазапросы думать. Сообщение отредактировал Vanila - 18.2.2018, 12:20 --------------------
САЖЕНЦЫ - vladgarden.ru - питомник во Владимире
|
|
|
18.2.2018, 14:12
Сообщение
#54
|
|
Новенький Возраст: 48 Группа: Пользователи Сообщений: 9 643 Регистрация: 21.4.2003 Из: Владимир Пользователь №: 2 702 Вставить ник Цитата |
Дело, конечно, не столько в весе, сколько в убогом качестве после сжатия браузером. Фотосайт же.
Ну, а знакомство с CSS лучше начинать с best practices, а не костылей, от которых все уже отказались. --------------------
Ну, допустим, про кипятильник я наврал... Но факт остается фактом!
|
|
|
18.2.2018, 14:42
Сообщение
#55
|
|
Постоянный посетитель Группа: Пользователи Сообщений: 9 991 Регистрация: 12.1.2010 Из: Г-ка Млечный Путь Пользователь №: 70 228 Вставить ник Цитата |
а в чем заключается это убогое качество?
--------------------
САЖЕНЦЫ - vladgarden.ru - питомник во Владимире
|
|
|
18.2.2018, 17:45
Сообщение
#56
|
|
Новенький Группа: Пользователи Сообщений: 9 614 Регистрация: 9.9.2002 Пользователь №: 1 805 Вставить ник Цитата |
Дело, конечно, не столько в весе, сколько в убогом качестве после сжатия браузером. Фотосайт же. Ну, а знакомство с CSS лучше начинать с best practices, а не костылей, от которых все уже отказались. че за бред товарищ? картинки есть средние кликабельные и большие а в интернет магазинах еще и средний размер есть и все норм вон яндекс фотки посмотри |
|
|
18.2.2018, 18:21
Сообщение
#57
|
|
Постоянный посетитель Группа: Пользователи Сообщений: 1 433 Регистрация: 17.7.2015 Пользователь №: 99 666 Вставить ник Цитата |
а в чем заключается это убогое качество? Простой вопрос. А просто ответить не знаю как. Алгоритм масштабирования растровой графики - вещь нетривиальная. Маленькая картинка и большая - две больших разницы как по представлению, так и по восприятию. В общем, если взять 40 Мп картинку и сжать ее до 1 Мп и меньше - она будет смотреться намного хуже, чем если сразу снять на мыльницу 1 Мп. почему - а я и сам не знаю. Я иногда сам не узнаю картинку после сжатия. Фотошоп это делает на субпиксельном уровне, и то результат иногда бывает неприемлем. Браузеры просто тупо пересчитывают пиксели. Делают это варварски. Для нежной субстанции скинтон это надругательство. Иногда не бросается в глаза, иногда уродует до неузнаваемости. ПС. Немного коряво написал. В предыдущем тексте надо читать не сжатие везде, (сжатие в графике имеет ввиду уменьшение объема в пикселях при сохранении размеров длина -ширина) Везде в этом тексте мной имеется ввиду масштабирование размеров. Сообщение отредактировал Barbos - 18.2.2018, 18:31 --------------------
Услуги студийной и outdoor художественной фотографии, аренда фотостудии. Оформление фотографий в багет из ценных пород дерева. Сайт моей студии Тетрагон и авторской фотографии http://svadba33.ru/.
|
|
|
18.2.2018, 18:28
Сообщение
#58
|
|
Новенький Группа: Пользователи Сообщений: 9 614 Регистрация: 9.9.2002 Пользователь №: 1 805 Вставить ник Цитата |
встраивай профили и палитру в картинки
часто разницы ты не заметишь |
|
|
18.2.2018, 20:03
Сообщение
#59
|
|
Новенький Возраст: 48 Группа: Пользователи Сообщений: 9 643 Регистрация: 21.4.2003 Из: Владимир Пользователь №: 2 702 Вставить ник Цитата |
Попробовал сравнить картинки, сжатые браузером, с аналогичным сжатием фоторедактором (GIMP).
Да, разницу заметить трудно. Похоже, современные браузеры не боятся потратить лишние мощности на красоту и не калечат картинки при масштабировании, как раньше. --------------------
Ну, допустим, про кипятильник я наврал... Но факт остается фактом!
|
|
|
18.2.2018, 21:03
Сообщение
#60
|
|
BLUE LIVES MATTER Возраст: 60 Группа: Пользователи Сообщений: 32 415 Регистрация: 7.8.2001 Из: White Plains, NY Пользователь №: 473 Вставить ник Цитата |
Попробовал сравнить картинки, сжатые браузером, с аналогичным сжатием фоторедактором (GIMP). Да, разницу заметить трудно. Похоже, современные браузеры не боятся потратить лишние мощности на красоту и не калечат картинки при масштабировании, как раньше. Я что-то сильно сомневаюсь что браузеры имеют свой собственный встроенный движок для операций с картинками. Скорее всего они "зовут" что-нибудь из системных API. --------------------
Если я попался Вам навстречу - значит Вам со мной не по пути. instagram.com/cmex13
|
|
|
Политика конфиденциальности | Легкая версия |