Skip to content

Commit

Permalink
Updates guide on templates
Browse files Browse the repository at this point in the history
  • Loading branch information
davidmerfield committed Nov 5, 2020
1 parent de1d827 commit c8e599e
Showing 1 changed file with 19 additions and 10 deletions.
29 changes: 19 additions & 10 deletions notes/design/templates.txt
Original file line number Diff line number Diff line change
Expand Up @@ -4,26 +4,35 @@ I find the process of designing templates especially difficult. I was trying to

Some sites post mostly text, some mostly images, some a mix. This affects the design of the index page. For example, should you show a stream of posts in full on the index page? Or just a list of links to view the full post? Or perhaps a truncated preview of the post?

I would like to produce a few grid based themes for sites which post mostly photos. Some of cargo's grid ideas are worth exploring.
# Variables to consider
- Titles: long, short, no title at all
- Thumbnails: wide, tall, no thumbnail at all
- Text:
- Tags:

# Don't crop thumbnails

It's very tempting to crop thumbnails used on index pages to make the design easier to fit into a grid. Don't do this. There is a reason the original image had its given aspect ratio. Respect this aspect ratio. Is cropping thumbnails justifiable? In my mind it seems like this might fall into the category of trying to make the material fit the form, than the other way around. But perhaps that isn't a bad thing? If I want to see a list of articles, perhaps formatting the thumbnail in a particular way is justified.

# Don't truncate titles

# How do popular blogging templates disrespect content?
If the title of a blog post is long, it was made so intentionally. It is not up to designer of the template to dictate the length of the title. Respect the title's length.

1. Don't crop thumbnails
2. Don't truncate titles
3. Don't truncate subtitles
4. Don't distract from the text
# Don't truncate subtitles

# Don't distract from the text

# Don't cover the text with any dialog or

# Fitting the form to the content

Ultimately I must bear in mind a respect for content. I am trying to design a frame for this content to hang on and it is important to avoid the tempation of designing for the frame, instead of the stuff inside (I have no ownership of that so it's hard to be proud of it).

Is cropping thumbnails justifiable? In my mind it seems like this might fall into the category of trying to make the content fit the form, than the other way around. But perhaps that isn't a bad thing? If I want to see a list of articles, perhaps formatting the thumbnail in a particular way is justified.

# Plagiarism
---

I've also been struggling with lifting things wholesale from a particular spot. I have been looking at Techcrunch.com far too regularly when making the design for the upcoming magazine theme, for example. This is bad. I'm not obsessed with producing original work, I'm probably happier than most to lift things from a variety of sources.

# Sites well designed
I would like to produce a few grid based themes for sites which post mostly photos. Some of cargo's grid ideas are worth exploring.

[New York Times](http://nytimes.com) - Their type treatment of Georgia was ripped and used to design the default theme.

Expand Down

0 comments on commit c8e599e

Please sign in to comment.