Pull to refresh

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

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

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

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

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

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

P.S. Если вам понравился дизайн, то файл со всеми формами можно скачать тут в формате png.
Tags:
Hubs:
+38
Comments107

Articles

Change theme settings