Как стать автором
Поиск
Написать публикацию
Обновить

Дизайн форм подписки на RSS, или капля креатива

Время на прочтение1 мин
Количество просмотров1.4K
Заканчивая «причесывать» свой блог, мне оставалось лишь приделать форму подписки на RSS. В итоге это затянулось на несколько часов :)

Нет, вы не подумайте, что мне не хватило ума вставить простой код от FeedBurner :) Просто, мне вдруг до безобразия захотелось сделать для этой формы какой-то эффектный дизайн…

Сначала хотелось сделать форму как можно компактнее, без лишних кнопок, заголовков и т.д. 
В итоге получилось такое:
rssforms1.jpg
Но и этого мне было мало :)

Выглядит компактно, но мне еще нужо было куда-то разместить пару счетчиков с числом подписчикови кнопку Яндекс.Ленты. Тогда, я вспомнила о статье "5 способов увеличить свободное пространство на странице". Не зря же переводила :)

Задача была в том, чтобы реализовать 2 свойства в одном, а именно: компактность + максимум содержания = идеальная форма. И тогда сначала получилось вот что:
rssforms2.jpg
При нажатии на форму, выпадает поле для ввода адреса
И уже как следствие:
rssforms3.jpg
Если у вас много разных кнопочек, то можно сделать например так: взять за основу форму с выпадающим полем, но при нажатии будет выезжать не поле, а весь этот блок. И эффектно и компактно :)

P.S. Если вам понравился дизайн, то файл со всеми формами можно скачать тут в формате png.
Теги:
Хабы:
Всего голосов 60: ↑49 и ↓11+38
Комментарии107

Публикации

Ближайшие события