Merken

Just Enough Typography

Zitierlink des Filmsegments
Embed Code

Automatisierte Medienanalyse

Beta
Erkannte Entitäten
Sprachtranskript
crawled up and down to it up to the root of it so in the end were
were hello so Cologne Germany and we all you have to
nearest instances that I hope you took it home and and the alot of related to the period of 1 of the things I'm had of originally for managing people the now those like not realistic I then hence consistent
started I wonder where an advanced sedated injury within the hour of this talk is about going just enough topography to produce a really delightful reading experience on the web so we're not going to talk about the anatomy and high and in on them or that of all the all the terminology associated with a lot of in general and this her people who wants to use the side project on their own or fill in the gaps where there's an area that my abstracts of something about them going to the end of that was like of the I in the rawness minus the times there is a high level of at what we're going to be talking about the the what is Limbo have some type of the is 1 language looks like so in the are in technique of displaying and text in a way that is delightful and easy to read and it not strictly visual or that its utility in an end it's for for anyone who uses text in so things in it is a matter of a lot of the National Weather Service is the fact that the end of the year using all types of community Ford has at his general messages so it was really funny because it's some other you haven't emergency innovative forever until it really understand happening and all that we think of Mary walking experiences are distinguished letters and then also sometimes in that it might mean something a little elites 3 instantly something in a hurry it's going out of the names and this is my patterns so that was a really great thing that happens here that learned a lot of things there's an accident that happened in investigating and they found that here the design of the documentation and that was to blame other than the research and they published a 48 page document wait the I I and lessons learned that and it includes things are they were using upon said that was over a few per cent smaller than the 2nd so people could read and it didn't who didn't like encourage reading 1 at a time it seems inside this is really important to know the moon science are last 1 of the longest time as they were these attempted called highly got it and it was very hard to read in the brain and when it was dark and when you like it it would to sort of Blair and Bush together so really when you need them those it failed and so they got some designers to create a new type this and it's called clear you and it proved to be much better on reaction time Doretta people can read it and there were no less accurate than we have also studies show that you know when they focused on making the controlled in the heart easier to read as last everywhere were distracted and others and and so this
is kind going about it this is all about both scenarios like it's so invaluable in rate analysis the the thing meaning the number hi can have these are the that's the thing about before and after the it
invokes the motion so the very not example of this in the book with no pictures strength that it had no illustrations at all I haven't ended when it's really it's really an in but about a copies it on the way to this huge fan but is that a really silly feel to it and the complete accomplishment and that it was on how to feel it very powerful and when working on weather easily it's variance personal media and we really want to bring our brain and our correctly as and said the voicing so it it's a great way to express personality and stand out it's a huge competitive advantage to be able to make someone feel the right way parody incentive a great way to sort of people that are and the state this is something we can make is that nobody has time to the product or 1 so when he's topographies it's it's a really great way to evoke emotion got people the tension and make sure that they're they're getting the important information as quickly as possible and they also strengthens memories the when someone using your site you make them them feel a positive way you know remember it again remember the content better so this is especially important when you 1st straying from a sample establish mental models in any way and if you if you locomotion and again and again remember that and this is uh the other is
actually you know him reading is and this
is the only thing we have to look at the time I love because it right I will not stop at and without only suggestion and he was thinking about how you know that I think this is really a powerful way of showing and they tell you something you put in that we use I have the ability Legend
it's not convinced you all the that obviously essential thing I wanna talk a bit about what good typography even in and how to get there and so these kinds of distributed forward and some of them are a little a little more invisible behind the scenes so the most important thing that I can only choose 1 thing to talk about refinements and be there in the science and the line of ideas and it's it's really frustrating because like it's a bit like incredibly beautiful and the tiniest thing inside the you know you're playing in the magnifier and that's really frustrating so understanding what size is appropriate where the latter is very important yeah and let reason people much smarter than myself established family of optimal font sizes as between 14 and 15 and 20 . 5 pixels and the idea is that it has to be and that extending their latest rating of that that is the general range I and then of course the line hated the 124 thousand 145 in ideally using values like 1 high 1 5 which is 1 and it's 1 half times the path that think so so percentages are completely defined but not effective that and so when you increase the point that you have to is the line you ensure optimality and mobility can making a little smaller because we will limit much causes repetition than than that's that the sometimes and I think that not
so even when thinking the mind and all these various parts and have to be within a container that also changes and so this will saying I that that could edition and have my little addition we can and only part of it is exactly and his feel out it intact things that the entire screen it just too it's too long it's too hard to follow the I let
this intentionally because the relative to those of and this scene know that was take hello when I think you have the empty space surround elements so margin than padding online and also called naked and so this whole and and and we have a ring as the theory and the highways this comes from the limitations of human attention and memory so when you use it wisely and well it helps guide the user through the they know what to absorb it immediately in 1 place the work and then also I when you when someone easier sailing loving unit exactly fair why is used a because the like on point ways you but instead and activities of a lot of the state that items near each other are going to hear related so that this is the great way to confirm or deny relationship between text and and vertical the and others that already that that basically this is done through the setting of baselines line high and then you're gonna use multiple of that value on the other side for visual consistency as an example a so this is 1 way to make them really happy to set and your brain the the on the web refers to the visual organisation things by or and the Science Park City and color and proper hierarchy helps us understand what's important and help the stand because we don't really need to read the and and we don't have that that were rated the a HMM and repetition and consist of the allows for state assumptions so it all of the graphs on as they are variety and scanning and reading and all of a sudden and I see a block of orange text let the brain that that's not a paragraph paragraph so that against my attention that's going to make but it was safe to assume that that was a regular paragraph it's also very common and a sort of good bacteria saying when as they just feels right and obviously paid attention Due to the spacing and hierarchy of that thing I content to be especially interesting right now and there's a lot of states they're using word contrasts in school as I don't know why they heard as you'll know when you see it looks like the letters are actually gain and if you have migraine you have you know unless you compare to and but sometimes it is not so obvious that always to use a contract untransfected are commonly the thing that's not In the wrapper it in a ringing and example apartment at any given time ahead of you know that I know that had the flu people like this but then I this is the and so when and who here and have that new bold or italic so you will have done it underlines or exclamation point and there was a radio like every sentence is exclamation point and the it counterproductive and so when you're using a thing that you do people because the time it's not going to come across that and when you're using a set continues italic polite emphases in bold for high the and also must be careful not to over here the the only in here and the other is that it is that so when I find we think things for and vibrating and of when you have something in bold and it is punctuation at the end don't stand there like that punctuation inherit the formatting of the emphasized I wouldn't patches
OK so high end of the the shortest little line of the theory and there's like it at the work that way and theories I hope that are often not used directly and they actually used it is combined multiple words so part the height of an en dash means you that the word for comfort our ears and you know and PPO and and that is the shorter of the 2 dashes and it's used in date ranges like from 2000 2006 1 and then to combine to to this single relationship between words I also love hate relationship I would have and action and In and out is the longest 1 those I mean I would think of them all and this sort is to break crisis sentences to to create a stress on a particular part of the Union and that the front of separate we and this is that often achieved with the with think of the period instead of an index which is the proper way to do that
so this is tablets is now and their use in a k omission with we think of and not that of stress this is part of I little keyword search by their Declan not repaired euro on poorly conceived in myself but not correct because it will have the right and the spacing between the duck the and and then space before or after the start of the ballots because of the input space what you don't have 1 is it you can and the so currently world and focusing
and correlate police smart quotes and not the straight quotes that are just the word by him and his 98 per cent of the time when you're working in text you want but really call that the actual correct 1 hours like codes and bags of words that is not the case that's not taking the it so you'll want to look really close and you have an effect in the cell is it and just 1 quick note is is when you have but that that texts that is in quotation marks a new 1 at the hangar punctuation would not watch with text I wasn't not and in the in the summer break that up it's harder harder to read the
selecting an you want to focus on here acre based so whatever you think that the body copy that we have the most of that will focus on Our resource development and then they always have the very 1st thing you wanna do is read your content and you want to survive in the rest of the field of your content and and mass the brand voice and the the diarrhea and the remaining 10 faces and most is that has largely tell you to avoid doing and and just select a typeface that has a lot of different style and I didn't really not very practical but we will not only have 4 that the end it when you want Dead which type they have that many different styles nearly thinks that a a all there is only a handful left and then when you think use 20 left on the detector and and so when you immediately eliminate the ones that are just alone silly and they just don't go with the brand built on a handful and then of course there are Callas other side the choosing between the same in all of these so there's something that's even mind when you're when you're going on tape faces many if you if you have a their anchor on you don't wanna Jesus and their various blood and a more only having made so and they make since I believe maybe feel something out and they have certain characteristics and you don't have too much overlap if you know to separate things and they have to be very and of course the away contrast is always usually in units of the umber heavier the thickness of it and so there is no like high rule right they there when 1 is that you don't want to and is that it is in the Saudi news ties with like where China family of Ireland what saying I say here is in non your own there's so many resources to help you Q and which type here and this specifically with under zeolite is ahead so I
created a website reference for this so I I have my top tens of our tree that says the notes but the fact that kind that of chosen time intervals along with the associated resources of the and also in the way is the general in the garden at the bottom of the is now that we think right now that
the things that uh thank Prof Topi? you can
my you know
Wurzel <Mathematik>
Computeranimation
Beobachtungsstudie
Abstraktionsebene
Formale Sprache
Softwarewerkzeug
Vorzeichen <Mathematik>
Computervirus
Frequenz
Quick-Sort
Computeranimation
Homepage
Benutzerbeteiligung
Rohdaten
Flächeninhalt
Formale Sprache
Mustersprache
Datentyp
Projektive Ebene
Quick-Sort
Message-Passing
Instantiierung
Lesen <Datenverarbeitung>
Web Site
Zahlenbereich
Bitrate
Biprodukt
Quick-Sort
Computeranimation
Ausweiskarte
Entscheidungstheorie
Informationsmodellierung
Rechter Winkel
Fächer <Mathematik>
Festspeicher
Hypermedia
Stichprobenumfang
Inhalt <Mathematik>
Information
Varianz
Analysis
Aggregatzustand
Computeranimation
Addition
Bit
Punkt
Pixel
Physikalischer Effekt
Minimierung
Mobiles Internet
Familie <Mathematik>
Globale Optimierung
Gerade
Computeranimation
Demoszene <Programmierung>
Font
Spannweite <Stochastik>
Font
Mereologie
Mobiles Internet
Inverser Limes
Pixel
Gerade
Touchscreen
Hidden-Markov-Modell
Randverteilung
Konfiguration <Informatik>
Punkt
Element <Mathematik>
Raum-Zeit
Computeranimation
Einheit <Mathematik>
Regulärer Graph
Visualisierung
Kontrollstruktur
Gerade
Element <Gruppentheorie>
p-Block
Frequenz
Dateiformat
Widerspruchsfreiheit
Hierarchische Struktur
Menge
Automatische Indexierung
Festspeicher
Dateiformat
Normalspannung
Aggregatzustand
Varietät <Mathematik>
Selbst organisierendes System
Hierarchische Struktur
ROM <Informatik>
Physikalische Theorie
Demoszene <Programmierung>
Multiplikation
Benutzerbeteiligung
Spannweite <Stochastik>
Unterring
Wrapper <Programmierung>
Inverser Limes
Monster-Gruppe
Widerspruchsfreiheit
Graphiktablett
Verschiebungsoperator
Raum-Zeit
Einfache Genauigkeit
Quick-Sort
Design by Contract
Kontrast <Statistik>
Patch <Software>
Abstand
Mereologie
Wort <Informatik>
Kantenfärbung
Eigentliche Abbildung
Soundverarbeitung
Chipkarte
Verschiebungsoperator
Konfiguration <Informatik>
Raum-Zeit
Cookie <Internet>
Zellularer Automat
Ein-Ausgabe
Raum-Zeit
Computeranimation
Chipkarte
Suchverfahren
Rechter Winkel
Tablet PC
Mereologie
Codierung
Kontrollstruktur
Wort <Informatik>
Normalspannung
Korrelationsfunktion
Subtraktion
Zehn
Magnetbandlaufwerk
Familie <Mathematik>
Content <Internet>
Ruhmasse
Web Site
Schlussregel
Identitätsverwaltung
Computeranimation
Eins
Netzwerktopologie
Datenfeld
Einheit <Mathematik>
Gewicht <Mathematik>
Rechter Winkel
Fokalpunkt
Minimum
Datentyp
Inhalt <Mathematik>
Kontrast <Statistik>
Softwareentwickler
Charakteristisches Polynom
COM
Vorlesung/Konferenz
Computeranimation

Metadaten

Formale Metadaten

Titel Just Enough Typography
Serientitel DjangoCon US 2016
Teil 49
Anzahl der Teile 52
Autor Trythall, Joni
Lizenz CC-Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported:
Sie dürfen das Werk bzw. den Inhalt zu jedem legalen und nicht-kommerziellen Zweck nutzen, verändern und in unveränderter oder veränderter Form vervielfältigen, verbreiten und öffentlich zugänglich machen, sofern Sie den Namen des Autors/Rechteinhabers in der von ihm festgelegten Weise nennen und das Werk bzw. diesen Inhalt auch in veränderter Form nur unter den Bedingungen dieser Lizenz weitergeben.
DOI 10.5446/32704
Herausgeber DjangoCon US
Erscheinungsjahr 2016
Sprache Englisch

Inhaltliche Metadaten

Fachgebiet Informatik
Abstract Design is 95% typography, or something like that. Having a grasp on what makes for pleasant, easy to read typography that reinforces your brand is the first step towards building an amazing, impactful experience. Together we will explore typography fundamentals: Sizing, spacing, and rhythm to make all of our type feel cohesive. How to improve readability and encourage the user to read. Type families and different styles. Choosing and pairing fonts, how many to use, and when to use them. Much more! These typography basics will help you better understand why some typefaces just don’t work and give you some go-to solutions for when the designer is out sick (or has gone crazy). We’ll learn a bunch but not too much, it will be just enough :grin:

Ähnliche Filme

Loading...