请选择 进入手机版 | 继续访问电脑版

产品设计

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

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

[复制链接]
活在當下 发表于 2016-12-2 17:12:25
232 8

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
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号 )

© 2001-2017 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表