Перейти к содержанию
helen2014

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

Рекомендуемые сообщения

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
6 часов назад, helen2014 сказал:

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

 

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

 

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

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

 

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

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

 

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

 

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

Изменено пользователем sitecreator

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
33 минуты назад, sitecreator сказал:

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

 

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

 

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

 

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

 

special.svg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
7 часов назад, sitecreator сказал:

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

 

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
7 часов назад, zlatoff сказал:

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
7 часов назад, nikifalex сказал:

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

 

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

 

html+css

 

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

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

 

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

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

 

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

 

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

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, nikifalex сказал:

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

 

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

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

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

 

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

 

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

 

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

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

 

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 21.07.2017 в 04:44, sitecreator сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 21.07.2017 в 20:59, nikifalex сказал:

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

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

 

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

Изменено пользователем Yurta

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

*

Изменено пользователем Yurta

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.