Главная страница
Вход
Логин: Пароль:Забыли пароль?
Запомнить вас на этом компьютере?

Здравствуйте, гость ( Вход | Регистрация )

Скрыть объявления

Объявления

Форумы в Telegram - @vladforum С темами, всё как на форуме, только в Telegram!

> Каким должен быть современный сайт коммерческого фотографа?, Требуется консультация профессионалов.
Barbos
сообщение 10.2.2018, 15:05
Сообщение #1


Постоянный посетитель

Группа: Пользователи 
Сообщений: 1 433
Регистрация: 17.7.2015
Пользователь №: 99 666
Вставить ник Цитата


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

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

Ну что сразу идет на ум?
Во первых, статистика посещений свидетельствует о растущей доле посещений с мобильных устройств. Надо это учитывать обязательно. Как? Ведь графическая составляющая - главный компонент контента сайта.
Во вторых, хотелось бы побольше автоматики - бронирования времени через интернет. Может даже автоматическое формирование подарочных сертификатов как опция? Может, еще что в голову придет?
В общем, нужна рекламно-информационная часть, замануха, творческая часть, механизмы продаж какие-то.
В студии затевается реконструкция, возможно, будут предложены новые формы работы. Тоже надо в сайте отразить будет.
Может, кто-то еще что-то предложит. От чего немедленно отказаться, что оставить. На какой платформе работать?
Вопросы, вопросы... Не дают покоя.
Внимательно отнесусь к любому мнению, даже заведомо не подходящему.


--------------------
Услуги студийной и outdoor художественной фотографии, аренда фотостудии. Оформление фотографий в багет из ценных пород дерева. Сайт моей студии Тетрагон и авторской фотографии http://svadba33.ru/.
Перейти в начало страницы
 
+Цитировать сообщение
4 страниц V  < 1 2 3 4 >  
Начать новую тему
Ответов (40 - 59)
baseq3
сообщение 17.2.2018, 16:16
Сообщение #41


Новенький

Группа: Пользователи 
Сообщений: 9 614
Регистрация: 9.9.2002
Пользователь №: 1 805
Вставить ник Цитата


Цитата(Umba @ 17.2.2018, 16:10) *
Но это нонсенс программист = дизайнер
Сайт это техническая реализация Вашего бизнес -плана. Это работа HTML верстальщика ... рутинная но не особо творческая.
А вот изначально да... работа дизайнера, психолога (на основании ТЗ, которое исходит из просчитанного бизнес плана, учитывающего все то что в предыдущих постах говорилось.
Иными словами сайт должен побудить клиента воспользоваться вашими услугами.

сайт это не будильник
он должен быть удобным для чтения и навигации
и содержать именно то что хочет увидеть посетитель и даже больше

а вот продающие тексты и изображения это уже больше к маркетингу
Перейти в начало страницы
 
+Цитировать сообщение
Vanila
сообщение 17.2.2018, 18:34
Сообщение #42


Постоянный посетитель

Группа: Пользователи 
Сообщений: 9 991
Регистрация: 12.1.2010
Из: Г-ка Млечный Путь
Пользователь №: 70 228
Вставить ник Цитата


Цитата(Barbos @ 15.2.2018, 7:41) *
Вот это ценный результат дискуссии! Золотые слова!

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

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


--------------------
САЖЕНЦЫ - vladgarden.ru - питомник во Владимире
Перейти в начало страницы
 
+Цитировать сообщение
Barbos
сообщение 17.2.2018, 20:57
Сообщение #43


Постоянный посетитель

Группа: Пользователи 
Сообщений: 1 433
Регистрация: 17.7.2015
Пользователь №: 99 666
Вставить ник Цитата


Цитата(Vanila @ 17.2.2018, 18:34) *
можно определять устройство и перенаправлять на нужную версию сайта, но это нифига не проще.
изучай css стили, разберешься в них и адаптивный дизайн сразу понятным станет.

CSS стили в моем устойчивом понимании - это буковки))). А как кaртинки масштабировать с помощью СSS - никак в толк не возьму


--------------------
Услуги студийной и outdoor художественной фотографии, аренда фотостудии. Оформление фотографий в багет из ценных пород дерева. Сайт моей студии Тетрагон и авторской фотографии http://svadba33.ru/.
Перейти в начало страницы
 
+Цитировать сообщение
Vanila
сообщение 17.2.2018, 21:08
Сообщение #44


Постоянный посетитель

Группа: Пользователи 
Сообщений: 9 991
Регистрация: 12.1.2010
Из: Г-ка Млечный Путь
Пользователь №: 70 228
Вставить ник Цитата


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

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


--------------------
САЖЕНЦЫ - vladgarden.ru - питомник во Владимире
Перейти в начало страницы
 
+Цитировать сообщение
Vanila
сообщение 17.2.2018, 21:20
Сообщение #45


Постоянный посетитель

Группа: Пользователи 
Сообщений: 9 991
Регистрация: 12.1.2010
Из: Г-ка Млечный Путь
Пользователь №: 70 228
Вставить ник Цитата


Цитата(Barbos @ 17.2.2018, 20:57) *
А как к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 - питомник во Владимире
Перейти в начало страницы
 
+Цитировать сообщение
Barbos
сообщение 17.2.2018, 21:32
Сообщение #46


Постоянный посетитель

Группа: Пользователи 
Сообщений: 1 433
Регистрация: 17.7.2015
Пользователь №: 99 666
Вставить ник Цитата


Благодарю. Понятно, в общем-то. Опасения есть, правда - все ли браузеры поддержат. кроме того, обычно масштабирование в браузере дает непредсказуемый результат, особенно касается тонких линий и градиентов.
Также стремно задавать предельные размеры по ширине и высоте - в некоторых случаях могут поползти пропорции. Если для пейзажей небольшое изменение пропорций можно позволить, то пропорции лица (а у меня 95 проц фото - это крупноплановые портреты) менять нельзя.

Сообщение отредактировал Barbos - 17.2.2018, 21:37


--------------------
Услуги студийной и outdoor художественной фотографии, аренда фотостудии. Оформление фотографий в багет из ценных пород дерева. Сайт моей студии Тетрагон и авторской фотографии http://svadba33.ru/.
Перейти в начало страницы
 
+Цитировать сообщение
Vanila
сообщение 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 - питомник во Владимире
Перейти в начало страницы
 
+Цитировать сообщение
abm
сообщение 17.2.2018, 22:40
Сообщение #48


BLUE LIVES MATTER

Возраст: 60
Группа: Пользователи 
Сообщений: 32 415
Регистрация: 7.8.2001
Из: White Plains, NY
Пользователь №: 473
Вставить ник Цитата


Цитата(Vanila @ 17.2.2018, 14:53) *
css поддерживают все, даже наоборт, стили внутри тега это не правильно, и я щас точно не помню, но вроде валидацию не пройдет.
Inline styles - вполне себе валидируются. Другое дело что их не рекомендуют применять.
Основная идея стилей - разделить данные и их репрезентацию. Inline style нарушает эту концепцию, а нарушение концепций обычно приводит к проблемам в будущем.
В данном случае нарушаются как минимум два серьезных принципа - SoC (Separation of Concerns) и Abstraction.



--------------------
Если я попался Вам навстречу - значит Вам со мной не по пути. instagram.com/cmex13
Перейти в начало страницы
 
+Цитировать сообщение
Vanila
сообщение 17.2.2018, 22:50
Сообщение #49


Постоянный посетитель

Группа: Пользователи 
Сообщений: 9 991
Регистрация: 12.1.2010
Из: Г-ка Млечный Путь
Пользователь №: 70 228
Вставить ник Цитата


действительно, проходит, почему то мне казалось что не пройдет



--------------------
САЖЕНЦЫ - vladgarden.ru - питомник во Владимире
Перейти в начало страницы
 
+Цитировать сообщение
baseq3
сообщение 17.2.2018, 23:01
Сообщение #50


Новенький

Группа: Пользователи 
Сообщений: 9 614
Регистрация: 9.9.2002
Пользователь №: 1 805
Вставить ник Цитата


Цитата(Barbos @ 17.2.2018, 21:32) *
Благодарю. Понятно, в общем-то. Опасения есть, правда - все ли браузеры поддержат. кроме того, обычно масштабирование в браузере дает непредсказуемый результат, особенно касается тонких линий и градиентов.
Также стремно задавать предельные размеры по ширине и высоте - в некоторых случаях могут поползти пропорции. Если для пейзажей небольшое изменение пропорций можно позволить, то пропорции лица (а у меня 95 проц фото - это крупноплановые портреты) менять нельзя.

для этого пользуйся проверкой кода на своем сайте
вот инструмент
там же и стили проверяются

всякие зажравшиеся веб студии этот инструмент зря игнорируют, а если есть ошибки - вот оно и едет везде.

и вообще копи бабосы )
Перейти в начало страницы
 
+Цитировать сообщение
abm
сообщение 17.2.2018, 23:03
Сообщение #51


BLUE LIVES MATTER

Возраст: 60
Группа: Пользователи 
Сообщений: 32 415
Регистрация: 7.8.2001
Из: White Plains, NY
Пользователь №: 473
Вставить ник Цитата


Цитата(Vanila @ 17.2.2018, 15:50) *
действительно, проходит, почему то мне казалось что не пройдет
Потому что у них статус obsoleted, но пока еще не deprecated, насколько я помню.
И даже когда их обьявлят (если объявят) deprecated, валидацию все равно должны проходить, но с предупреждением. Т.е. это будут не ошибки валидации, делающие невозможным применение, а предупреждения типа "лучше так не делать".

P.S. Блин, как сложно все это писать по русски :)



--------------------
Если я попался Вам навстречу - значит Вам со мной не по пути. instagram.com/cmex13
Перейти в начало страницы
 
+Цитировать сообщение
Adamos
сообщение 18.2.2018, 11:53
Сообщение #52


Новенький

Возраст: 48
Группа: Пользователи 
Сообщений: 9 643
Регистрация: 21.4.2003
Из: Владимир
Пользователь №: 2 702
Вставить ник Цитата


Цитата(Vanila @ 17.2.2018, 22:53) *
а вот размером этой картинки управляешь уже шириной контейнера
width: 90%; - занимает 90% экрана
max-width: 960px; - но не более 960 пикселей

Разве это не архаизм? Загружать пятимеговую картинку, чтобы браузер ее (хреново) смасштабировал для маленького экранчика?
Я не дизайнер, но сейчас вроде как уже в моде @media - определение размеров и подстановка готовых качественных картинок нужного размера. Каких именно - выбирается как раз в стилях.
Да, это работает только в браузерах, поддерживающих CSS3, но у ТС и аудитория гламурная, среди них пользующихся Осликом не встретишь.


--------------------
Ну, допустим, про кипятильник я наврал... Но факт остается фактом!
Перейти в начало страницы
 
+Цитировать сообщение
Vanila
сообщение 18.2.2018, 12:19
Сообщение #53


Постоянный посетитель

Группа: Пользователи 
Сообщений: 9 991
Регистрация: 12.1.2010
Из: Г-ка Млечный Путь
Пользователь №: 70 228
Вставить ник Цитата


Adamos
а зачем пятимеговую? килобайт на 300 как мне кажется за глаза хватит.
я из этой ситуации выхожу двумя версиями картинки и джкерри галереей.
да и тс с цсс не знаком от слова совсем, рановато ему про медиазапросы думать.

Сообщение отредактировал Vanila - 18.2.2018, 12:20


--------------------
САЖЕНЦЫ - vladgarden.ru - питомник во Владимире
Перейти в начало страницы
 
+Цитировать сообщение
Adamos
сообщение 18.2.2018, 14:12
Сообщение #54


Новенький

Возраст: 48
Группа: Пользователи 
Сообщений: 9 643
Регистрация: 21.4.2003
Из: Владимир
Пользователь №: 2 702
Вставить ник Цитата


Дело, конечно, не столько в весе, сколько в убогом качестве после сжатия браузером. Фотосайт же.
Ну, а знакомство с CSS лучше начинать с best practices, а не костылей, от которых все уже отказались.


--------------------
Ну, допустим, про кипятильник я наврал... Но факт остается фактом!
Перейти в начало страницы
 
+Цитировать сообщение
Vanila
сообщение 18.2.2018, 14:42
Сообщение #55


Постоянный посетитель

Группа: Пользователи 
Сообщений: 9 991
Регистрация: 12.1.2010
Из: Г-ка Млечный Путь
Пользователь №: 70 228
Вставить ник Цитата


а в чем заключается это убогое качество?


--------------------
САЖЕНЦЫ - vladgarden.ru - питомник во Владимире
Перейти в начало страницы
 
+Цитировать сообщение
baseq3
сообщение 18.2.2018, 17:45
Сообщение #56


Новенький

Группа: Пользователи 
Сообщений: 9 614
Регистрация: 9.9.2002
Пользователь №: 1 805
Вставить ник Цитата


Цитата(Adamos @ 18.2.2018, 14:12) *
Дело, конечно, не столько в весе, сколько в убогом качестве после сжатия браузером. Фотосайт же.
Ну, а знакомство с CSS лучше начинать с best practices, а не костылей, от которых все уже отказались.

че за бред товарищ?

картинки есть средние кликабельные и большие
а в интернет магазинах еще и средний размер есть
и все норм

вон яндекс фотки посмотри
Перейти в начало страницы
 
+Цитировать сообщение
Barbos
сообщение 18.2.2018, 18:21
Сообщение #57


Постоянный посетитель

Группа: Пользователи 
Сообщений: 1 433
Регистрация: 17.7.2015
Пользователь №: 99 666
Вставить ник Цитата


Цитата(Vanila @ 18.2.2018, 14:42) *
а в чем заключается это убогое качество?

Простой вопрос. А просто ответить не знаю как. Алгоритм масштабирования растровой графики - вещь нетривиальная. Маленькая картинка и большая - две больших разницы как по представлению, так и по восприятию.
В общем, если взять 40 Мп картинку и сжать ее до 1 Мп и меньше - она будет смотреться намного хуже, чем если сразу снять на мыльницу 1 Мп. почему - а я и сам не знаю. Я иногда сам не узнаю картинку после сжатия. Фотошоп это делает на субпиксельном уровне, и то результат иногда бывает неприемлем.
Браузеры просто тупо пересчитывают пиксели. Делают это варварски. Для нежной субстанции скинтон это надругательство. Иногда не бросается в глаза, иногда уродует до неузнаваемости.
ПС. Немного коряво написал. В предыдущем тексте надо читать не сжатие везде, (сжатие в графике имеет ввиду уменьшение объема в пикселях при сохранении размеров длина -ширина) Везде в этом тексте мной имеется ввиду масштабирование размеров.

Сообщение отредактировал Barbos - 18.2.2018, 18:31


--------------------
Услуги студийной и outdoor художественной фотографии, аренда фотостудии. Оформление фотографий в багет из ценных пород дерева. Сайт моей студии Тетрагон и авторской фотографии http://svadba33.ru/.
Перейти в начало страницы
 
+Цитировать сообщение
baseq3
сообщение 18.2.2018, 18:28
Сообщение #58


Новенький

Группа: Пользователи 
Сообщений: 9 614
Регистрация: 9.9.2002
Пользователь №: 1 805
Вставить ник Цитата


встраивай профили и палитру в картинки
часто разницы ты не заметишь
Перейти в начало страницы
 
+Цитировать сообщение
Adamos
сообщение 18.2.2018, 20:03
Сообщение #59


Новенький

Возраст: 48
Группа: Пользователи 
Сообщений: 9 643
Регистрация: 21.4.2003
Из: Владимир
Пользователь №: 2 702
Вставить ник Цитата


Попробовал сравнить картинки, сжатые браузером, с аналогичным сжатием фоторедактором (GIMP).
Да, разницу заметить трудно. Похоже, современные браузеры не боятся потратить лишние мощности на красоту и не калечат картинки при масштабировании, как раньше.


--------------------
Ну, допустим, про кипятильник я наврал... Но факт остается фактом!
Перейти в начало страницы
 
+Цитировать сообщение
abm
сообщение 18.2.2018, 21:03
Сообщение #60


BLUE LIVES MATTER

Возраст: 60
Группа: Пользователи 
Сообщений: 32 415
Регистрация: 7.8.2001
Из: White Plains, NY
Пользователь №: 473
Вставить ник Цитата


Цитата(Adamos @ 18.2.2018, 13:03) *
Попробовал сравнить картинки, сжатые браузером, с аналогичным сжатием фоторедактором (GIMP).
Да, разницу заметить трудно. Похоже, современные браузеры не боятся потратить лишние мощности на красоту и не калечат картинки при масштабировании, как раньше.

Я что-то сильно сомневаюсь что браузеры имеют свой собственный встроенный движок для операций с картинками. Скорее всего они "зовут" что-нибудь из системных API.


--------------------
Если я попался Вам навстречу - значит Вам со мной не по пути. instagram.com/cmex13
Перейти в начало страницы
 
+Цитировать сообщение

4 страниц V  < 1 2 3 4 >
  Ответить в данную темуНачать новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 




RSS       Политика конфиденциальности
Легкая версия