Case 23 | blog.google

原網站:https://blog.google/

最上方的白色帶box-shadow的nav bar讓網頁有了層次

box-shadow的灰度,16%和23%

向上滑動頁面,上方的nav bar會hide起來,讓用戶可以更專注瀏覽content

0和1的圖片既呼應計算機科學中的“0”“1”,又於右邊標題的“$10 billion"相呼應

多用separate line來劃分區域,margin上下都是30px

Social media和一些terms的介紹條例放在頁面最下方,兩行排列,每行橫向排列elements。於文字內容align left的平齊的line來分隔兩欄,視覺上不會覺得太重同時又很好的起到了分隔內容區域的作用。

🍺思考:

・nav bar可以在下拉頁面看內容時hide的設計,很好的幫助用戶在瀏覽網頁內容時可以更專注

・多用灰色的line來分隔內容區域,在期待分區的作用同時又不會給用戶在視覺上造成負擔

・#FFFFFF的背景作為網頁背景色比較乾淨清爽