网页设计的艺术

WebDesign out of WebDevelopment

Web Design Ingridients

  1. Typography
  2. Colors
  3. Images
  4. Icons
  5. Shadows
  6. Border-radius
  7. Whitespace
  8. Visual Hierarchy
  9. User Experience
  10. Components/Layout

Website Personalities

  1. Serious/Elegant
  2. Minimalist/Simple
  3. Plain/Neutral
  4. Bold/Confident
  5. Calm/Peaceful
  6. Startup/Upbeat
  7. Playful/Fun

Typography

Making written language legible, readble and appealing when displayed

Serif

  • good for long text
  • traditional/classic

Sans-serif

  • modern look
  • clean and simple
  • easier to choose for beginner designer
    Serif Vs Sans-serif

Recommed Serif fonts

  • Merriweather
  • Aleo
  • Playfair Display
  • Cormorant
  • Cardo
  • Lora

Recommed Sans-serif fonts

  • Inter
  • Open Sans
  • Roboto
  • Montserrat
  • Work Sans
  • Lato

Principles

  • Try to use less typefaces per page
  • normal text: 16px-32px
  • long text: 20px or ever bigger
  • healines: 50px+ and bold(600+)
  • don't use a font weight under 400(regular)
  • use less than 75 characters per line
  • line height: normal text: 1.5-2; big text: below 1.5

    smaller or longer text need more line height

  • decrease letter spacing in headlines, if it looks unnatural
  • all caps for short titles, small and bold and increase letter-spacing
  • don't justify text
  • don't center text

ToolBox

  • Google Fonts
  • Font Squirrel
posted @ 2022-07-25 17:31  TomZz  阅读(34)  评论(0)  编辑  收藏  举报