{"id":8068,"date":"2018-12-17T14:58:58","date_gmt":"2018-12-17T07:58:58","guid":{"rendered":"https:\/\/vietbrands.vn\/?p=8068"},"modified":"2018-12-18T13:46:08","modified_gmt":"2018-12-18T06:46:08","slug":"thiet-ke-web-7-nguyen-tac-ghep-chu-chinh-duoc-tiet-lo-va-giai-thich","status":"publish","type":"post","link":"https:\/\/vietbrands.vn\/?p=8068","title":{"rendered":"Thi\u1ebft k\u1ebf Web: 7 nguy\u00ean t\u1eafc gh\u00e9p ch\u1eef ch\u00ednh \u0111\u01b0\u1ee3c ti\u1ebft l\u1ed9 v\u00e0 gi\u1ea3i th\u00edch !!!"},"content":{"rendered":"

\u0110\u1ec3 gi\u00fap b\u1ea1n \u0111\u1ea1t \u0111\u01b0\u1ee3c s\u1ef1 c\u00e2n b\u1eb1ng \u0111\u00fang \u0111\u1eafn, b\u00e0i \u0111\u0103ng n\u00e0y s\u1ebd chia nh\u1ecf c\u00e1c nguy\u00ean t\u1eafc ch\u00ednh c\u1ee7a gh\u00e9p \u0111\u00f4i font t\u1ed1t v\u00e0 ch\u1ec9 cho b\u1ea1n c\u00e1ch \u00e1p d\u1ee5ng ch\u00fang cho c\u00e1c d\u1ef1 \u00e1n<\/a> thi\u1ebft k\u1ebf<\/a> c\u1ee7a b\u1ea1n.<\/p>\n

Nguy\u00ean t\u1eafc s\u1ed1 1: \u0110\u1ed9 t\u01b0\u01a1ng ph\u1ea3n l\u00e0 ch\u00eca kh\u00f3a<\/span><\/h2>\n

T\u01b0\u01a1ng ph\u1ea3n l\u00e0 to\u00e0n b\u1ed9 l\u00fd do ch\u00fang ta t\u1ea1o c\u1eb7p c\u1eb7p ch\u1eef \u0111\u1ec3 b\u1eaft \u0111\u1ea7u. Ph\u00f4ng ch\u1eef t\u01b0\u01a1ng ph\u1ea3n cho ph\u00e9p ng\u01b0\u1eddi \u0111\u1ecdc d\u1ec5 d\u00e0ng ph\u00e2n bi\u1ec7t gi\u1eefa c\u00e1c ph\u1ea7n kh\u00e1c nhau c\u1ee7a v\u0103n b\u1ea3n nh\u01b0 ti\u00eau \u0111\u1ec1 v\u00e0 b\u1ea3n sao. Ngo\u00e0i ra, \u0111\u1ed9 t\u01b0\u01a1ng ph\u1ea3n l\u00e0m cho v\u0103n b\u1ea3n tr\u1edf n\u00ean th\u00fa v\u1ecb h\u01a1n, gi\u00fap gi\u1eef s\u1ef1 ch\u00fa \u00fd c\u1ee7a ng\u01b0\u1eddi \u0111\u1ecdc.<\/p>\n

Tuy nhi\u00ean, “contrast” ngh\u0129a l\u00e0 g\u00ec? Khi ch\u00fang ta n\u00f3i r\u1eb1ng s\u1ef1 t\u01b0\u01a1ng ph\u1ea3n ph\u00f4ng ch\u1eef ch\u00fang ta \u0111\u01a1n gi\u1ea3n c\u00f3 ngh\u0129a l\u00e0 ch\u00fang c\u00f3 v\u1ebb ngo\u00e0i kh\u00e1c nhau. \u0110\u1ec3 minh h\u1ecda, h\u00e3y xem h\u00ecnh \u1ea3nh sau:<\/span><\/p>\n

\"Thi\u1ebft<\/a><\/p>\n

\u0110\u1ec3 \u0111\u1ea3m b\u1ea3o gh\u00e9p n\u1ed1i c\u1ee7a b\u1ea1n c\u00f3 \u0111\u1ee7 \u0111\u1ed9 t\u01b0\u01a1ng ph\u1ea3n, h\u00e3y ch\u1ecdn c\u00e1c ph\u00f4ng ch\u1eef kh\u00e1c nhau.<\/span><\/p>\n

Nguy\u00ean t\u1eafc #2: Gi\u1eef ph\u1ea9m ch\u1ea5t ch\u00ednh t\u01b0\u01a1ng t\u1ef1 gi\u1eefa c\u00e1c ph\u00f4ng ch\u1eef<\/h2>\n

M\u1eb7c d\u00f9 \u0111\u1ed9 t\u01b0\u01a1ng ph\u1ea3n r\u1ea5t quan tr\u1ecdng \u0111\u1ed1i v\u1edbi vi\u1ec7c gh\u00e9p c\u1eb7p th\u00e0nh c\u00f4ng, nh\u01b0ng \u0111\u1ed9 t\u01b0\u01a1ng ph\u1ea3n qu\u00e1 nhi\u1ec1u c\u00f3 th\u1ec3 l\u00e0m ph\u00e2n t\u00e2m v\u00e0 th\u1eadm ch\u00ed khi\u1ebfn ng\u01b0\u1eddi \u0111\u1ecdc kh\u00f3 ch\u1ecbu, khi\u1ebfn h\u1ecd nh\u1ea5p chu\u1ed9t.<\/span><\/p>\n

\n

\u0110\u1ec3 ch\u1eafc ch\u1eafn r\u1eb1ng ph\u00f4ng ch\u1eef c\u1ee7a b\u1ea1n kh\u00f4ng t\u01b0\u01a1ng ph\u1ea3n qu\u00e1 m\u1ea1nh, b\u1ea1n n\u00ean nh\u1eb1m m\u1ee5c \u0111\u00edch gi\u1eef c\u00e1c \u0111\u1eb7c \u0111i\u1ec3m ph\u00f4ng ch\u1eef sau \u0111\u00e2y t\u01b0\u01a1ng t\u1ef1:<\/span><\/p>\n

Chi\u1ec1u cao X<\/span><\/p>\n

Chi\u1ec1u cao X l\u00e0 chi\u1ec1u cao c\u1ee7a k\u00fd t\u1ef1 ‘x’ trong ph\u00f4ng ch\u1eef b\u1ea1n ch\u1ecdn. Th\u00f4ng th\u01b0\u1eddng (m\u1eb7c d\u00f9 kh\u00f4ng ph\u1ea3i lu\u00f4n lu\u00f4n), hai ph\u00f4ng c\u00f3 chi\u1ec1u cao x t\u01b0\u01a1ng t\u1ef1 s\u1ebd h\u1ee3p nhau t\u1ed1t. V\u00ed d\u1ee5, h\u00e3y xem h\u00ecnh \u1ea3nh d\u01b0\u1edbi \u0111\u00e2y. H\u00ecnh \u1ea3nh n\u00e0y so s\u00e1nh \u0111\u1ed9 cao x c\u1ee7a Montserrat v\u00e0 Cardo. S\u1ef1 gi\u1ed1ng nhau \u1edf x-height l\u00e0 s\u1ef1 b\u1eaft \u0111\u1ea7u c\u1ee7a m\u1ed9t c\u1eb7p font th\u00e0nh c\u00f4ng.<\/p>\n

\"Thi\u1ebft<\/a><\/p>\n

Nguy\u00ean t\u1eafc # 3: S\u1eed d\u1ee5ng Sans Serif cho lo\u1ea1i ti\u00eau \u0111\u1ec1 v\u00e0 Serif cho lo\u1ea1i c\u01a1 th\u1ec3<\/span><\/h2>\n

N\u1ebfu b\u1ea1n mu\u1ed1n c\u00f3 m\u1ed9t c\u00f4ng th\u1ee9c ch\u1eafc ch\u1eafn \u0111\u1ec3 gh\u00e9p c\u1eb7p th\u00e0nh c\u00f4ng, b\u1ea1n kh\u00f4ng th\u1ec3 sai l\u1ec7ch v\u1edbi ph\u00f4ng ch\u1eef sans serif heading v\u00e0 ph\u00f4ng ch\u1eef serif. C\u00e1c ph\u00f4ng ch\u1eef Sans serif c\u00f3 ch\u1ea5t l\u01b0\u1ee3ng \u0111\u01a1n gi\u1ea3n gi\u00fap cho ti\u00eau \u0111\u1ec1 c\u1ee7a b\u1ea1n n\u1ed5i b\u1eadt, v\u00e0 c\u00e1c ph\u00f4ng ch\u1eef serif th\u01b0\u1eddng d\u1ec5 \u0111\u1ecdc h\u01a1n, l\u00e0m cho ch\u00fang ho\u00e0n h\u1ea3o cho b\u1ea3n sao tr\u00ean c\u01a1 th\u1ec3.<\/span><\/p>\n

Theo nguy\u00ean t\u1eafc n\u00e0y cho ph\u00e9p b\u1ea1n gh\u00e9p th\u00e0nh c\u00f4ng c\u00e1c ph\u00f4ng ch\u1eef r\u1ea5t gi\u1ed1ng nhau. Vi\u1ec7c gh\u00e9p n\u1ed1i Droid Sans v\u00e0 Droid Serif cho th\u1ea5y nguy\u00ean t\u1eafc ho\u1ea1t \u0111\u1ed9ng:<\/span><\/p>\n

\"Thi\u1ebft<\/a><\/p>\n

Nguy\u00ean t\u1eafc s\u1ed1 #4: Ki\u1ec3m tra c\u00e1c ph\u00f4ng ch\u1eef trong c\u00e1c bi\u1ebfn th\u1ec3 kh\u00e1c nhau<\/h2>\n
\n

Khi b\u1ea1n t\u1ea1o m\u1ed9t c\u1eb7p ch\u1eef, b\u1ea1n kh\u00f4ng th\u1ec3 c\u0103n c\u1ee9 v\u00e0o hai ph\u00f4ng ch\u1eef t\u00ecm ki\u1ebfm \u1edf d\u1ea1ng ‘m\u1eb7c \u0111\u1ecbnh’ c\u1ee7a ch\u00fang. N\u1ebfu b\u1ea1n ch\u1ecdn ki\u1ec3u ch\u1eef cho m\u1ed9t blog ho\u1eb7c trang web, b\u1ea1n n\u00ean k\u1ef3 v\u1ecdng r\u1eb1ng c\u00e1c t\u00e1c gi\u1ea3 s\u1ebd s\u1eed d\u1ee5ng v\u0103n b\u1ea3n in \u0111\u1eadm, nghi\u00eang, v\u00e0 th\u1eadm ch\u00ed c\u00f3 th\u1ec3 in \u0111\u1eadm trong c\u00e1c b\u00e0i b\u00e1o c\u1ee7a m\u00ecnh. Ngo\u00e0i ra, b\u1ea1n n\u00ean mong \u0111\u1ee3i r\u1eb1ng c\u00e1c t\u00e1c gi\u1ea3 s\u1ebd t\u1ea1o c\u00e1c kh\u1ed1i v\u0103n b\u1ea3n c\u00f3 \u0111\u1ed9 d\u00e0i kh\u00e1c nhau.<\/span><\/p>\n

Nh\u01b0 v\u1eady, \u0111i\u1ec1u quan tr\u1ecdng l\u00e0 ph\u1ea3i ki\u1ec3m tra hai ph\u00f4ng ch\u1eef c\u1ee7a b\u1ea1n v\u1edbi nh\u1eefng bi\u1ebfn th\u1ec3 n\u00e0y. Kh\u00f4ng l\u00e0m nh\u01b0 v\u1eady c\u00f3 th\u1ec3 d\u1eabn \u0111\u1ebfn m\u1ed9t s\u1ed1 k\u1ebft qu\u1ea3 kh\u00f4ng h\u1ea5p d\u1eabn. Ch\u1eb3ng h\u1ea1n, \u0111\u00e2y l\u00e0 m\u1ed9t s\u1ef1 k\u1ebft h\u1ee3p ho\u00e0n h\u1ea3o c\u1ee7a Raleway Bold (nh\u00f3m) v\u00e0 Libre Baskerville (c\u01a1 th\u1ec3):<\/p>\n

\"Thi\u1ebft<\/a><\/p>\n

Nguy\u00ean t\u1eafc s\u1ed1 #5: H\u1ecdc c\u1eb7p \u0111\u00f4i th\u00e0nh c\u00f4ng<\/span><\/h2>\n

“Nghi\u00ean c\u1ee9u c\u00e1c b\u1eadc th\u1ea7y” l\u00e0 l\u1eddi khuy\u00ean ph\u1ed5 bi\u1ebfn trong t\u1ea5t c\u1ea3 c\u00e1c nguy\u00ean t\u1eafc s\u00e1ng t\u1ea1o, v\u00e0 n\u00f3 kh\u00f4ng c\u00f3 g\u00ec kh\u00e1c bi\u1ec7t khi k\u1ebft h\u1ee3p c\u1eb7p. M\u1ed9t trong nh\u1eefng c\u00e1ch t\u1ed1t nh\u1ea5t \u0111\u1ec3 b\u1eaft \u0111\u1ea7u t\u1ea1o c\u00e1c c\u1eb7p ch\u1eef c\u1ee7a ri\u00eang b\u1ea1n l\u00e0 nghi\u00ean c\u1ee9u nh\u1eefng g\u00ec \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n b\u1edfi c\u00e1c nh\u00e0 thi\u1ebft k\u1ebf kh\u00e1c v\u00e0 t\u00ecm ra \u0111i\u1ec1u g\u00ec l\u00e0m cho ch\u00fang ho\u1ea1t \u0111\u1ed9ng.<\/span><\/p>\n

Nguy\u00ean t\u1eafc s\u1ed1 #6: T\u00ecm ki\u1ebfm th\u00f4ng tin ph\u1ea3n h\u1ed3i<\/h2>\n

Khi b\u1ea1n l\u00e0m vi\u1ec7c trong m\u1ed9t d\u1ef1 \u00e1n qu\u00e1 l\u00e2u, b\u1ea1n c\u00f3 th\u1ec3 tr\u1edf n\u00ean m\u00f9 qu\u00e1ng v\u1edbi nh\u1eefng \u0111i\u1ec3m kh\u00f4ng ho\u00e0n h\u1ea3o c\u1ee7a n\u00f3. B\u1ea1n d\u00e0nh qu\u00e1 nhi\u1ec1u th\u1eddi gian \u0111\u1ec3 nh\u00ecn ch\u1eb1m ch\u1eb1m v\u00e0o m\u1ed9t c\u1eb7p gh\u00e9p font m\u00e0 b\u1ea1n kh\u00f4ng th\u1ec3 t\u00ecm th\u1ea5y b\u1ea5t k\u1ef3 l\u1ed7i n\u00e0o v\u1edbi n\u00f3, ngay c\u1ea3 khi n\u00f3 c\u00f3 m\u1ed9t v\u1ea5n \u0111\u1ec1 r\u00f5 r\u1ec7t. \u0110\u1ec3 tr\u00e1nh kh\u1ecfi nh\u1eefng v\u1ea5n \u0111\u1ec1 n\u00e0y, b\u1ea1n n\u00ean t\u00ecm ki\u1ebfm ph\u1ea3n h\u1ed3i v\u1ec1 c\u00e1c c\u1eb7p ch\u1eef c\u1ee7a b\u1ea1n. Ai b\u1ea1n h\u1ecfi s\u1ebd t\u00f9y thu\u1ed9c v\u00e0o b\u1ea3n ch\u1ea5t c\u1ee7a d\u1ef1 \u00e1n c\u1ee7a b\u1ea1n, nh\u01b0ng b\u1ea1n n\u00ean h\u1ecfi c\u00e0ng nhi\u1ec1u ng\u01b0\u1eddi kh\u00e1c nhau c\u00e0ng t\u1ed1t. \u0110\u1ed3ng nghi\u1ec7p, ng\u01b0\u1eddi c\u1ed1 v\u1ea5n, \u0111\u1ed9c gi\u1ea3 v\u00e0 kh\u00e1ch h\u00e0ng (c\u1ea3 hi\u1ec7n t\u1ea1i l\u1eabn ti\u1ec1m n\u0103ng) \u0111\u1ec1u l\u00e0 nh\u1eefng tr\u00f2 ch\u01a1i c\u00f4ng b\u1eb1ng. H\u00e3y c\u1ed1 g\u1eafng t\u00ecm ki\u1ebfm c\u00e1c ch\u1ee7 \u0111\u1ec1 ph\u1ed5 bi\u1ebfn trong nh\u1eefng g\u00ec nh\u1eefng ng\u01b0\u1eddi n\u00e0y \u0111ang n\u00f3i. N\u1ebfu h\u1ecd \u0111ang t\u00ecm ra c\u00f9ng m\u1ed9t v\u1ea5n \u0111\u1ec1, th\u00ec \u0111i\u1ec1u g\u00ec \u0111\u00f3 c\u1ea7n ph\u1ea3i thay \u0111\u1ed5i.<\/span><\/p>\n

Nguy\u00ean t\u1eafc s\u1ed1 #7: Tin t\u01b0\u1edfng ch\u00ednh b\u1ea1n<\/span><\/h2>\n

Cu\u1ed1i c\u00f9ng, gh\u00e9p c\u1eb7p l\u00e0 m\u1ed9t ngh\u1ec7 thu\u1eadt, kh\u00f4ng ph\u1ea3i l\u00e0 m\u1ed9t khoa h\u1ecdc. Nh\u01b0 v\u1eady, c\u00f3 nh\u1eefng t\u00ecnh hu\u1ed1ng m\u00e0 b\u1ea1n ch\u1ec9 c\u1ea7n tin t\u01b0\u1edfng tr\u1ef1c gi\u00e1c c\u1ee7a b\u1ea1n.<\/p>\n

\u0110\u1eebng b\u1ecf qua c\u1ea3m gi\u00e1c n\u00e0y – h\u00e3y \u0111\u1ec3 n\u00f3 h\u01b0\u1edbng d\u1eabn b\u1ea1n. \u0110\u00f4i khi b\u1ea1n ch\u1ec9 c\u1ea7n tinh ch\u1ec9nh m\u1ed9t c\u1eb7p font cho \u0111\u1ebfn khi n\u00f3 c\u1ea3m th\u1ea5y \u0111\u00fang, do \u0111\u00f3, kh\u00f4ng s\u1ee3 th\u1eed nghi\u1ec7m.<\/span><\/p>\n

K\u1ebft lu\u1eadn<\/span><\/h2>\n

Nh\u01b0 trong t\u1ea5t c\u1ea3 c\u00e1c v\u1ea5n \u0111\u1ec1 c\u1ee7a thi\u1ebft k\u1ebf t\u1ed1t, c\u1eb7p font l\u00e0 m\u1ed9t ch\u1ee7 \u0111\u1ec1 kh\u00f3 kh\u0103n. N\u00f3 \u0111\u00f2i h\u1ecfi b\u1ea1n c\u00e2n b\u1eb1ng t\u01b0\u01a1ng ph\u1ea3n v\u1edbi s\u1ef1 gi\u1ed1ng nhau, v\u00e0 s\u1ef1 quan t\u00e2m v\u1edbi kh\u1ea3 n\u0103ng \u0111\u1ecdc. Cu\u1ed1i c\u00f9ng, m\u1eb7c d\u00f9, m\u1ee5c ti\u00eau c\u1ee7a b\u1ea1n l\u00e0 cung c\u1ea5p cho ng\u01b0\u1eddi \u0111\u1ecdc c\u1ee7a b\u1ea1n tr\u1ea3i nghi\u1ec7m t\u1ed1t nh\u1ea5t c\u00f3 th\u1ec3.<\/span><\/p>\n

N\u1ebfu b\u1ea1n \u00e1p d\u1ee5ng c\u00e1c nguy\u00ean t\u1eafc trong b\u00e0i vi\u1ebft n\u00e0y (c\u00f9ng v\u1edbi c\u00e1c nguy\u00ean t\u1eafc c\u01a1 b\u1ea3n kh\u00e1c c\u1ee7a thi\u1ebft k\u1ebf), b\u1ea1n c\u00f3 th\u1ec3 y\u00ean t\u00e2m r\u1eb1ng b\u1ea1n s\u1ebd t\u1ea1o ra m\u1ed9t c\u1eb7p k\u1ebft h\u1ee3p l\u00e0m h\u00e0i l\u00f2ng \u0111\u1ed9c gi\u1ea3 c\u1ee7a m\u00ecnh v\u00e0 t\u0103ng kh\u1ea3 n\u0103ng \u0111\u1ecdc c\u1ee7a b\u00e0i vi\u1ebft c\u1ee7a b\u1ea1n.<\/span><\/p>\n

\n<\/div>\n<\/div>\n

\n","protected":false},"excerpt":{"rendered":"

\u0110\u1ec3 gi\u00fap b\u1ea1n \u0111\u1ea1t \u0111\u01b0\u1ee3c s\u1ef1 c\u00e2n b\u1eb1ng \u0111\u00fang \u0111\u1eafn, b\u00e0i \u0111\u0103ng n\u00e0y s\u1ebd chia nh\u1ecf c\u00e1c nguy\u00ean t\u1eafc ch\u00ednh c\u1ee7a gh\u00e9p \u0111\u00f4i font t\u1ed1t v\u00e0 ch\u1ec9 cho b\u1ea1n c\u00e1ch \u00e1p d\u1ee5ng ch\u00fang cho c\u00e1c d\u1ef1 \u00e1n thi\u1ebft k\u1ebf c\u1ee7a b\u1ea1n. Nguy\u00ean t\u1eafc s\u1ed1 1: \u0110\u1ed9 t\u01b0\u01a1ng ph\u1ea3n l\u00e0 ch\u00eca kh\u00f3a T\u01b0\u01a1ng ph\u1ea3n l\u00e0 to\u00e0n…<\/p>\n","protected":false},"author":5,"featured_media":9346,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[657,739,601],"class_list":["post-8068","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-bao-gia-thiet-ke-web","tag-thiet-ke-web","tag-thiet-ke-website"],"_links":{"self":[{"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/posts\/8068","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8068"}],"version-history":[{"count":0,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/posts\/8068\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/media\/9346"}],"wp:attachment":[{"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8068"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8068"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}