4/18/2021 0 Comments Archive A Website
It will be like that really well-organized, color-coordinated closet you have in your home.
A Website Archive Listing WhenAs a result, I really appreciate a well-designed archive listing when I come across one, and have gathered together some of the best examples Ive seen for this article.Along the way, well discuss what magic has been employed to make an archives look work so well.These listings are typically broken up into a listing by category and by date, and sometimes may include a listing by recency, a calendar view, or a tag cloud. It has a very blocky treatment, but it works nicely with the site design. The spacing and typography work well and make this example very attractive. But what really catches my eye is the most recent comment, which is beautifully styled in a phylactery with a watercolor background. The type is low-contrast, so could be considered hard to read; however, in this context, as its not the predominant element on the page, its a great effect (and includes a link to the comment where it can be read in higher contrast). The days with posts stand out more, and you can view the previous and next month using the pagination appearing to the left and right of the month and year listed on top of the calendar. It also lists recent comments and most popular posts, in a simple but nicely styled set of lists. However, the most eye-catching element would be his fun, unique way of displaying popular tags; rather than using the tag cloud, he uses a horizontal bar-graph CSS-styled info-graphic. The spacing and typography work well to make this example very attractive. While the unfortunate wrapping issue is unsightly, everything else looks really tight. A criticism is that the list looks very detached from the interactive header it belongs to, and there are a few spacing issues. If used instead of a sidebar, the footer allows for more room in the content area for that pages primary content; it also creates a nice anchor for the bottom of the page. Well look at footers that are more defined as the floor of the web site; well also look at some pseudo-footers, in which the content falls at the bottom of the content post area. The category listing follows the same width as the content area, while the monthly archive follow the same width as the sidebar area. The archive listing simply uses a Popular posts listing and a tag cloud for Categories. The wood-grain header and leave detail are a very nice touch. Unfortunately, the majority of the examples I have seen use a very bland list of posts. Once again, a few of these examples are of web sites weve already looked at. Triple points). The design tag is a fun concept, where Jason plans to add additional styling and imagery for the web site design, depending on post; these designs are tagged with attributes of the design, which can then be indexed here. Finally, a tag filtering mechanism makes finding relevant posts much easier. Whatever location and functionality it is that you decide to use when designing an archive listing, give it some extra love and care.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |