In this talk, you will learn UI Design Theory and the Basic Principles of Typography and Spacing, create elegant Web & Mobile app design by selecting and pairing meaningful Typography and know how to use spacing effectively and balance your design. You will achieve the experience and knowledge to take UI design fundamentals and apply them in your everyday life.
Designing for words: elements of typography style for the webLuke Murphy
An introduction to typography and the thinking behind typographic choices, as well as how we can implement these rules and guides on the web. Delivered at Second Wednesday (#secwed) on Wednesday 13th August, 2014
Concept
After reading the questionnaire and browsing the competitor’s website, it is understood that we are not talking about ordinary computers. These are custom-made powerful machines built depending on the client’s specific needs. The esthetic aspect is important but what makes these computers unique are the internal components, processor, memory, motherboard, etc. in other words, “THE FIRE IS INSIDE”
Shape
An illustration of a flame of fire could result in an overused idea with a cheap appearance. We found the right solution to communicate this idea by using the initials of the brand’s name. We placed the letter C under de letter W turned 90 grades. The final result is a simple shape where the negative space represents a flame. This concept supports the tagline “THE FIRE IS INSIDE”
Typography
We are using a sans serif font on the name and the icon. This is the perfect style to communicate the client’s values: Bold, exciting modern pure energy, and fun
Color
The colors selected were orange and black. Orange to represent the fire and the black to achieve a better definition of the shape
part 2 of 2 for the Unit 2 typography introduction
(NOTE: one of the fonts did not come through --- on the Old Style/Transitional Slide --> that is NOT Goudy; that's Arial).
Eva Anderson - Graphic Design for ReadabilityPlain Talk 2015
"Graphic Design for Readability" was presented at the Center for Health Literacy Conference 2011: Plain Talk in Complex Times by Eva Anderson.
Description: Learn design strategies that improve the readability and usability of print and Web materials. This workshop is for people who aren't designers but have to do their own graphic design at work and for people who hire graphic designers.
Designing for words: elements of typography style for the webLuke Murphy
An introduction to typography and the thinking behind typographic choices, as well as how we can implement these rules and guides on the web. Delivered at Second Wednesday (#secwed) on Wednesday 13th August, 2014
Concept
After reading the questionnaire and browsing the competitor’s website, it is understood that we are not talking about ordinary computers. These are custom-made powerful machines built depending on the client’s specific needs. The esthetic aspect is important but what makes these computers unique are the internal components, processor, memory, motherboard, etc. in other words, “THE FIRE IS INSIDE”
Shape
An illustration of a flame of fire could result in an overused idea with a cheap appearance. We found the right solution to communicate this idea by using the initials of the brand’s name. We placed the letter C under de letter W turned 90 grades. The final result is a simple shape where the negative space represents a flame. This concept supports the tagline “THE FIRE IS INSIDE”
Typography
We are using a sans serif font on the name and the icon. This is the perfect style to communicate the client’s values: Bold, exciting modern pure energy, and fun
Color
The colors selected were orange and black. Orange to represent the fire and the black to achieve a better definition of the shape
part 2 of 2 for the Unit 2 typography introduction
(NOTE: one of the fonts did not come through --- on the Old Style/Transitional Slide --> that is NOT Goudy; that's Arial).
Eva Anderson - Graphic Design for ReadabilityPlain Talk 2015
"Graphic Design for Readability" was presented at the Center for Health Literacy Conference 2011: Plain Talk in Complex Times by Eva Anderson.
Description: Learn design strategies that improve the readability and usability of print and Web materials. This workshop is for people who aren't designers but have to do their own graphic design at work and for people who hire graphic designers.
Here we are giving an comprehensive presentation on typography. the presentation will be help full for both the beginner and professional graphic designer.
This is Emily's answer to the first question of our evaluation for our music magazine. The question is, "In what way does your media product use, develop or challenge codes and conventions of real media products?".
“Typography matters because it helps conserve the most valuable resource you have as a writer—reader attention.”
“Space in typography is like time in music. It is infinitely divisible, but a few proportional intervals can be much more useful than a limitless choice of arbitrary quantities.” - Robert Bringhurst
Similar to [DevDay2019] Spacing and Typography, keys to a professional UI design - By Nguyen Huu Duong, Full-stack Developer at Axon Active Vietnam (20)
[DevDay2019] Lean UX - By Bryant Castro, Bryant Castro at WizelineDevDay.org
Lean UX helps teams build the minimal product necessary to validate risky assumptions and minimize the time to market with the right product. On this lecture, Lean UX principles and its value to the product cycle will be introduced. Also, the methods and tools that will help you get feedback from users and learn rapidly will be discussed. This session is geared towards those who are interested in UX but have no much experience, those looking for new methods to improve their current product processes, and anyone interested in design, business, and user centered design.
[DevDay2019] Why you'll lose without UX Design - By Szilard Toth, CTO at e·pi...DevDay.org
UX Design is on a radical rise. The most successful companies like Google or Uber know that great UX is no longer a nice-to-have but a key business driver. Szilard Toth (CTO e·pilot) and Nicolas Python (Head of Design KLARA) talk about their own experience of UX Design in modern engineering environments. Whether you're a business leader or an engineer, learn why you'll lose without UX Design.
[DevDay2019] Things i wish I knew when I was a 23-year-old Developer - By Chr...DevDay.org
Christophe will talk about what he's learned from his almost 20 years of experience in the IT industry, and his career and training advice for the upcoming generation. This include his personal experiences, what motivates him everyday, and hopefully may help you define your path to “success”. This is not about any specific technology.
[DevDay2019] Designing design teams - Christopher Nguyen, UX Manager at WizelineDevDay.org
We'll discover what it takes to build an effective Design Team. We'll dive into some of the examples and experiments that you can try with your own design teams.
[DevDay2019] Growth Hacking - How to double the benefits of your startup with...DevDay.org
What is growth hacking? Why do all startup need it? Examples of Growth Hack with 10 Classic (Facebook, Dropbox, Airbnb, etc.). How to create robot to automatize your task. How to find clients automatically in 5 minutes. 6 SEO hacks to grow up super fast on Google.
[DevDay2019] Collaborate or die: The designers’ guide to working with develop...DevDay.org
Collaboration and open communication tend to be categorized as “soft skills” and are often overlooked in organizations. In this session, he is going to discuss how to develop an effective strategy in bridging the gap between product, design, and engineering teams. He will also share some tips for including developers in different stages of design — from planning features to usability testing.
[DevDay2019] How AI is changing the future of Software Testing? - By Vui Nguy...DevDay.org
Artificial intelligence (AI) has been changing the way software is tested and how humans interact with technology. AI predicts, prevents and automates the entire process of testing using algorithms. It will not only support and improve the models and test cases but also provide more sophisticated and refined form of text recognition and better code generators. Using AI will help to save time for testing and ensure a better quality software.
[DevDay2019] Hands-on Machine Learning on Google Cloud Platform - By Thanh Le...DevDay.org
By recent release on Google Cloud Platform, Google focus on the era of AI/ML technological change, it lets us bring the powerful machine learning features to the mobile application whether it is for Android/iOS and whether experienced/beginner machine learning developer. The purpose of this topic is to share our use case on how to make your model as serving by bringing it to the cloud.
Microservices is a well-known term for recently year. But the truth is that it mostly focused on backends site while the frontend is still a monolithic application. This presentation intends to provide the necessary tooling to achieve independent apps loaded separately and run on different parts on a single web page in complete isolation which is officially called micro-frontends.
[DevDay2019] Power of Test Automation and DevOps combination - One click savi...DevDay.org
Test Automation is becomming a MUST in software development life cycle now. DevOps has been an emerging trend, and it's no longer new. Remebering the old days, when you have to stand-up the test servers, get the builds from developers, deploy it, start-up agent machines, run your tests, collect reports, shutdown all resources you have just started, and spend days to analyze the failures. Now it's time to bring DevOps into this game and let it streamline all of these processes then you can save your days for other greater jobs of software testing.
[DevDay2019] How to quickly become a Senior Engineer - By Tran Anh Minh, CEO ...DevDay.org
Many graduated students do not have clear orientation to become a Senior Engineer as quickly as possible. His topic will discuss and recommend some useful methods for students to help you become a Senior Engineer.
[Devday2019] Dev start-up - By Le Trung, Founder & CEO at Hifiveplus and Edu...DevDay.org
In this talk, Trung will convey his experience and discuss business start-up issues from the perspective of a developer. This position has many advantages to start a business in the technological age. It also allows us to learn, so we can reduce possible risks.
[DevDay2019] Web Development In 2019 - A Practical Guide - By Hoang Nhu Vinh,...DevDay.org
This is the step-by-step guide to becoming a web developer in 2019. We will look at nearly all aspects of web technology including the necessities as well as some of the new trends for 2019.
[DevDay2019] Opportunities and challenges for human resources during the digi...DevDay.org
The term "digital transformation" is mentioned a lot recently and is considered as the first platform to access and apply technologies in the 4th industrial revolution. So what are the opportunities and challenges for human resources during this period? With many years working and researching in human resource training for the software industry, he hopes these sharing will be helpful to you.
[DevDay2019] Do you dockerize? Are your containers safe? - By Pham Hong Khanh...DevDay.org
Docker containers are a fast-growing technology that has become hugely popular in the software industry nowadays. It offers amazing benefits but also presents the developer with lots of security challenges. This talk will give you an introduction to Docker as well basic security best practices. But don’t worry, we will also do some live hacking :).
[DevDay2019] Develop a web application with Kubernetes - By Nguyen Xuan Phong...DevDay.org
Kubernetes is a platform used to automate the management, to scale and to deploy applications in the form of containers. Kubernetes is also called Container orchestration engine.
[DevDay2019] Paradigm shift towards effective Scrum - By Tam Doan, Agile Coac...DevDay.org
Scrum has become one of the most popular Agile frameworks in IT, as its lightweight and easy to understand. But why is it so difficult to apply? One of the challenges of effectively applying Scrum comes from the basic understanding of why Scrum was initially created in the first place. Having this paradigm shift will significantly enhance becoming an effective Scrum Team member.
[DevDay2019] JAM Stack - By Ngo Thi Ni, Web Developer at Agility IODevDay.org
JAM Stack is modern web development architecture based on client-side JavaScript, reusable APIs, an prebuilt Markup. You can check it here: jamstack.org
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
[DevDay2019] Spacing and Typography, keys to a professional UI design - By Nguyen Huu Duong, Full-stack Developer at Axon Active Vietnam
1.
2.
3. TYPOGRAPHY INTRODUCTION
A. WHY?
B. FONT AND TYPOGRAPHY TERMS
C. TYPE CLASSIFICATION
AGENDA
T I M E & S L I D E
60 minutes
50 slides and 3 main sections
Free resources
TYPOGRAPHY SCALES AND GRIDS
A. LINE LENGTH - LEADING - KERNING
B. TEXT ALIGNMENT
C. ROLE OF TYPEFACES & TYPOGRAPHIC HIERARCHY
D. SPACING & BASELINE GRID
TYPOGRAPHY SHOWCASES
A. HOW TO SELECT FONTS TO THE WEBSITE
B. SHOWCASES
5. W H Y
T Y P O G R A P H Y
95 % of design is Text.
A great designer is good at Typography
Text is the main part of media.
e.g Websites, Apps, TV, Blog, Magazine…
Type is a beautiful group of letters,
not a group of beautiful letters.
6. Effectively arrange it for legibility
and readability.
1A
P U R P O S E
O F T Y P O G R A P H Y
Communicate or convey your
message to the reader.
2 M A I N R E A S O N S
8. Font is a set of characters of specific style and
size. The specific type of font í font style.
FONT FAMILY
FONT STYLE
“
TIME NEW ROMAN.
ARIAL.
Segoe Script.
SOURCE SERIF PRO.
BOLD.
ITALIC.
REGULAR.
MEDIUM.
BLACK.
Roboto Italic style with 30pt size
Roboto Black style with 30pt size
Roboto Condensed style with 30pt size
Roboto Medium style with 30pt size
1B
15. Serif typefaces are called “serifs” in reference to the
small lines that are attached to the main strokes of
characters within the face
SERIF TYPEFACES
The main characteristic of old style characters is
their diagonal stress (the thinnest parts of the letters
appear on the angled strokes, rather than the
vertical or horizontal ones).
TRANSITIONAL
The differences between thick and thin strokes in
transitional typefaces are more pronounced than
they are in old style serifs.
“
Time New Roman
1C
16. Serif typefaces are called “serifs” in reference to the
small lines that are attached to the main strokes of
characters within the face
SERIF TYPEFACES
MODERNSERIFS
Have a much more pronounced contrast between
thin and thick lines, and have a vertical stress and
minimal brackets.
SLAB SERIFS
Have little to no contrast between thick and thin
lines, and have thick, rectangular serifs, and
sometimes have fixed widths.
“
Didot
American
Typewriter
1C
17. Sans-serif typefaces are called such because they lack
serif details on characters. Sans-serif typefaces are
often more modern in appearance than serifs.
SANS-SERIF
TYPEFACES
HUMANIST SANS-SERIF
Have a much more pronounced contrast between
thin and thick lines, and have a vertical stress and
minimal brackets.
TRANSITIONAL SANS-SERIF
They have a relatively plain appearance when
compared to the grotesques.
“
Tahoma
Arial, Helvetica
1C
18. Sans-serif typefaces are called such because they lack
serif details on characters. Sans-serif typefaces are
often more modern in appearance than serifs.
SANS-SERIF
TYPEFACES
GEOMETRIC
Geometric sans-serifs are more closely based on
geometric shapes. Generally, the “O”s in
geometrics will appear circular, and the letter “a” is
almost always simple, just a circle with a tai
“
Futura
1C
19. Scripts are based upon handwriting, and offer very
fluid letter forms.
Formal scripts are often reminiscent of the
handwritten letterforms common in the 17th and
18th centuries. They’re common for very elegant
and elevated typographical designs and are
unsuitable for body copy.
“
Casual scripts more closely resemble modern
handwriting They're much less formal, often with
stronger strokes and a more brush-like appearance
1C
21. Line length is the distance between the left
and right edges of a text block. Number of
characters per line should be 45-85 characters
per line or 10 -17 works per line.
LINE - LENGHT
LINE LENGTH
22. Too long lines: User need to move the head
for long lines
Too short lines: The eyes need to jump up and
down many times to read.
LINE LENGTH
23. Leading is the distance from one baseline to the next baseline.
LINE-HEIGHT
(LEADING)
You fill an empty
space deep in my life
Cap-line
Mean-line
Mean-line
Base-line
Base-line
line-height of body: 120-160%,
line-height of heading : 100-110%
2A
24. Line height 130% (33px text)
LINE-HEIGHT
(LEADING)
You have a special way of dealing with me
and I’m sure you will always be there for
me. You are my support and I can count on
you. When troubled times face me, I feel
secure because I have you.
Line height 160% (33px text)
You have a special way of dealing with me
and I’m sure you will always be there for
me. You are my support and I can count on
you. When troubled times face me, I feel
secure because I have you.
2A
27. B O D Y C O N T E N T
EXAMPLE
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. In vehicula est non enim. Nulla in mi eget purus
hendrerit tempus. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac
turpis egestas. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. In vehicula est non enim
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. In vehicula
est non enim. Nulla in mi eget purus
hendrerit tempus. Pellentesque est non
enim.
32. C A P T I O N
SUB-HEADING
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. In vehicula est non enim. Nulla in mi eget purus
hendrerit tempus. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac
turpis egestas. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. In vehicula est non enim
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. In vehicula
est non enim. Nulla in mi eget purus
hendrerit tempus. Pellentesque est non
enim.
33. ROLE OF
TYPEFACES
USING THE ROLE OF FONT BY
CORRECT WAYS
Casper Bishop was thinking about Stanley
Jones again. Stanley was a gracious
volcano with pointy warts and grubby
moles.
APRIL 06,2019
Wrong Usage Of Heading Text As
Body Text
CASPER BISHOP WAS THINKING ABOUT
STANLEY JONES AGAIN. STANLEY WAS A
GRACIOUS VOLCANO WITH POINTY
WARTS AND GRUBBY MOLES.
APRIL 06,2019
2C
35. TYPOGRAPHIC
HIERARCHY
STEP 1
SELECT BASE SIZE
Basically, base size is the font size of paragraph or
the font size of body text.
E.g: 18px, 16px
How much you want to scale the font for each level
of typography.
1.333(perfect fourth), 1.618 (golden section),
1.5 (perfect fifth)
STEP 2
SELECT SCALE RATIO
2C
36. TYPOGRAPHIC
HIERARCHY
Slowly title her had to farther been and lift anywhere
expenses outlines power to while of for forest of like she like
abundantly workmen. And particular, his without that
outcomes been got various know headline slept it of be copy
but little detailed instead, often hard solider
Font Roboto Black 57px
SUB HEADING, ROBOTO REGULAR 34PX
H1 Heading 57px
Small text 20px
Body 26px
H3 Heading 34px
H2 Heading 44px
BASE LINE = 26PX, SCALSE = 1.3
2C
37. TYPOGRAPHIC
HIERARCHY
H E I G H F I V E
S M A L L E R
H E A D I N G
S C A L E R A T I O
BODY TEXT
2 6 P X
BASE SIZE
1.333
R E A D A B I L I T Y A N D L E G I B I L I T Y
PERFECT FOURTH
2C
43. HOW MANY FONTS
TO SELECT?
Select 2 or 3 fonts
Assign each font with roles
44. They don't have very sharp edges or something like
this so this is a bit fun team a better relaxed looking
top one is sensitive for.
Funny Theme
Mohr Rounded. Yikes Railey
45. If you are writing for some marriage
ceremony or something like that you
might go for the script font.
46. Select the very modern type to show something a bit
serious and dramatic sensitive.
TECH & BUSINESS
THEME
Roboto Open Sans
47. Using the very modern type of font with business
website or design.
Accent
3A
50. D O Y O U H A V E
QUESTIONS
nhduong29
duong.nguyen@axonactive.comAxon Active is a Swiss offshore software development
company with strong expertise in Agile IT and a large
portfolio of successful international projects, ranging
from small businesses to highly complex multi-platform
systems for large corporate clients.