产品设计

    今日:83| 主题:20226
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[其他] The typographic details behind Typewolf’s favorite sites of November

[复制链接]
活在當下 投递于 2016-12-2 17:12:25
239 8
This is the 34th installment of my monthly feature on Typewolf where I share my favorite type-driven websites from the previous month and then write a little about the typographic details behind the designs. You can check out last month’s post for October here .
   

The typographic details behind Typewolf’s favorite sites of November

The typographic details behind Typewolf’s favorite sites of November-1-产品设计-completely,previous,Tiffany,details,because

  Playful

   I almost didn’t feature this site on Typewolf because the site’s typography ranges from borderline unreadable to completely unreadable due to the fact that all the type is set on top of photos. That being said, I still really love this design. I think it could be argued that the bold, colorful photography is meant to overpower the type, as that is what this agency specializes in. Either way, it makes a huge visual impact. Ed Benguiat’s gorgeousITC Tiffany is used throughout in medium and heavy weights.
  
       
  •   Where to get ITC Tiffany →  
   

The typographic details behind Typewolf’s favorite sites of November

The typographic details behind Typewolf’s favorite sites of November-2-产品设计-completely,previous,Tiffany,details,because

  LRNCE

   I’ve noticed that the condensed cuts ofGaramond have been making a bit of a comeback lately. Before switching over toMyriad in the early 2000s, Apple had been using a customized version of Garamond condensed as their main branding face since the early 1980s. I think this gives the typeface a retro charm that is appealing to designers who fondly recall the vintage Apple ads. This site definitely evokes that retro feeling, while the addition of Radim Peško’sFugue Mono adds a modern touch to the design.
  
       
  •   Where to get Garamond →   
  •   Where to get Fugue Mono →  
   

The typographic details behind Typewolf’s favorite sites of November

The typographic details behind Typewolf’s favorite sites of November-3-产品设计-completely,previous,Tiffany,details,because

  True Photo Journal

   Folio is a neo-grotesque that was released at the same time asHelvetica andUnivers but never quite reached the same level of success. It’s used as the sole typeface on the True Photo Journal site, where it immediately appears distinctive from the overused Helvetica—the x-height is smaller and the letterforms are less even, which gives the typeface a slightly quirky feel that is more akin to the early grotesques that predated Helvetica.
  
       
  •   Where to get Folio →  
   

The typographic details behind Typewolf’s favorite sites of November

The typographic details behind Typewolf’s favorite sites of November-4-产品设计-completely,previous,Tiffany,details,because

  Leeza Pritychenko

   Leeza Pritychenko’s site could probably be classified as brutalist —it looks intentionally raw and unpolished. The use ofNimbus Sans mixed mid-sentence withRomana looks harsh, but the x-heights actually match up pretty well and the copy is set with proper apostrophes and dashes , so the typography really isn’t all that brutal. This whole aesthetic may turn some people off, but the design is unique and about as far from a Bootstrap template as possible.
  
       
  •   Where to get Nimbus Sans →   
  •   Where to get Romana →  
   

The typographic details behind Typewolf’s favorite sites of November

The typographic details behind Typewolf’s favorite sites of November-5-产品设计-completely,previous,Tiffany,details,because

  Sam Dallyn

   Akkurat is a sans-serif from Lineto that feels like a mix betweenDIN andHelvetica—the letter shapes are uniform but the tail on the lowercase l and the double-story g make it feel less static compared to typical geometric sans and neo-grotesque designs. Likewise, Sam Dallyn’s site is clean and stark but features a creative use of a grid that zigzags down the page, which gives it a similar dynamic quality. The paragraphs on the about page are set with indents rather than line breaks, which adds a more print-like feel to the layout.
  
       
  •   Where to get Akkurat →  
   

The typographic details behind Typewolf’s favorite sites of November

The typographic details behind Typewolf’s favorite sites of November-6-产品设计-completely,previous,Tiffany,details,because

  Kinfolk

   The recent Kinfolk redesign utilizes two contemporary typefaces from Klim Type Foundry —Domaine Text andFeijoa—combined with a classic Futura-inspired geometric sans,Twentieth Century. Domaine Text is the same typeface I use for body text on Typewolf, but on the Kinfolk site it is used as a display face for headlines rather than as a text face. For a text face, it still has quite a bit of character when set at large sizes. The type on the article pages is set well with a narrow line length that is easy to read, recalling a magazine layout more so than a typical online article.
  
       
  •   Where to get Domaine Text →   
  •   Where to get Feijoa →   
  •   Where to get Twentieth Century →  
  Stay Tuned for Next Month’s Post

  I’ll be publishing a new type-driven design roundup post like this at the beginning of every month. Enter your email below if you want to be notified when it is published.



上一篇:Framer Flows
下一篇:How I landed my first 5-figure UX design contract
彭朋 投递于 2016-12-2 17:38:33
已阅,有收获,谢谢!
回复 支持 反对

使用道具 举报

蜗居男人 投递于 2016-12-2 18:51:21
说不好是在找骂么?
回复 支持 反对

使用道具 举报

任性的小情绪 投递于 2016-12-2 23:59:12
辛苦了,谢谢分享!
回复 支持 反对

使用道具 举报

天气预报 投递于 2016-12-3 02:16:59
顶起顶起顶起
回复 支持 反对

使用道具 举报

刘艳 投递于 2016-12-5 03:30:27
LZ敢整点更有创意的不?兄弟们等着围观捏~
回复 支持 反对

使用道具 举报

莲紫 投递于 2016-12-7 22:25:18
呵呵。。。顶顶
回复 支持 反对

使用道具 举报

黄杰 投递于 2016-12-10 09:05:24
此贴真乃高大上
回复 支持 反对

使用道具 举报

李长建 投递于 2016-12-20 23:21:56
艰拆装死
回复 支持 反对

使用道具 举报

我要投稿

回页顶回复上一篇下一篇回列表
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 | 粤公网安备 44010402000842号 )

© 2001-2017 Comsenz Inc.

返回顶部 返回列表