Living the highlight - Banners
Posted by Andrew Faulkner on January 11th, 2006.
Something short and sweet:
Noticed some of the basic ‘banners’ on sites these days? Simple solid colour backgrounds on banners are slowly being replaced by a very slight gradient - a highlight at the top of the banner.
Examples:
Pixelpanic
CSS Beauty
Q-design
Capture
Ordered List
Why is this ‘in’? That’s something I cannot answer.
What i can answer is what does it add to the design?. The highlight at the top makes anything (navigation especially) at the bottom of the banner appear more vivid. If you take a look at these designs, they all use some form of ‘tabbed navigation.’ Without the highlighted banner these navigation schemes could appear a little ‘flat.’
So, beloved reader, do you like them or dislike them? And what else do you think this highlight adds to a design? And 10 points for each new example spotted.
Make A Comment
( 46 so far )
46 Responses to Living the highlight - Banners
I think it adds more depth to an otherwise boring area. It leads your eye into the website.
I think they are brilliant. If its done subtly it is effective but where designers go wrong is when they create strong gradients. These become garish and too bold.
Do I get 10 points if I post this:
http://www.gawds.org/
Matt
I agree with Matt, it looks great if it’s done right.
Here’s another example:
http://www.wishlistr.se/
I’ve actually been noticing a rise in subtle gradients in general, and not just for banners. And I must say I’m a fan. For example check out the beautiful www.joyent.com which not only uses subtle gradients all over the place, but was mysteriously unmentioned in the previous “the return of cream” article :)
I’ve also seen it in pages that have that new Mozilla flavor of a corporate look, like www.digg.com.
I agree with Matt, it adds some sort of depth to boring areas. Flat colors don’t really make you want to look closer, while gradients trick the eyes into thinking something else lies further down the page.
if you dont get what I mean, look at it this way. A gradient is a blend of two colors, really actually one color fading into another. The human eye is automatically attracted to the first color, which slowly makes the eye want to follow the path towards the second color. The trick is effectively placing the right content at the end of the gradient, so the whole thing isn’t a waste.
other than that, they just plain look nice
Gradients do work extremely well with the tabbed navigation.
We use this technique on http://www.soul-scape.com
Those are great comments! I’ve always liked flat colours and flat designs without shadows or texture. I still do. I usually thought gradients were mostly irrelevant and added to bandwidth. But you’ve changed my opinion. After thinking about it, I reckon those sites would not look as good or work so well without gradients. Excellent topic!
This is a great site! Just found it. Personally I like the subtle gradients as a way to add dimension in an otherwise flat medium. It seems to me that from showing designs to the lay person (non-designer) that they will tend to like banners graced with subtle gradients more than a flat solid color banner. That’s an absolutely non-scientific statement there, no research to back it up other than my own impressions.
Do I get 20 points if I point out that this very site uses a gradient in the banner area? Of course my comment comes about 10 months after the original posting date!
Mark,
No points there! We didn;t have a gradient when this was written. Oh the irony.
Welcome to fad.
Кстати,сердечно поздравляю всех=всех подписчиков блога с первым сентября. (Автора наверное не стоит поздравлять, так как у Вас наверное первые сентября уже в прошлом ;)) Вчера забыла поздравить, как-то не до этого было. Сейчас вот только отошла немного :)
Hello! It’s just ubeliavable INCREDIBLE porno videos collection! ! ! !!!
Good Day! help me somebody please) I can’t find an informttion about tables. I want to make one :) vpxl 100mg I realy need it, help me please! Thank you!
hel;o! Tell me who knows please I can’t find an information about all states of America If someone knows, tell me please! Hope you will help me
_________________
| viagera order online |
Hello! Tell me please I can’t find an information about computers. What can you advise to me? If someone knows, tell me please!
vigra male enhancement Thank you very much!
Good Day! Can me tell someone I looking for a text about computers. What can you advise to me? I realy need it, help me please!
vigra com Thanks!
Finding one of her students making faces at others on the playground, Ms.
Smith stopped to gently reprove the child.
Smiling sweetly, the Sunday School teacher said, “Johnny, when I was a
child, I was told if that I made ugly faces, it would freeze and I would
stay like that.”
Johnny looked up and replied, “Well, Ms. Smith, you can’t say you weren’t
warned.”
I Don’t Unders
Крутые фотики, айфоны, ноутбуки за 10-15% от цены в магазинах, сделай себе или своим близким достойный подарок!
Roona.ru - это скандинавский аукцион, на котором вы можете приобрести ценные товары или услуги по очень низким ценам. Любой желающий может сделать ставку, и если она окажется последней, то ставка выигрывает лот
Интересно, конечно! Спасибо! Прочитал с удовольствием и вниманием.
Хм, отличная статья ;)
благодарствую
Работа в Норвегии, работа за рубежом, вахта.
xjobnorx.narod.ru
Посуточная аренда квартир в Одессе - альтернатива гостинице для приезжающих в Одессу в командировку, в гости или на отдых.
295 гривен в сутки за отличную двухкомнатнтую квартиру в центре Одессы.
Дополнительная информация и бронирование на dailyrent.od.ua, по тел. +380983676697 (Татьяна) или по электронной почте t(at)dailyrent.od.ua.
Хочу поделиться.
Фирм по аэрографии большое кол-во на сегодняшний день, и всегда встает вопрос где рисоваться. Так вот и я исследовал эту тему.
Страшно отдать свой авто и получить рисунок от непрофессионального аэрографиста.
Некоторые компании очень хорошо рисуют, но цена приличная, ни каждый может себе позволить.
Важный вопрос также профессионально подготовить и закрыть лаком авто!
Я делал аэрографию ни в целях выделиться из масс, а для защиты от угона. Машина новая пригнал прямо с салона.
В итоге рискнул и сделал аэрографию + сделали дизайн. Заняло 3 дня работы.
Цена хорошая. Качество отличное. Оборудование у ребят все профессиональное, лакопокрасочная камера, занимаются профессиональной покраской в том числе.
Проходят постоянные акции. Вообщем советую.
Решайтесь - это совсем ни страшно!
Бродил по интернету - вот хочу поделиться нужной информацией для всех, кто занимается созданием и написанием копирайта.
На сайте copyright-reklama.ru очень много нужной информации: КАК писать, какие методы применять для наибольшей эффективности и т.д.
Я почерпнул очень много полезного, чего и Вам желаю!
Собственно сабж.
Очень ищу картинки стильных и модных шмоток. Или еще нужны картинки со стайловыми риснуками.
У кого есть можно в личку кидать или в тему. Принты, с показов мод и пр. Интересуют все виды ))
Очень Всем благодарен заранее. Ибо выручите.
Опутеть как интересно, во задвигаете. Класс!
Интересно, а почему так редко блог обновляете?
Понравилась статья. А будет ли продолжение ?
Опутеть как интересно, во задвигаете. Класс!
Что-то футер у вас вправо съехал (в опере при разрешении 1024х768)
Очень интересно!!! Только не очень могу понять как часто обновляется ваш блог?
Недавно у дочки был день рождения. И я ей подарил - авто-открытку!
Это обычная Газель, а с двух сторон установлены баннеры с поздравлениями!
Если кто-то хочет порадовать и удивить своих близких - обратите внимание на avto-card.ru.
Очень впечатляюще и просто удивительно. Рекомендую!!!
Хм, почему-то у меня вместо заголовка блога вопросики…
Интересно, а почему так редко блог обновляете?
Что-то футер у вас вправо съехал (в опере при разрешении 1024х768)
Понравилась статья. А будет ли продолжение ?
Огромное вам пасибо! а еще посты на эту тему будут в будущем? Очень жду!
Да, жаль, что обновления на блоге происходят не так часто, как хотелось бы.
Хорошо пишете. Учились где-то или просто с опытом пришло?
Спасибо огромное. Почитал и понравилось. Картинок бы ещё.
Хотя я уже и читал подобные посты, но не дает мне это покоя. Спасибо за пост.
Все отлично, но вот у любого блога постоянная проблема с трансляцией rss! Хотелось бы и с коментами получать. Но нет. Это вообще решаемо? :)
Огромное вам человеческое спасибо, очень актуальная заметка.
Хорошо пишете. Надеюсь, когда-нибудь увижу нечто подобное и на своем блоге…
Ну вообще-то, многое из того, что Вы пишете не совсем так: Ну да ладно,не важно
Related In Some Way, Shape Or Form
The above post has obviously kept you amused. Why not discover similar material:
The posts Something stripes me as odd…, Cutting it out, BBC NEWS | Magazine | My brand new life, Diagonal Lines Still Keep Going, Break Out the Earth Tones, are related to this post.
Or why not take time out to find out about the author of the post.



