Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Оцените эффект появления заливки!
Сосбтвенно, сабж... У меня появилась идея отрисовать эффект окрашивания некоторых элементов дизайна форума таким образом, чтобы создавалась иллюзия медленной загрузки на глазах у посетителя.
Прошу форумчан посмотреть, не сильно ли такой эффект напрягает глаза во время загрузки -заодно, быть может, подсказать что-то по этому поводу
адрес
http://chiklino.ru/=&forum
Отредактировано Бабушкин (Вт, 8 Сен 2015 14:28:55)
Бабушкин
Примочки интересны кратковременно и на Праздники - Новый Год, 8 -марта и т.д.
Все остальные вещи приедаются и надоедают. Людям с плохим зрением все подобные эффекты разражают, тут и так напрягаешься, чтобы что-то прочитать, а тут еще отвлекалки.
Для справки: Тот же эффект можно получить и через css => http://htmlbook.ru/css/transition
Устанавливая разную высоту заполнения фоном, Пример: background-size: auto 2px; background-size: auto 32px;
Имхо менее разражающим был бы эффект плавного нарастания непрозрачности, свойство opacity, и всё тот же transition
Отредактировано Deff (Вт, 8 Сен 2015 14:41:12)
Примочки интересны кратковременно и на Праздники - Новый Год, 8 -марта и т.д.
Все остальные вещи приедаются и надоедают. Людям с плохим зрением все подобные эффекты разражают, тут и так напрягаешься, чтобы что-то прочитать, а тут еще отвлекалки.
Для справки: Тот же эффект можно получить и через css => http://htmlbook.ru/css/transition
Устанавливая разную высоту заполнения фоном, Пример: background-size: auto 2px; background-size: auto 32px;
да я по кодам не спец(( Так, средствами гиф-анимации сделал. На остальное пока, увы, мозгов и знаний не хватит
Шибко напряженно: глаза разбегаются, улавливая все присутствующие на странице эффекты. И такое видеть каждый раз при загрузке страницы - не самая удачная идея. имхо.
Шибко напряженно: глаза разбегаются, улавливая все присутствующие на странице эффекты. И такое видеть каждый раз при загрузке страницы - не самая удачная идея. имхо.
да, с шапочкой, наверное, все-таки перебор вышел... Отвлекает...
Reysler
Ну рамка к 8-марту в виде растущих цветочков - будет приятна заботой милым дамам
Ксать шапка как-то менее напряжно, даже не заметил, рзадражает именно анимация фона заголовков категорий, как более яркая и резкая
Reysler
Ну рамка к 8-марту в виде растущих цветочков - будет приятна заботой милым дамам
Шапка мне тоже не показалась менее напряженной, в отличии от заголовков. Хотя и в шапке эффект через какое-то время надоест, лучше эффект сделать при наведении на шапку.
Шапка мне тоже не показалась менее напряженной, в отличии от заголовков. Хотя и в шапке эффект через какое-то время надоест, лучше эффект сделать при наведении на шапку.
Ну вотъ... А я шапко уже убрал... кстати, оно как-то через раз, по-моему, работает. Хотя, со стороны виднее. В любом случае , спасибо, надо пошурудить и подумать -может, еще чего изобрету.
Бабушкин
К слову, шапка больше напоминает логотип 
Её можно запихнуть вместо текста
Добавлено спустя 3 минуты 19 секунд:
В свой стиль:
#pun-title h1 {
background: url(/files/0016/83/74/84453.png) no-repeat center;
background-size: contain;
width: 460px;
color: transparent !important;
margin: 0 auto;
}
Значение красным можно убрать, если не нужно центрирование шапки
Отредактировано Reysler (Вт, 8 Сен 2015 15:10:14)
Бабушкин
Собственно по опыту, лучший дизайн по форумам общения - статический, с минимальными наворотами
Пример: http://forumd.ru/ http://udomovogo.rusff.ru/
Основа продвижения и привлечения пользователей - всегда лишь интересный контент, а будет контент - будут пользователи, будет и шум вокруг, ибо многие пользователи находят меж собой и общие интересы, шутят и флудят
В свой стиль:
#pun-title h1 {
background: url(/files/0016/83/74/84453.png) no-repeat center;
background-size: contain;
width: 460px;
color: transparent !important;
margin: 0 auto;
}
Ух ты! Это в css вставляется?
Бабушкин
В Администрирование - Свой стиль, в первом поле найдите блок /* D1.2 */ в нем код:
#pun-title h1 {
display: block;
height: 40px;
padding: 2em 1em 0 1em;
}замените на
#pun-title h1 {
display: block;
height: 40px;
padding: 2em 1em 0 1em;
background: url(/files/0016/83/74/84453.png) no-repeat center;
background-size: contain;
color: transparent;
width: 460px;
}Бабушкин
В Администрирование - Свой стиль, в первом поле найдите блок /* D1.2 */ в нем код:замените на
собственно, заменил, но не понял - чего эта штука делает?
собственно, заменил, но не понял - чего эта штука делает?
Это код из 10 сообщения этой темы - внедрил в основной стиль во избежании дальнейших проблем, связанных с размножением однотипных стилей.
Добавлено спустя 1 минуту 40 секунд:
Удалите код, что разметили в самом конце второго поля
Отредактировано Reysler (Вт, 8 Сен 2015 15:55:29)
Лично я ничего не увидел кроме безобразного появления фона шапки категорий.
анимация - это очень выигрышно и очень красиво, но...
1. она должна быть на css/html5 - или это все лишние понты, которые должны вырубаться по желанию пользователя
2. она должна быть оптимизирована под все устройства и разрешения.
3. она должна быть ненавязчивой, неяркой
4. она должна напоминать живые объекты*
*например, выигрышо смотрится, когда кнопка "сплющивается" как настоящая при нажатии. или когда выпадающие/выдвигающиеся блоки имеют эффект падения с отскоком/инерции/торможения.
никакой настоящий объект из жизни не имеет резкого заполнения цветом, кроме каких-нибудь китайских игрушек а-ля "мечта эпилептика", от этого анимация раздражает.
Лично я ничего не увидел кроме безобразного появления фона шапки категорий.
Там теперь ничего другого и нет - при обновлении темы еще картинка категории заливается красным, и все.
анимация - это очень выигрышно и очень красиво, но...
1. она должна быть на css/html5 - или это все лишние понты, которые должны вырубаться по желанию пользователя
2. она должна быть оптимизирована под все устройства и разрешения.
3. она должна быть ненавязчивой, неяркой
4. она должна напоминать живые объекты**например, выигрышо смотрится, когда кнопка "сплющивается" как настоящая при нажатии. или когда выпадающие/выдвигающиеся блоки имеют эффект падения с отскоком/инерции/торможения.
никакой настоящий объект из жизни не имеет резкого заполнения цветом, кроме каких-нибудь китайских игрушек а-ля "мечта эпилептика", от этого анимация раздражает.
если бы еще знаний для этого где-то взять, так бы и сделал... но увы...
Там теперь ничего другого и нет - при обновлении темы еще картинка категории заливается красным, и все.
убери нафик. оно не надо - это раздражалка
и помни: то, что статично само по себе, не должно иметь анимацию.
заголовки категорий всегда стоят на своем месте и содержат одну и ту же информацию: текст с названием категории. не надо этому элементу двигаться, меняться или пердеть. 
хорошо анимировать то, с чем пользователь взаимодействует. Например: кнопки (юзер их наживает), слайдеры (юзер их прокручивает), выпадающие блоки и выпадающие меню (юзер на низ наводит или жмякает, чтоб они выпадали), ссылки-картинки или некоторые особо "важные" ссылки текстовые (юзер на них кликает).
если бы еще знаний для этого где-то взять, так бы и сделал... но увы...
вот тебе статья с примерами крутой анимации для веба:
http://habrahabr.ru/company/htmlacademy/blog/255583/
Вот, например, так может появляться блок с дополнительной информацией при клике на какую-нибудь важную ссылку. Выглядеть будет ахренетительно. И раздражать не будет, ибо этот блок появится только по клику юзера (т.е. по ЕГО желанию), а не прыгать на странице как хер знает что сам по себе. Хотя можно оформить с такой вот анимацией скрипт-раздражалку типа "уведомление для гостей" с просьбой зарегиться.
Вы здесь » Единый форум поддержки » Корзина » Оцените эффект появления заливки!