正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Introducing a new Interfaces issue, Typography Manual for the Web. Typography on the web is hard. There's a lot to know and a lot to keep in mind, from choosing the right typeface and loading fonts to making sure type is legible and fits the interface.

Jakub Krehel

18,631 subscribers

32,929 次观看 • 1 天前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Introducing Interfaces A design engineering magazine about building great interfaces. A new issue is released every month covering topics across animation, typography, layout, color and everything else that makes an interface feel great.

Introducing Interfaces A design engineering magazine about building great interfaces. A new issue is released every month covering topics across animation, typography, layout, color and everything else that makes an interface feel great.

Jakub Krehel

245,710 次观看 • 1 个月前

Typography lovers will love this. → Think Spotify, but for typography. Discover typefaces from foundries around the world. Also explore: • a node-based graph of designers & foundries • a globe of top foundries and typography activity A beautiful way to explore type.

Typography lovers will love this. → Think Spotify, but for typography. Discover typefaces from foundries around the world. Also explore: • a node-based graph of designers & foundries • a globe of top foundries and typography activity A beautiful way to explore type.

Kailash

52,495 次观看 • 1 个月前

Yes, this is the goal. Rive is a new way to build user interfaces for all software. Products, apps, games, and web.

Yes, this is the goal. Rive is a new way to build user interfaces for all software. Products, apps, games, and web.

Guido Rosso

214,924 次观看 • 1 年前

With focus on elegant typography and motion to tell and enhance the brand story through a web experience — here's the new website of 'Closet Creations'. Project by: Balky Design: Willie Art Direction & Dev: The Carter Ogunsola

The Carter Ogunsola

13,780 次观看 • 3 年前

Typography from Bauhaus Dessau is instantly recognizable. Simple geometric forms, unadorned with serifs. Vibrant, expressive colors. Balanced layouts that convey a clear and direct message. Some of the world’s most celebrated ad layouts, political posters, album covers, and logo designs owe their power to lettering designs created at Bauhaus Dessau. One of the foremost authorities in the field of #typography, Prof. Erik Spiekermann led the effort to turn the lost letter fragments and sketches into complete and fully functional fonts. Working with experts at the #Bauhaus #Dessau Foundation, he supervised an international team of typography professionals and design. The fonts are available via Adobe Fonts Typekit. More about the #AdobeHiddenTreasures project: More Bauhaus Fonts by Adobe:

Bauhaus Movement

80,903 次观看 • 3 年前

Become Smart Money Introducing a New Way to Trade. Surface the signal and create winners. From insight to action, close the loop and make a move instantly. Beta access is now live on mobile and web for Pro users. Read on 👇

Become Smart Money Introducing a New Way to Trade. Surface the signal and create winners. From insight to action, close the loop and make a move instantly. Beta access is now live on mobile and web for Pro users. Read on 👇

Nansen 🧭

170,032 次观看 • 7 个月前

Introducing Interact AI: a new interface for the web. Add it to your website, and it talks to every visitor, answers questions, and shows your product. Try it now ->

Introducing Interact AI: a new interface for the web. Add it to your website, and it talks to every visitor, answers questions, and shows your product. Try it now ->

Interact AI

2,226,459 次观看 • 2 个月前

An unprecedented look at the school’s typography and print design, from its early expressive tendencies to the functional modernism for which it is famed today. Learn more about #Bauhaus #Typography -

An unprecedented look at the school’s typography and print design, from its early expressive tendencies to the functional modernism for which it is famed today. Learn more about #Bauhaus #Typography -

Bauhaus Movement

12,919 次观看 • 1 年前

Introducing Expo Agent Build truly native iOS and Android apps from a prompt. Anything from React to SwiftUI to Jetpack Compose. Compile and deploy for Apple, Android, and the web right from the browser!

Introducing Expo Agent Build truly native iOS and Android apps from a prompt. Anything from React to SwiftUI to Jetpack Compose. Compile and deploy for Apple, Android, and the web right from the browser!

Evan Bacon 🥓

217,329 次观看 • 3 个月前

🎬 Framer Creators Ep. 3 is here! Meet Asia Gawron, winner of the Best Newcomer award. In just one year, she went from discovering Framer to becoming a Framer Expert, creating websites that went viral along the way. With a background in architecture, she brings together graphic design, 3D, and typography to create standout work on the web

🎬 Framer Creators Ep. 3 is here! Meet Asia Gawron, winner of the Best Newcomer award. In just one year, she went from discovering Framer to becoming a Framer Expert, creating websites that went viral along the way. With a background in architecture, she brings together graphic design, 3D, and typography to create standout work on the web

Framer

14,259 次观看 • 2 个月前

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.

José Valim

97,922 次观看 • 10 个月前

NEAR pioneers a world where founders thrive and new businesses are fostered. A future in which the open web is tailored to serve you. A society where the consumer is liberated from being merely a commodity. The open web vision is NEAR.

NEAR pioneers a world where founders thrive and new businesses are fostered. A future in which the open web is tailored to serve you. A society where the consumer is liberated from being merely a commodity. The open web vision is NEAR.

NEAR Protocol

49,733 次观看 • 2 年前

Learn Typography and practice it a lot. If you're a beginner in design, put more effort in practicing types. Leave everything and practice TYPOGRAPHY as many times as possible. LEYE

Learn Typography and practice it a lot. If you're a beginner in design, put more effort in practicing types. Leave everything and practice TYPOGRAPHY as many times as possible. LEYE

Chris Nwabueze | UIUX & Front-end Engineer 🎨🖋️

81,964 次观看 • 9 个月前

There's a lot to unpack here…From the cigarette to the multiple dirty hands and mouths on the baby😳

There's a lot to unpack here…From the cigarette to the multiple dirty hands and mouths on the baby😳

LASHY BILLS

1,039,799 次观看 • 1 个月前

X is adding the ability to generate imagine images and video right from the post composer on web

X is adding the ability to generate imagine images and video right from the post composer on web

️️️️ ️ᅠ‏️️️️ ️ᅠ️️️️ ️️️️️ ️ᅠ

29,159 次观看 • 10 个月前

💀 Getting dressed for battle is getting a whole lot easier in Operation Deadly Omen. Y9S1 is introducing the Locker, a new way to manage your cosmetics and packs. 🦹‍♂️ Which uniform is going to be the first on your favorites list?

💀 Getting dressed for battle is getting a whole lot easier in Operation Deadly Omen. Y9S1 is introducing the Locker, a new way to manage your cosmetics and packs. 🦹‍♂️ Which uniform is going to be the first on your favorites list?

Rainbow Six Siege

244,020 次观看 • 2 年前

The “everything palette” has been in the back of my mind for years. I feel that, when correctly automated, it demonstrates an important property of a GUI system, which is an internal interface represented structurally (a common substrate by which all higher level interfaces communicate), and several projections of that interface to higher level interfaces (GUIs, CLIs, hotkeys), such that the internal interface is not substantially duplicated in the projections themselves. Thus, small changes in the internal interface representation immediately and automatically reflect in all such projections. All information for a new setting, for example, is simply expressed in one location, and all interfaces which could access that setting immediately can do so. That setting is automatically accessible in the associated right-click menus, the CLI, hotkeys, and the everything palette. This is because those higher level interfaces are truly *projections* of the underlying interface—they are driven using, in effect, type information of the underlying interface, rather than being special cased to the particulars of the interface (and thus needing to be extensively updated any time the internal interface is changed). The need for this in UI programming is usually first encountered with hotkeys. You write some user interface, and now you need to associate hotkeys—an entirely separate (physical) interface—with the same functionality that your software user interface exposes. You can implement this by, in effect, duplicating the internal interface in both a hotkeys path, and a GUI path. But this is far from ideal for obvious reasons. The debugger by nature enforces this design constraint (GUIs and hotkeys), along with many others, and so it pushed me to follow this to its natural conclusion. A debugger needs to offer an IPC CLI interface for the same commands and features that the main program does. Data in the debugger is already projected in a wide variety of ways—breakpoints can show up in a source view, a disassembly view, a memory view, and a breakpoints list view. My work on the RADDBG visualization engine (driven ultimately by the “watch window” interface—at its limit, a general sparse tree viewer/editor) pushed this even further—you want interfaces to be available through a watch tree evaluation language, as well as several GUIs, and the CLI, and hotkeys. I’ve now finally got the internal systems to the point where they are roughly satisfying all these constraints, and this made the “everything palette” a very simple and natural extension to the system.

The “everything palette” has been in the back of my mind for years. I feel that, when correctly automated, it demonstrates an important property of a GUI system, which is an internal interface represented structurally (a common substrate by which all higher level interfaces communicate), and several projections of that interface to higher level interfaces (GUIs, CLIs, hotkeys), such that the internal interface is not substantially duplicated in the projections themselves. Thus, small changes in the internal interface representation immediately and automatically reflect in all such projections. All information for a new setting, for example, is simply expressed in one location, and all interfaces which could access that setting immediately can do so. That setting is automatically accessible in the associated right-click menus, the CLI, hotkeys, and the everything palette. This is because those higher level interfaces are truly projections of the underlying interface—they are driven using, in effect, type information of the underlying interface, rather than being special cased to the particulars of the interface (and thus needing to be extensively updated any time the internal interface is changed). The need for this in UI programming is usually first encountered with hotkeys. You write some user interface, and now you need to associate hotkeys—an entirely separate (physical) interface—with the same functionality that your software user interface exposes. You can implement this by, in effect, duplicating the internal interface in both a hotkeys path, and a GUI path. But this is far from ideal for obvious reasons. The debugger by nature enforces this design constraint (GUIs and hotkeys), along with many others, and so it pushed me to follow this to its natural conclusion. A debugger needs to offer an IPC CLI interface for the same commands and features that the main program does. Data in the debugger is already projected in a wide variety of ways—breakpoints can show up in a source view, a disassembly view, a memory view, and a breakpoints list view. My work on the RADDBG visualization engine (driven ultimately by the “watch window” interface—at its limit, a general sparse tree viewer/editor) pushed this even further—you want interfaces to be available through a watch tree evaluation language, as well as several GUIs, and the CLI, and hotkeys. I’ve now finally got the internal systems to the point where they are roughly satisfying all these constraints, and this made the “everything palette” a very simple and natural extension to the system.

Ryan Fleury

22,249 次观看 • 1 年前