{"id":8932,"date":"2018-11-16T10:17:50","date_gmt":"2018-11-16T03:17:50","guid":{"rendered":"https:\/\/vietbrands.vn\/?p=8932"},"modified":"2018-11-16T10:20:23","modified_gmt":"2018-11-16T03:20:23","slug":"nguyen-tac-thiet-ke-banner","status":"publish","type":"post","link":"https:\/\/vietbrands.vn\/?p=8932","title":{"rendered":"Nguy\u00ean T\u1eafc Thi\u1ebft K\u1ebf Banner"},"content":{"rendered":"

Thi\u1ebft k\u1ebf banner \u0111\u00f2i h\u1ecfi ph\u1ea3i tu\u00e2n th\u1ee7 nh\u1eefng nguy\u00ean t\u1eafc nh\u1ea5t \u0111\u1ecbnh. \u0110\u1ec3 c\u00f3 m\u1ed9t banner \u0111\u1eb9p ph\u1ea3i tu\u00e2n th\u1ee7 nh\u1eefng nguy\u00ean t\u1eafc thi\u1ebft k\u1ebf.<\/p>\n

S\u1eed d\u1ee5ng m\u00e0u s\u1eafc<\/h2>\n

V\u1ec1 c\u00e1ch ph\u1ed1i m\u00e0u trong m\u1ed9t b\u1ea3n thi\u1ebft k\u1ebf: T\u00f9y theo t\u00ednh ch\u1ea5t ho\u1ea1t \u0111\u1ed9ng, y\u00eau c\u1ea7u kh\u00e1ch h\u00e0ng m\u00e0 ch\u1ecdn m\u00e0u s\u1eafc ph\u00f9 h\u1ee3p. Kh\u00f4ng n\u00ean s\u1eed d\u1ee5ng qu\u00e1 nhi\u1ec1u m\u00e0u s\u1eafc trong 1 \u1ea5n ph\u1ea9m thi\u1ebft k\u1ebf truy\u1ec1n th\u00f4ng (tr\u1eeb c\u00e1c s\u1ef1 ki\u1ec7n v\u1ec1 h\u1ed9i h\u1ecda, ngh\u1ec7 thu\u1eadt,\u2026).<\/p>\n

Khi thi\u1ebft k\u1ebf, n\u00ean tham kh\u1ea3o b\u1ea3ng ph\u1ed1i m\u00e0u sau \u0111\u1ec3 bi\u1ebft c\u00e1c m\u00e0u s\u1eafc h\u1ee3p nhau \u0111\u1ec3 s\u1eed d\u1ee5ng chung h\u1ee3p l\u00fd nh\u1eb1m \u0111\u1ea3m b\u1ea3o t\u00ednh ch\u1ea5t chung c\u1ee7a b\u1ea3n thi\u1ebft k\u1ebf.<\/p>\n

Trong \u0111\u00f3, c\u00e1c m\u00e0u \u0111\u1ed1i di\u1ec7n nhau s\u1ebd ph\u00f9 h\u1ee3p khi ph\u1ed1i h\u1ee3p v\u1edbi nhau trong c\u00f9ng m\u1ed9t thi\u1ebft k\u1ebf. N\u00ean tr\u00e1nh vi\u1ec7c k\u1ebft h\u1ee3p c\u00e1c m\u00e0u s\u1eafc kh\u00f4ng ph\u00f9 h\u1ee3p v\u1edbi nhau hay m\u00e0u s\u1eafc qu\u00e1 nh\u1ee3t nh\u1ea1t, qu\u00e1 n\u1ed5i. M\u1ed9t s\u1ed1 c\u00e1ch d\u00f9ng m\u00e0u s\u1eafc l\u1ed7i th\u01b0\u1eddng g\u1eb7p nh\u01b0: Xanh d\u01b0\u01a1ng\/Xanh l\u00e1 k\u1ebft h\u01a1p v\u1edbi \u0111\u1ecf; Tr\u1eafng k\u1ebft h\u1ee3p v\u1edbi V\u00e0ng\/ Xanh d\u1ea1 quang; T\u00edm k\u1ebft h\u1ee3p v\u1edbi xanh d\u01b0\u01a1ng,\u2026<\/p>\n

\u0110\u00f4i khi mu\u1ed1n t\u1ea1o s\u1ef1 kh\u00e1c bi\u1ec7t hay \u0111\u1ed9c \u0111\u00e1o, c\u00e1c b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng nh\u1eefng m\u00e0u s\u1eafc \u0111\u1eb7c bi\u1ec7t nh\u01b0ng v\u1eabn l\u01b0u \u00fd c\u1ea7n gi\u1eef \u0111\u01b0\u1ee3c b\u1ed1 c\u1ee5c, n\u1ed9i dung ch\u00ednh c\u1ea7n truy\u1ec1n t\u1ea3i c\u1ee7a \u1ea5n ph\u1ea9m.<\/p>\n

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

Ch\u1ecdn font ch\u1eef<\/h2>\n

Vi\u1ec7c s\u1eed d\u1ee5ng font ch\u1eef c\u0169ng l\u00e0 m\u1ed9t trong nh\u1eefng \u0111i\u1ec3m c\u1ea7n l\u01b0u \u00fd khi thi\u1ebft k\u1ebf<\/a>. \u0110\u00f4i khi, nh\u1eefng t\u00e1c ph\u1ea9m mang phong c\u00e1ch Typography ch\u1ec9 c\u1ea7n b\u1ea1n kh\u00e9o l\u00e9o k\u1ebft h\u1ee3p, s\u1eed d\u1ee5ng h\u00e0i h\u00f2a c\u00e1c font ch\u1eef c\u0169ng \u0111\u00e3 c\u00f3 th\u1ec3 t\u1ea1o n\u00ean 1 t\u00e1c ph\u1ea9m \u0111\u1eb9p.<\/p>\n

Font c\u00f3 2 lo\u1ea1i : serif (ch\u1eef c\u00f3 ch\u00e2n), v\u00e0 sans serif (ch\u1eef kh\u00f4ng ch\u00e2n), trong \u0111\u00f3 font ch\u1eef kh\u00f4ng ch\u00e2n th\u00ec m\u00ecnh khuy\u00ean d\u00f9ng h\u01a1n trong c\u00e1c \u1ea5n ph\u1ea9m thi\u1ebft k\u1ebf. Trong thi\u1ebft k\u1ebf \u1ea5n ph\u1ea9m phong c\u00e1ch hi\u1ec7n \u0111\u1ea1i, c\u00f3 m\u1ed9t s\u1ed1 v\u1ea5n \u0111\u1ec1 sau c\u00e1c b\u1ea1n c\u00f3 th\u1ec3 r\u00fat kinh nghi\u1ec7m:<\/p>\n

Tr\u00e1nh d\u00f9ng qu\u00e1 nhi\u1ec1u font ch\u1eef (>= 5 font ch\u1eef) tr\u00ean c\u00f9ng 1 \u1ea5n ph\u1ea9m thi\u1ebft k\u1ebf, d\u1ec5 g\u00e2y r\u1ed1i cho ng\u01b0\u1eddi xem.
\nH\u1ea1n ch\u1ebf d\u00f9ng c\u00e1c font ch\u1eef c\u00f3 ch\u00e2n mang phong c\u00e1ch v\u0103n b\u1ea3n truy\u1ec1n th\u1ed1ng nh\u01b0 Time New Roman v\u00e0o thi\u1ebft k\u1ebf, khuy\u1ebfn kh\u00edch d\u00f9ng c\u00e1c font ch\u1eef kh\u00f4ng ch\u00e2n trong thi\u1ebft k\u1ebf.<\/p>\n

Kh\u00f4ng n\u00ean d\u00f9ng c\u00e1c font ch\u1eef qu\u00e1 c\u1ea7u k\u1ef3, ki\u1ec3u c\u1ecd g\u00e2y r\u1ed1i m\u1eaft trong thi\u1ebft k\u1ebf.
\nS\u1eed d\u1ee5ng k\u00edch c\u1ee1 ch\u1eef r\u00f5 r\u00e0ng, d\u1ec5 \u0111\u1ecdc. C\u1ea7n l\u01b0u \u00fd \u0111\u1ebfn m\u1ee5c \u0111\u00edch s\u1eed d\u1ee5ng \u1ea5n ph\u1ea9m \u0111\u1ec3 ch\u1ecdn k\u00edch c\u1ee1 ch\u1eef, font ch\u1eef ph\u00f9 h\u1ee3p.
\nKho\u1ea3ng c\u00e1ch d\u00f2ng gi\u1eefa c\u00e1c ch\u1eef trong \u0111o\u1ea1n v\u0103n b\u1ea3n kh\u00f4ng qu\u00e1 kh\u00edt v\u1edbi nhau, d\u1ec5 nh\u00ecn.
\nC\u00e1c ti\u00eau \u0111\u1ec1, \u0111\u1ec1 m\u1ee5c c\u1ea7n d\u00f9ng nh\u1eefng font ch\u1eef d\u1ec5 nh\u00ecn, d\u1ec5 g\u00e2y \u1ea5n t\u01b0\u1ee3ng.<\/p>\n

H\u1ea1n ch\u1ebf t\u1ed1i \u0111a vi\u1ec7c d\u00f9ng font b\u1ecb l\u1ed7i d\u1ea5u khi g\u00f5 Ti\u1ebfng Vi\u1ec7t. C\u1ea7n l\u01b0u \u00fd vi\u1ec7c s\u1eed d\u1ee5ng font v\u00e0 b\u1ea3ng m\u00e3 ph\u00f9 h\u1ee3p, n\u00ean s\u1eed d\u1ee5ng c\u00e1c font Unicode c\u00f3 d\u1ea5u trong thi\u1ebft k\u1ebf.
\nC\u00e1c trang c\u00f3 th\u1ec3 tham kh\u1ea3o v\u1ec1 font ch\u1eef l\u1edbn nh\u01b0 font.vn, dafont.com,\u2026<\/p>\n

B\u1ed1 c\u1ee5c Banner<\/h2>\n

T\u00f9y theo y\u00eau c\u1ea7u, \u0111\u1eb7c \u0111i\u1ec3m c\u1ee7a lo\u1ea1i \u1ea5n ph\u1ea9m thi\u1ebft k\u1ebf<\/a> m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 l\u1ef1a ch\u1ecdn ki\u1ec3u b\u1ed1 c\u1ee5c v\u00e0 s\u1eafp x\u1ebfp c\u00e1c th\u00e0nh ph\u1ea7n ph\u00f9 h\u1ee3p.
\nV\u1edbi b\u1ed1 c\u1ee5c phong c\u00e1ch truy\u1ec1n th\u1ed1ng (th\u01b0\u1eddng h\u1ee3p v\u1edbi c\u00e1c \u1ea5n ph\u1ea9m tuy\u00ean truy\u1ec1n c\u1ee7a c\u00e1c t\u1ed5 ch\u1ee9c \u0111o\u00e0n th\u1ec3, nghi\u00eam t\u00fac hay trang tr\u1ecdng,\u2026) : \u1ea4n ph\u1ea9m th\u01b0\u1eddng chia th\u00e0nh 3 ph\u1ea7n ch\u00ednh<\/p>\n

Ph\u1ea7n tr\u00ean: \u0110\u1eb7t logo v\u00e0 ti\u00eau \u0111\u1ec1 (t\u00ean \u0111\u01a1n v\u1ecb t\u1ed5 ch\u1ee9c, n\u1ed9i dung ch\u00e0o m\u1eebng ph\u1ee5, t\u00ean lo\u1ea1i h\u00ecnh d\u1ecbch v\u1ee5,\u2026)
\nPh\u1ea7n gi\u1eefa: T\u00ean ch\u01b0\u01a1ng tr\u00ecnh, ho\u1ea1t \u0111\u1ed9ng ch\u00ednh m\u00e0 \u1ea5n ph\u1ea9m \u0111\u1ec1 c\u1eadp \u0111\u1ebfn v\u00e0 c\u00e1c n\u1ed9i dung ch\u00ednh
\nPh\u1ea7n d\u01b0\u1edbi: Th\u00f4ng tin li\u00ean h\u1ec7, th\u00f4ng tin b\u1ed5 sung, nh\u00e0 t\u00e0i tr\u1ee3,\u2026
\nV\u1edbi b\u1ed1 c\u1ee5c phong c\u00e1ch hi\u1ec7n \u0111\u1ea1i th\u01b0\u1eddng h\u01b0\u1edbng \u0111\u1ebfn vi\u1ec7c t\u1ef1 do, ph\u00e1 c\u00e1ch v\u1ecb tr\u00ed \u0111\u1eb7t c\u00e1c n\u1ed9i dung ch\u00ednh tr\u00ean v\u00e0 th\u01b0\u1eddng \u0111\u01b0\u1ee3c d\u00f9ng trong c\u00e1c s\u1ef1 ki\u1ec7n l\u1edbn, tr\u1ebb trung hi\u1ec7n \u0111\u1ea1i (s\u1ef1 ki\u1ec7n \u00e2m nh\u1ea1c, cu\u1ed9c thi,\u2026).<\/p>\n

Tuy nhi\u00ean c\u0169ng c\u00f3 m\u1ed9t s\u1ed1 \u0111i\u1ec3m c\u1ea7n l\u01b0u \u00fd nh\u01b0:<\/h3>\n

C\u00e1ch s\u1eafp x\u1ebfp logo: \u0110\u01a1n v\u1ecb\/T\u1ed5 ch\u1ee9c n\u00e0o l\u1edbn h\u01a1n th\u00ec logo s\u1ebd n\u1eb1m b\u00ean tr\u00e1i, nh\u1ecf h\u01a1n s\u1ebd n\u1eb1m b\u00ean ph\u1ea3i. N\u1ebfu c\u00f3 s\u1ed1 logo ch\u1eb5n, c\u00f3 th\u1ec3 chia \u0111\u00f4i th\u00e0nh 2 \u1edf 2 b\u00ean ti\u00eau \u0111\u1ec1, ngo\u00e0i ra c\u00f3 th\u1ec3 ph\u00e1 c\u00e1ch b\u1eb1ng vi\u1ec7c cho 1 logo l\u1edbn m\u1edd \u0111i trong \u1ea5n ph\u1ea9m.<\/p>\n

N\u00ean d\u00f9ng ch\u1eef in hoa to\u00e0n b\u1ed9 d\u1ea1ng font kh\u00f4ng ch\u00e2n cho ti\u00eau \u0111\u1ec1 v\u1ec1 T\u00ean \u0111\u01a1n v\u1ecb t\u1ed5 ch\u1ee9c, ch\u1ee7 qu\u1ea3n c\u1ee7a \u1ea5n ph\u1ea9m v\u00e0 th\u01b0\u1eddng \u0111\u1eb7t n\u1ed9i dung n\u00e0y \u1edf c\u1ea1nh logo.T\u00ean ch\u01b0\u01a1ng tr\u00ecnh\/t\u00ean n\u1ed9i dung ch\u00ednh \u1ea5n ph\u1ea9m c\u1ea7n to, r\u00f5 r\u00e0ng v\u00e0 \u0111\u1eb7t t\u1ea1i v\u1ecb tr\u00ed d\u1ec5 g\u00e2y \u1ea5n t\u01b0\u1ee3ng ngay v\u1edbi ng\u01b0\u1eddi xem.
\nN\u1ebfu n\u1ed9i dung c\u1ee7a m\u1ed9t ph\u1ea7n kh\u00f3 th\u1ea5y do b\u1ecb n\u1ec1n t\u00e1c \u0111\u1ed9ng, b\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng c\u00e1c hi\u1ec7u \u1ee9ng Vi\u1ec1n ch\u1eef hay l\u00e0m khung m\u1edd sau \u0111\u1ed1i t\u01b0\u1ee3ng \u0111\u1ec3 l\u00e0m n\u1ed5i b\u1eadt n\u00f3 h\u01a1n.<\/p>\n

C\u00f3 th\u1ec3 d\u00f9ng c\u00e1c bi\u1ec3u t\u01b0\u1ee3ng \u0111\u1ec3 thay cho c\u00e1c ch\u1eef qu\u00e1 d\u00e0i d\u00f2ng v\u00ed d\u1ee5 nh\u01b0 \u0110i\u1ec7n tho\u1ea1i, Trang web,\u2026<\/p>\n

N\u1ec1n v\u00e0 c\u00e1c chi ti\u1ebft<\/h2>\n

V\u1edbi t\u1eebng \u0111\u1eb7c \u0111i\u1ec3m c\u1ee7a \u1ea5n ph\u1ea9m, ta c\u00f3 th\u1ec3 ch\u1ecdn c\u00e1c d\u1ea1ng n\u1ec1n kh\u00e1c nhau cho ph\u00f9 h\u1ee3p. C\u00f3 th\u1ec3 linh \u0111\u1ed9ng s\u1eed d\u1ee5ng c\u00e1c d\u1ea1ng n\u1ec1n nh\u01b0:
\nN\u1ec1n h\u00ecnh \u1ea3nh: Th\u00f4ng th\u01b0\u1eddng s\u1eed d\u1ee5ng h\u00ecnh \u1ea3nh khung c\u1ea3nh hay m\u1ed9t h\u00ecnh \u1ea3nh \u1ea5n t\u01b0\u1ee3ng v\u1ec1 s\u1ef1 ki\u1ec7n, sau \u0111\u00f3 l\u00e0m m\u1edd \u0111\u1ec3 t\u1ea1o n\u1ec1n ho\u1eb7c c\u0169ng c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng h\u00ecnh \u1ea3nh g\u1ed1c v\u1edbi nhi\u1ec1u \u0111i\u1ec3m tr\u1ed1ng tr\u00ean \u1ea3nh \u0111\u1ec3 t\u1ea1o n\u1ec1n.<\/p>\n

N\u1ec1n m\u00e0u s\u1eafc: B\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c n\u1ec1n ph\u1eb3ng m\u00e0u k\u1ebft h\u1ee3p v\u1edbi nhau ho\u1eb7c d\u00f9ng m\u00e0u d\u1ea1ng m\u1ea3ng (Gradient) k\u1ebft h\u1ee3p c\u00f9ng v\u1edbi c\u00e1c h\u1ecda ti\u1ebft n\u1ebfu c\u00f3, ch\u00fang ta c\u0169ng c\u00f3 th\u1ec3 t\u1ea1o ra c\u00e1c n\u1ec1n mang xu h\u01b0\u1edbng ph\u1eb3ng v\u00e0 hi\u1ec7n \u0111\u1ea1i.<\/p>\n

N\u00ean tr\u00e1nh vi\u1ec7c d\u00f9ng n\u1ec1n qu\u00e1 nhi\u1ec1u chi ti\u1ebft, m\u00e0u s\u1eafc d\u1ec5 g\u00e2y \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn c\u00e1c \u0111\u1ed1i t\u01b0\u1ee3ng ch\u00ednh tr\u00ean \u1ea5n ph\u1ea7m v\u00e0 g\u00e2y c\u1ea3m gi\u00e1c r\u1ed1i, kh\u00f3 ch\u1ecbu v\u1edbi ng\u01b0\u1eddi xem.
\nC\u00e1c chi ti\u1ebft \u0111\u1eb7t tr\u00ean \u1ea5n ph\u1ea9m ph\u1ea3i ph\u00f9 h\u1ee3p v\u1edbi \u0111\u1eb7c th\u00f9 c\u1ee7a phong c\u00e1ch thi\u1ebft k\u1ebf. Tr\u00e1nh s\u1eed d\u1ee5ng qu\u00e1 nhi\u1ec1u chi ti\u1ebft trang tr\u00ed tr\u00ean \u1ea5n ph\u1ea9m v\u00e0 \u0111\u1eb7c bi\u1ec7t l\u01b0u \u00fd h\u1ea1n ch\u1ebf d\u00f9ng h\u00ecnh \u1ea3nh th\u1ef1c (\u1ea3nh ch\u1ee5p g\u1ed1c ch\u01b0a qua x\u1eed l\u00fd) trong vi\u1ec7c thi\u1ebft k\u1ebf \u1ea5n ph\u1ea9m truy\u1ec1n th\u00f4ng.<\/p>\n

 <\/p>\n

C\u00d4NG TY VIETBRANS THI\u1ebeT K\u1ebe X\u00c2Y D\u1ef0NG LOGO TH\u01af\u01a0NG HI\u1ec6U<\/p>\n

Hotline: Tel: 28.22.454.888\/999 | H: 093339OOO8<\/p>\n

Email:\u00a0info@vietbrands.vn<\/p>\n

Website: https:\/\/vietbrands.vn<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Thi\u1ebft k\u1ebf banner \u0111\u00f2i h\u1ecfi ph\u1ea3i tu\u00e2n th\u1ee7 nh\u1eefng nguy\u00ean t\u1eafc nh\u1ea5t \u0111\u1ecbnh. \u0110\u1ec3 c\u00f3 m\u1ed9t banner \u0111\u1eb9p ph\u1ea3i tu\u00e2n th\u1ee7 nh\u1eefng nguy\u00ean t\u1eafc thi\u1ebft k\u1ebf. S\u1eed d\u1ee5ng m\u00e0u s\u1eafc V\u1ec1 c\u00e1ch ph\u1ed1i m\u00e0u trong m\u1ed9t b\u1ea3n thi\u1ebft k\u1ebf: T\u00f9y theo t\u00ednh ch\u1ea5t ho\u1ea1t \u0111\u1ed9ng, y\u00eau c\u1ea7u kh\u00e1ch h\u00e0ng m\u00e0 ch\u1ecdn m\u00e0u s\u1eafc ph\u00f9 h\u1ee3p….<\/p>\n","protected":false},"author":7,"featured_media":8936,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[499,494,493,497,495,391,238,496,498],"class_list":["post-8932","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-banner","tag-banner-quang-cao","tag-in-banner","tag-in-standee","tag-standee","tag-thiet-ke","tag-thiet-ke-banner","tag-thiet-ke-standee","tag-thietke-banner"],"_links":{"self":[{"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/posts\/8932","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\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8932"}],"version-history":[{"count":0,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/posts\/8932\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/media\/8936"}],"wp:attachment":[{"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8932"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8932"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8932"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}