Th|
收藏闪存小组博问

TomZz

园龄：2年7个月粉丝：1关注：1

📂前端
🔖前端
2022-07-25 17:31阅读: 39评论: 0推荐: 0

网页设计的艺术

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

本文作者：TomZz

本文链接：https://www.cnblogs.com/Tom-Zz/p/16518148.html

版权声明：本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   TomZz  阅读(39)  评论(0)  编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起
  1. 1 Different World Alan Walker,K-391,CORSAK胡梦周,Sofia Carson
  2. 2 Wild Wild Web John The Whistler
  3. 3 In the End Linkin Park
  4. 4 Leave Out All The Rest Linkin Park
In the End - Linkin Park
00:00 / 00:00
An audio error has occurred, player will skip forward in 2 seconds.

It starts with one thing

I don't know why

It doesn't even matter

How hard you try

Keep that in mind

I designed this rhyme

To explain in due time

All I know

Time is a valuable thing

Watch it fly by

As the pendulum swings

Watch it count down

To the end of the day

The clock ticks life away

It's so unreal

Didn't look out below

Watch the time go

Right out the window

Trying to hold on,

But didn't even know

Wasted it all just

To watch you go

I kept everything inside and

Even though I tried,

It all fell apart

What it meant to me will

Eventually be a

Memory of a time when

I tried so hard

And got so far

But in the end

It doesn't even matter

I had to fall

To lose it all

But in the end

It doesn't even matter

One thing,

I don't know why

It doesn’t even matter

How hard you try,

Keep that in mind

I designed this rhyme,

To remind myself how

I tried so hard

In spite of the way

You were mocking me

Acting like I was

Part of your property

Remembering all the

Times you fought with me

I'm surprised it got so (far)

Things aren't the way

They were before

You wouldn't even

Recognise me anymore

Not that you

Knew me back then

But it all comes

Back to me (in the end)

You kept everything inside

And even though I tried,

It all fell apart

What it meant to me will

Eventually be a

Memory of a time when I

I tried so hard

And got so far

But in the end

It doesn't even matter

I had to fall

To lose it all

But in the end

It doesn't even matter

I've put my trust in you

Pushed as far as I can go

For all this

There's only one thing you should know

I've put my trust in you

Pushed as far as I can go

For all this

There's only one thing you should know

I tried so hard

And got so far

But in the end

It doesn't even matter

I had to fall

To lose it all

But in the end

It doesn't even matter