Дизайн шапки сайта, тематика подшипники

[helen2014]

Здравствуйте!

Нужен дизайн шапки, тематики продажа подшипников. Интересует PSD дизайн (естественно со всеми исходниками).

Хотелось бы сделать что-то уникальное с элементами Gif или Флеш аннимация (swf). Что касается Флеш аннимации, нужен совет, стоит ли это делать на сайте?

Жду ваших предложений!

[zlatoff]

Флэш не стоит. Его со времен первого iPhone сливать начали.

Готов сделать html5 или svg анимацию. Причем адаптивную. Если надо то и gif и даже png анимированные элементы для сайта. 

[sitecreator]

6 часов назад, helen2014 сказал:

Интересует PSD дизайн (естественно со всеми исходниками).

 

скорее всего сайт у вас с адаптивной версткой.

 

но просите сделать вам макет в формате, предназначенном для типографии.

не находите это необычным?

 

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

флеш умер, а вы и не заметили. Сама Adobe как разработчик прекратила его поддержку, по старой памяти обновляют лишь безопасность в проигрывателе исключительно для windows.

 

На планшетах/смартфонах нету флеш официально уже давно, а на некоторых и не было никогда.

 

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

Змінено 21 липня 2017 користувачем sitecreator

[zlatoff]

33 минуты назад, sitecreator сказал:

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

 

В принципе да. Но есть нормальный подход. Делается нормальная шапка для головной и для всех прочих страниц. На первой странице для wow-эффекта и быстрой подачи в мозг потребителя куда он попал и УТП. Но никаких «вырвиглаз» цветов и движений. На прочих можно и без анимации, либо минимализм, в данном случае можно едва заметное кручение подшипника (360градусов/мин) в полутонах фона может смотрется весьма эффектно, либо логотип.

 

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

 

Вот посмотрите на эту едва заметную анимашку с напоминанием о том что действует скидка, она явно не раздражает, одно движение в несколько секунд:

 

special.svg

[helen2014]

Шаблон у Алексея NewStor

Шаблон адаптивный.

Посмотрите как сейчас выглядит шапка https://promzapchast.com/ не очень честно говоря.

 

 

[helen2014]

7 часов назад, zlatoff сказал:

Флэш не стоит. Его со времен первого iPhone сливать начали.

Готов сделать html5 или svg анимацию. Причем адаптивную. Если надо то и gif и даже png анимированные элементы для сайта. 

Если у Вас есть примеры ваших работ, вышлите в личку посмотреть.

[sitecreator]

7 часов назад, nikifalex сказал:

а а чем сейчас модно делать макеты? 

 

насчет модно не знаю, но продуктивно:

 

html+css

 

тени, градиенты, прозрачность, наложение и смешивание слоев...

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

 

картинки для background можно подготовить в фотошопе. логотип опять же в нем.

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

 

а так у вас получится вариант, который сразу может тестировать заказчик. или можно показать ему скриншот.

 

В фотошопе стоит готовить лишь основное - изображения, а не рисовать прямоугольники с тенями.

 

[sitecreator]

1 час назад, nikifalex сказал:

то что в фотошопе просто мышкой перетянуть можно, в html+css иногда надо полдня переверстывать.

 

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

Для чего рисовать в фотошопе все эти кнопочки с тенями, градиентом и т. п.?

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

 

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

 

по поводу "полдня переверстывать".  Вот когда дизайнер понимает и владеет версткой, то он никогда по незнанию не станет рисовать заведомый кошмар для верстки.  Поскольку бывают случаи: 1) пиксель вправо - верстка делается легко, 2) пиксель влево - верстка делается долго, особенно адаптивная.

 

Вот "просто" дизайнеру по барабану будет ли пиксель на одну позицию влево или вправо, его не интересует дальнейшая стоимость верстки.

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

 

[helen2014]

Тема до сих пор открыта, готов кто-нибудь взяться за работу?

 

 

[fanatic]

В 21.07.2017 в 04:44, sitecreator сказал:

да и всякие мигалки и свистоперделки, а тем более в шапке - это дурной тон.

и сказки дизайнеров, что это как-то поможет посещаемости

[mgovorushenko]

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

[alena967]

Мне кажется, что автору хочется видеть крутящийся подшипник в шапке

[Yurta]

В 21.07.2017 в 20:59, nikifalex сказал:

то что в фотошопе просто мышкой перетянуть можно, в html+css иногда надо полдня переверстывать. Вот что меня смушает.

 это если html и css на троечку знаешь, 

 

а по сабжу автору достаточно svg лого и по :hover 360 градусов вращение отдельного элемента 

Змінено 23 липня 2017 користувачем Yurta

[Yurta]

*

Змінено 23 липня 2017 користувачем Yurta

[Yurta]

Я о таком решении, там же и есть инфа как это сделать https://stackoverflow.com/questions/32651344/css-3-rotate-animation-on-hover