Qwesi OG
@QwesiOG
Followers
58
Following
75
Media
35
Statuses
144
EdTech | UX Designer | Webmaster
Paris, France
Joined December 2021
You only fail if you quit. Starting small is better than never starting at all. - Fred Deluca, Subway
0
0
0
π Pro Tip π Your text doesn't have to be pitch black! β«οΈ This could cause eye strain π£ β¨ A great practice: make your copy slightly lighter than the header! β¨ Consider these neutral colours for your design palette π¨ #DesignTips #UIUX #Accessibility #COLOURS #30daysoftype
0
0
0
StoryTime! I found an amazing YouTube video on the progression of typography from way back to these current times. Learn how type has changed over the years in this short video by @Struthless
#TypographyTips #designBasics #30daysoftype
https://t.co/3ABz0xORVT
0
0
0
2. β¨ Proportional figures vary in width and blend seamlessly into text. Perfect for headlines, subheadings, or body text. π They are intended to blend into text #DesignTips #TypographyEssentials #30daysoftype
0
0
0
1. π Tabular figures are spaced so all numbers take up the same horizontal space. For example, 1111 and 9999 will occupy the same width. Use these in columns where figures change frequently. π’ #Design #Typography #30daysoftype
1
0
1
Here are two figure styles every designer π¨ should know and adapt: 1. Monospaced Numbers / Tabular figures 2. Non-lining Numbers / Proportional figures #TypographyTips #designBasics #30daysoftype
1
0
0
Lastly... 5. Mind the line height and line width Use 1.2x to 1.5x font size for line height, and 45-70 characters per linewidth for readability. Use your discretion as screen size increase. Transform your design! #TypographyTips #designBasics #30daysoftype #uxdesign
0
0
0
3. Double the point size For hierarchy, double or half your text sizes. Eg: 16pt for body, 32pt for headline. 4. Embrace negative space Let your design breathe with ample spacing.
1
0
0
Here are 5 basic typography rules for designers: 1. Start with one font. Unless you are an expert in font combination, use a single font. If you combine, pair a Serif with a Sans-Serif. 2. Contrast is key so skip a weight When you use light for body text, use bold for headlines
1
0
0
Acre Avenir Avant Garde Baskerville Bell Gothic Bodoni Bembo Calluna Caslon Circular Clarendon Courier Didot Din Mittelschrift Memphis Meta OCRB Rockwell Sabon Times Trade Gothic Trajan Univers #Typography #Design #Fonts #30daysoftype
0
0
0
Master typography and unlock design perfection π¨β¨ with these essential fontsβThey'll never fail you: #Typography #Design #Fonts A thread: Helvetica Gotham Garamond Georgia Akzidenz Grotesque Franklin Gothic Frutiger Gill Sans Letter Gothic ----> more
1
0
0
5. Handwriting : Summer, Dancing Script, Pacifico 6. Blackletter or Gothic : Fraktur, Schwabacher 7. Display or Decorative : Jokerman, Ravie, Lobster Join me in exploring the world of Typography this month! ποΈπ #Typography #Design #Fonts #Typefaces #JulyJourney
0
0
0
3. Script comes in 2 forms: a. Formal : Bickham Script Pro 3 b. Casual : Castinos 4. Calligraphic : Billow, Allura
1
0
0
2. Sans Serifs a. Grotesque : BW Glenn Sans, Didot b. Neo Grotesque : Physis, Helvetica, Univers c. Humanist : Gill Sans Nova, Optima, ITC Johnston d. Geometric : Futura, Gotham, Poppins
1
0
0
1. Serif ( These are Traditional, formal, practical, and feels serious) a. Old Style : Palatino, Caslon, Goudy Bookletter b. Transitional : Baskerville, Merriweather, Playfair Display c. Modern : LTC Bodoni 175, Arapey, Prata d. Slab Serif : Arkibal Serif, Rockwell, Courier
1
0
0
ποΈ Do you know the difference between Typeface and Font? "Font" comes from the French word "Fonte," - to cast in metal, as characters were once cast in metal for printing. Font refers to the characters, while Typeface refers to characters (or fonts) that share the same features.
1
0
0
β¨ I stumbled upon an amazing dark-mode design resource! If you're struggling with perfecting your dark mode designs and need inspiration, π check out this fantastic site that will spark your creativity! π‘ Don't forget to leave a comment:
0
0
0
π Hey UX Designers & Figma users! Missed #Config2024? No worries! π Check out Figma's latest launch: Figma Slides! π¨β¨ Reimagine your presentations and storytelling. Built for every professional.π‘ #Figma #DesignTools #Innovation #figmaconfig2024
https://t.co/zB3UxXwgVn
figma.com
Create custom presentations for any event with Figma Slides. Effortlessly design, customize, and share visually appealing slides to captivate your audience.
0
0
0
A Decision tree eliminates never-ending discussions, misunderstandings and confusion. Read more on Decision Trees from this article and let me know what you think. https://t.co/chdmkrjKQl
smashingmagazine.com
Imagine finally resolving never-ending discussions about UI decisions for good. Here are some practical examples of decision trees for UI components and how to use them effectively. An upcoming part...
0
0
0