日期:2014-05-17  浏览次数:20720 次

色带和标签在网页设计中的使用

?

你可能已经浏览过数百个网站,看过几十种设计风格的网站。如果你是个设计师,网页设计师或者交互设计,前台设计师,你有注意到那些设计趋势吗?有没有发现色带和标签的使用开始频繁起来。那么为什么大家都开始使用色带和标签呢?首先它可以让有的标题变得醒目起来,加上对比或者3D的效果,让整体富有视觉冲击性,然后其良好的可变动和灵活性加大了色带和标签的使用范围。你可以方便的将其融入到网页整体的任何位置。下面是我们展示给大家的一些优秀的色带和标签使用的网站,你可以从中获得灵感。

Ribbons

Letter Learner

The ribbon nicely frames the name?Letter Learner?here. Also, the page is laid out as a single column; the ribboned title encourages the user to start their journey at the top and flow down from there.

Ribot

Ribot’s ribbon is fairly subtle. The flourish livens up the page, while summing up the company’s focus in a two-word tagline. A perfect way to set expectations, because the company name does not tell us what it does.

Alex Pierce

With the text being so enormous on the home page of?Alex Pierce’s portfolio, it would take a rather bold element to balance it out. In this case, the ribbon does a good job of setting off the header. I also love how the folded layer in the middle of the ribbon adds focus to the designer’s name.

Rockaholic!

On the rather unusual?Rockaholic!, the ribbon directs the user’s attention down, playing nicely into the vertical scroll of the website and helping the user dig into the content.

Paris Jones

The delicious red of the ribbon makes the band name?Paris Jones?pop out here. Even though the text treatment is rather subtle, the bold pattern ensures that you notice it.

Blog en Bois