{"id":4179,"date":"2021-09-07T14:00:50","date_gmt":"2021-09-07T07:00:50","guid":{"rendered":"https:\/\/webvocuc.com\/blog\/?p=4179"},"modified":"2021-09-06T14:21:56","modified_gmt":"2021-09-06T07:21:56","slug":"khong-gian-trang-trong-thiet-ke-web","status":"publish","type":"post","link":"https:\/\/webvocuc.com\/blog\/khong-gian-trang-trong-thiet-ke-web.html","title":{"rendered":"Kh\u00f4ng gian tr\u1eafng trong thi\u1ebft k\u1ebf web: \u0110\u1ecbnh ngh\u0129a v\u00e0 th\u1ef1c t\u1ebf"},"content":{"rendered":"

Kh\u00f4ng gian tr\u1eafng trong thi\u1ebft k\u1ebf web<\/a> kh\u00f4ng ch\u1ec9 l\u00e0 kh\u00f4ng gian tr\u1ed1ng gi\u1eefa c\u00e1c y\u1ebfu t\u1ed1 tr\u00ean m\u1ed9t trang web. Tr\u00ean th\u1ef1c t\u1ebf, \u0111\u00f3 l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 m\u1ea1nh m\u1ebd c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng m\u1ed9t c\u00e1ch th\u00f4ng minh \u0111\u1ec3 cung c\u1ea5p cho ng\u01b0\u1eddi d\u00f9ng th\u1eddi gian ngh\u1ec9 ng\u01a1i, t\u1eadp trung s\u1ef1 ch\u00fa \u00fd c\u1ee7a h\u1ecd v\u00e0 l\u00e0m cho h\u00e0nh tr\u00ecnh c\u1ee7a h\u1ecd d\u1ec5 d\u00e0ng h\u01a1n.<\/p>\n

C\u00f3 nhi\u1ec1u c\u00e1ch ti\u1ebfp c\u1eadn kh\u00e1c nhau \u0111\u1ec3 thi\u1ebft k\u1ebf web – t\u1eeb ch\u1ee7 ngh\u0129a t\u1ed1i gi\u1ea3n, \u0111\u1ebfn\u00a0thi\u1ebft k\u1ebf ph\u1eb3ng \u0111\u1ebfn\u00a0thi\u1ebft k\u1ebf v\u1eadt li\u1ec7u\u00a0v\u00e0 vi\u1ec7c s\u1eed d\u1ee5ng s\u00e1ng t\u1ea1o\u00a0\u0111\u1ed9 t\u01b0\u01a1ng ph\u1ea3n. M\u1ed9t c\u00f4ng c\u1ee5 c\u1ef1c k\u1ef3 quan tr\u1ecdng kh\u00e1c trong thi\u1ebft k\u1ebf web l\u00e0\u00a0kh\u00f4ng gian tr\u1eafng.<\/strong><\/p>\n

\n
\n

Kh\u00f4ng gian tr\u1eafng trong thi\u1ebft k\u1ebf web l\u00e0 g\u00ec?<\/strong><\/h2>\n<\/div>\n<\/div>\n
\n
\n
\n

Kh\u00f4ng gian tr\u1eafng, ho\u1eb7c kh\u00f4ng gian \u00e2m, l\u00e0 m\u1ed9t thu\u1eadt ng\u1eef thi\u1ebft k\u1ebf m\u00e0 ch\u00fang t\u00f4i s\u1eed d\u1ee5ng \u0111\u1ec3 ch\u1ec9 s\u1ef1 tr\u1ed1ng r\u1ed7ng xung quanh ho\u1eb7c b\u00ean trong c\u00e1c y\u1ebfu t\u1ed1 trong thi\u1ebft k\u1ebf.<\/p>\n

\"Kh\u00f4ng<\/p>\n

\n
\n

C\u00e1c lo\u1ea1i kh\u00f4ng gian tr\u1eafng\u00a0<\/strong><\/h2>\n<\/div>\n<\/div>\n
\n
\n
\n

Th\u00f4ng th\u01b0\u1eddng, ch\u00fang t\u00f4i chia kho\u1ea3ng tr\u1eafng th\u00e0nh hai lo\u1ea1i kh\u00e1c nhau:<\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n

Micro so v\u1edbi Macro White Space<\/strong><\/h3>\n<\/div>\n<\/div>\n
\n
\n
\n

Kh\u00f4ng gian tr\u1eafng vi m\u00f4 v\u00e0 macro kh\u00f4ng ch\u1ec9 x\u00e1c \u0111\u1ecbnh kh\u00f4ng gian tr\u1eafng d\u1ef1a tr\u00ean k\u00edch th\u01b0\u1edbc.<\/p>\n

Kh\u00f4ng gian tr\u1eafng trong thi\u1ebft k\u1ebf web si\u00eau nh\u1ecf<\/strong>\u00a0\u0111\u1ec1 c\u1eadp \u0111\u1ebfn c\u00e1c kho\u1ea3ng tr\u1ed1ng v\u00e0 b\u1ed9 \u0111\u1ec7m nh\u1ecf h\u01a1n \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng xung quanh n\u1ed9i dung. V\u00ed d\u1ee5, kh\u00f4ng gian tr\u1eafng si\u00eau nh\u1ecf c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c t\u00ecm th\u1ea5y gi\u1eefa:<\/p>\n