Not a member? Why not join us or log in? (No more hassle filling in comments, less obtrusive ads and asides.)

Living the highlight - Banners

Posted by Andrew Faulkner on January 11th, 2006.

Andrew Faulkner is the admin at fadtastic. Andrew prides himself on standards-based, accessible web design in the city of Nottingham, UK. He believes in aesthetically pleasing accessible design and that 'standards compliant does not equal boring.'

http://fadtastic.net/

Andrew Faulkner has posted 211 articles.

RSS Feed for fadtastic.net RSS Feed for Andrew Faulkner

Full Profile →

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

( 56 so far )

blockquote and a tags work here.

56 Responses to Living the highlight - Banners

Comments RSS Feed

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

Matt Davies
January 11th, 2006
#

I agree with Matt, it looks great if it’s done right.

Here’s another example:
http://www.wishlistr.se/

Jimmy
January 11th, 2006
#

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.

Steve Cochrane
January 11th, 2006
#

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

Zeerus
January 11th, 2006
#

Gradients do work extremely well with the tabbed navigation.

We use this technique on http://www.soul-scape.com

Ben
January 11th, 2006
#

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!

Peter
January 12th, 2006
#

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
October 25th, 2006
#

Mark,

No points there! We didn;t have a gradient when this was written. Oh the irony.

Welcome to fad.

Andrew Faulkner
October 25th, 2006
#

?
- , . , - , , .
, , .
, , , .
, , .
XDreams!

xdreamsru
August 12th, 2008
#

Кстати,сердечно поздравляю всех=всех подписчиков блога с первым сентября. (Автора наверное не стоит поздравлять, так как у Вас наверное первые сентября уже в прошлом ;)) Вчера забыла поздравить, как-то не до этого было. Сейчас вот только отошла немного :)

oxana
September 2nd, 2008
#

Hello! It’s just ubeliavable INCREDIBLE porno videos collection! ! ! !!!

Pochka
October 5th, 2008
#

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!

thuttyzes
October 6th, 2008
#

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 |

CabAnnossebem
October 7th, 2008
#

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!

todaypAypeput
October 15th, 2008
#

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!

Geogerlinee
October 16th, 2008
#

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.”

datexcicazeld
October 22nd, 2008
#

I Don’t Unders

Kayapydog
October 23rd, 2008
#

Крутые фотики, айфоны, ноутбуки за 10-15% от цены в магазинах, сделай себе или своим близким достойный подарок!

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

http://roona.ru

MeniLireEnake
December 17th, 2008
#

Интересно, конечно! Спасибо! Прочитал с удовольствием и вниманием.

HousHoumn
December 18th, 2008
#

Хм, отличная статья ;)

Zootidene
December 18th, 2008
#

благодарствую

eurodiattNeda
December 19th, 2008
#

Работа в Норвегии, работа за рубежом, вахта.
xjobnorx.narod.ru

xjobnorx
March 5th, 2009
#

Посуточная аренда квартир в Одессе - альтернатива гостинице для приезжающих в Одессу в командировку, в гости или на отдых.
295 гривен в сутки за отличную двухкомнатнтую квартиру в центре Одессы.
Дополнительная информация и бронирование на dailyrent.od.ua, по тел. +380983676697 (Татьяна) или по электронной почте t(at)dailyrent.od.ua.

ValFitorckf
March 7th, 2009
#

Хочу поделиться.
Фирм по аэрографии большое кол-во на сегодняшний день, и всегда встает вопрос где рисоваться. Так вот и я исследовал эту тему.
Страшно отдать свой авто и получить рисунок от непрофессионального аэрографиста.
Некоторые компании очень хорошо рисуют, но цена приличная, ни каждый может себе позволить.
Важный вопрос также профессионально подготовить и закрыть лаком авто!
Я делал аэрографию ни в целях выделиться из масс, а для защиты от угона. Машина новая пригнал прямо с салона.
В итоге рискнул и сделал аэрографию + сделали дизайн. Заняло 3 дня работы.
Цена хорошая. Качество отличное. Оборудование у ребят все профессиональное, лакопокрасочная камера, занимаются профессиональной покраской в том числе.
Проходят постоянные акции. Вообщем советую.
Решайтесь - это совсем ни страшно!

StranGerXop
March 12th, 2009
#

Бродил по интернету - вот хочу поделиться нужной информацией для всех, кто занимается созданием и написанием копирайта.

На сайте copyright-reklama.ru очень много нужной информации: КАК писать, какие методы применять для наибольшей эффективности и т.д.

Я почерпнул очень много полезного, чего и Вам желаю!

ADVjustif
March 20th, 2009
#

Собственно сабж.
Очень ищу картинки стильных и модных шмоток. Или еще нужны картинки со стайловыми риснуками.
У кого есть можно в личку кидать или в тему. Принты, с показов мод и пр. Интересуют все виды ))

Очень Всем благодарен заранее. Ибо выручите.

Pupseg-goda
April 7th, 2009
#

Опутеть как интересно, во задвигаете. Класс!

cliceabledo
May 2nd, 2009
#

Интересно, а почему так редко блог обновляете?

cliceabledo
May 5th, 2009
#

Понравилась статья. А будет ли продолжение ?

endumWouttWen
May 5th, 2009
#

Опутеть как интересно, во задвигаете. Класс!

Asydripsy
May 6th, 2009
#

Что-то футер у вас вправо съехал (в опере при разрешении 1024х768)

helefyv
May 13th, 2009
#

Очень интересно!!! Только не очень могу понять как часто обновляется ваш блог?

virabux
May 13th, 2009
#

Недавно у дочки был день рождения. И я ей подарил - авто-открытку!
Это обычная Газель, а с двух сторон установлены баннеры с поздравлениями!
Если кто-то хочет порадовать и удивить своих близких - обратите внимание на avto-card.ru.
Очень впечатляюще и просто удивительно. Рекомендую!!!

SeregaLyx
May 13th, 2009
#

Хм, почему-то у меня вместо заголовка блога вопросики…

kynisaz
May 14th, 2009
#

Интересно, а почему так редко блог обновляете?

hegutur
May 15th, 2009
#

Что-то футер у вас вправо съехал (в опере при разрешении 1024х768)

komamoc
May 15th, 2009
#

Понравилась статья. А будет ли продолжение ?

zychady
May 15th, 2009
#

Огромное вам пасибо! а еще посты на эту тему будут в будущем? Очень жду!

gigacak
May 25th, 2009
#

Да, жаль, что обновления на блоге происходят не так часто, как хотелось бы.

gosahot
May 25th, 2009
#

Хорошо пишете. Учились где-то или просто с опытом пришло?

radazuh
May 25th, 2009
#

Спасибо огромное. Почитал и понравилось. Картинок бы ещё.

goquiby
May 25th, 2009
#

Хотя я уже и читал подобные посты, но не дает мне это покоя. Спасибо за пост.

jepukuq
May 25th, 2009
#

Все отлично, но вот у любого блога постоянная проблема с трансляцией rss! Хотелось бы и с коментами получать. Но нет. Это вообще решаемо? :)

mymytop
June 6th, 2009
#

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

gificha
June 6th, 2009
#

Хорошо пишете. Надеюсь, когда-нибудь увижу нечто подобное и на своем блоге…

doracot
June 7th, 2009
#

Ну вообще-то, многое из того, что Вы пишете не совсем так: Ну да ладно,не важно

Мартын
June 30th, 2009
#

Интересный блог- ещё зайду

intifyciz
August 21st, 2009
#

Прикольно, а продолжение будет?

Bлacть
August 23rd, 2009
#

Молодца! Так держать! Подписываюсь!

KipChalia
October 15th, 2009
#

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

Whatch this - dumps

dumps
December 9th, 2009
#

Думаю всем читателям этого ресурса будет полезна следующая ссылка - Полипы

лечение рака
December 14th, 2009
#

Думаю всем читателям этого блога будет полезна следующая ссылка - атеросклероз

У нас можно скачать фильм Аватар в отличном качестве

Было бы интересно узнать поподробнее

Grisrerge
March 1st, 2010
#

Спасибо за информацию, мне очень это надо было

Grisrerge
March 1st, 2010
#

↑ Jump up to the comment form

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 outBBC NEWS | Magazine | My brand new lifeDiagonal Lines Still Keep GoingBreak Out the Earth Tones, are related to this post.

Or why not take time out to find out about the author of the post.