{"id":1376,"date":"2018-03-20T04:26:23","date_gmt":"2018-03-20T04:26:23","guid":{"rendered":"https:\/\/adsplus.vn\/blog\/?p=1376"},"modified":"2021-08-27T10:04:43","modified_gmt":"2021-08-27T03:04:43","slug":"mot-so-loi-thiet-ke-thuong-gap-khi-phan-bo-mau-sac-trong-website","status":"publish","type":"post","link":"https:\/\/adsplus.vn\/blog\/mot-so-loi-thiet-ke-thuong-gap-khi-phan-bo-mau-sac-trong-website","title":{"rendered":"M\u1ed9t s\u1ed1 l\u1ed7i thi\u1ebft k\u1ebf th\u01b0\u1eddng g\u1eb7p khi ph\u00e2n b\u1ed1 m\u00e0u s\u1eafc trong website"},"content":{"rendered":"\n

Khi thi\u1ebft k\u1ebf m\u1ed9t website<\/strong><\/a>, c\u00f3 r\u1ea5t nhi\u1ec1u y\u1ebfu t\u1ed1 quan tr\u1ecdng. V\u00e0 trong \u0111\u00f3 quan tr\u1ecdng nh\u1ea5t ch\u00ednh l\u00e0 m\u00e0u s\u1eafc trong website. M\u00e0u s\u1eafc ph\u1ea3i ph\u00f9 h\u1ee3p v\u00e0 thi\u1ebft k\u1ebf h\u1ee3p l\u00fd m\u1edbi thu h\u00fat \u0111\u01b0\u1ee3c ng\u01b0\u1eddi \u0111\u1ecdc, ng\u01b0\u1eddi xem. Tuy nhi\u00ean, khi thi\u1ebft k\u1ebf website, ng\u01b0\u1eddi thi\u1ebft k\u1ebf th\u01b0\u1eddng b\u1ecb m\u1eafc m\u1ed9t s\u1ed1 l\u1ed7i v\u1ec1 m\u00e0u s\u1eafc v\u00e0 c\u00e1ch b\u1ed1 tr\u00ed. H\u00e3y \u0111i\u1ec3m qua c\u00e1c l\u1ed7i v\u1ec1 m\u00e0u s\u1eafc trong website<\/strong> sau \u0111\u00e2y \u0111\u1ec3 kh\u1eafc ph\u1ee5c nh\u00e9!<\/p>\n\n\n\n

M\u00e0u NEON<\/strong><\/h2>\n\n\n\n
\"M\u1ed9t<\/figure><\/div>\n\n\n\n

M\u1ed9t s\u1ed1 l\u1ed7i thi\u1ebft k\u1ebf th\u01b0\u1eddng g\u1eb7p khi ph\u00e2n b\u1ed1 m\u00e0u s\u1eafc trong website<\/em><\/p>\n\n\n\n

M\u00e0u neon l\u00e0 gam m\u00e0u ph\u1ea3n quang, kh\u00e1 ch\u00f3i, c\u1ef1c k\u1ef3 b\u1eaft m\u1eaft v\u00e0 g\u00e2y s\u1ef1 ch\u00fa \u00fd. V\u00ed d\u1ee5 nh\u01b0 v\u00e0ng s\u00e1ng, xanh n\u00f5n chu\u1ed1i, m\u00e0u h\u1ed3ng r\u1ef1c hay t\u00edm h\u1ed3ng. M\u00e0u neon c\u0169ng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng kh\u00e1 nhi\u1ec1u trong thi\u1ebft k\u1ebf. Tuy nhi\u00ean, ch\u00ednh v\u00ec s\u1ef1 b\u1eaft m\u1eaft qu\u00e1 \u0111\u00e1ng n\u00e0y n\u00ean n\u00f3 d\u1ec5 g\u00e2y ch\u00f3i, t\u1ea1o c\u1ea3m gi\u00e1c kh\u00f3 ch\u1ecbu cho ng\u01b0\u1eddi \u0111\u1ecdc. Th\u1eadm ch\u00ed l\u00e0 g\u00e2y ra hi\u1ec7n t\u01b0\u1ee3ng \u201cch\u1ea3y n\u01b0\u1edbc m\u1eaft\u201d n\u1ebfu nh\u00ecn qu\u00e1 l\u00e2u.<\/p>\n\n\n\n

H\u00e3y l\u01b0u \u00fd r\u1eb1ng khi s\u1eed d\u1ee5ng m\u00e0u neon cho text. C\u00e1c con ch\u1eef qu\u00e1 s\u00e1ng v\u00e0 ch\u00f3i s\u1ebd khi\u1ebfn cho kh\u1ea3 n\u0103ng \u0111\u1ecdc v\u00e0 n\u1eafm b\u1eaft th\u00f4ng tin b\u1ecb gi\u1ea3m s\u00fat. N\u1ebfu b\u1ea1n dung neon s\u1eed d\u1ee5ng cho n\u1ec1n. M\u00e0u neon c\u0169ng n\u1ed5i h\u01a1n n\u00ean d\u1ec5 khi\u1ebfn ng\u01b0\u1eddi nh\u00ecn b\u1ecb ph\u00e2n t\u00e1n kh\u1ecfi th\u00f4ng \u0111i\u1ec7p ch\u00ednh c\u1ee7a website c\u1ee7a b\u1ea1n.<\/p>\n\n\n\n

C\u00e1ch kh\u1eafc ph\u1ee5c.<\/strong> Gi\u1ea3m t\u1ed1i \u0111a \u0111\u1ed9 s\u00e1ng c\u1ee7a c\u00e1c m\u00e0u neon \u0111\u1ec3 ch\u00fang tr\u1edf n\u00ean t\u1ed1i v\u00e0 nh\u1eb9 nh\u00e0ng, d\u1ec5 ch\u1ecbu h\u01a1n.<\/p>\n\n\n\n

C\u00e1c m\u00e0u rung<\/strong><\/h2>\n\n\n\n
\"M\u1ed9t<\/figure><\/div>\n\n\n\n

M\u1ed9t s\u1ed1 l\u1ed7i thi\u1ebft k\u1ebf th\u01b0\u1eddng g\u1eb7p khi ph\u00e2n b\u1ed1 m\u00e0u s\u1eafc trong website<\/em><\/p>\n\n\n\n

Khi c\u00e1c m\u00e0u s\u1eafc c\u00f3 \u0111\u1ed9 b\u00e3o h\u00f2a cao \u0111\u01b0\u1ee3c k\u1ebft h\u1ee3p c\u00f9ng v\u1edbi nhau th\u00ec ch\u00fang d\u1ec5 t\u1ea1o ra hi\u1ec7u \u1ee9ng rung. T\u1ee9c l\u00e0 nh\u00ecn v\u00e0o b\u1ea1n s\u1ebd c\u00f3 c\u1ea3m gi\u00e1c nh\u01b0 ch\u00fang \u0111ang di chuy\u1ec3n m\u1eb7c d\u00f9 r\u1ea5t ch\u1eadm. N\u00f3 s\u1ebd khi\u1ebfn h\u00ecnh \u1ea3nh ho\u1eb7c text b\u1ecb nh\u00f2e ho\u1eb7c s\u00e1ng r\u1ef1c.<\/p>\n\n\n\n

Gi\u1ed1ng nh\u01b0 m\u00e0u neon. Khi Designer<\/strong><\/a> s\u1eed d\u1ee5ng m\u00e0u s\u1eafc nh\u01b0 v\u1eady c\u0169ng s\u1ebd khi\u1ebfn cho ng\u01b0\u1eddi \u0111\u1ecdc c\u1ea3m th\u1ea5y kh\u00f4ng h\u1ec1 tho\u1ea3i m\u00e1i. Th\u1ebf n\u00ean, ch\u00fang r\u1ea5t \u00edt khi \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng v\u00e0o thi\u1ebft k\u1ebf website. Ngo\u1ea1i tr\u1eeb \u00e1p d\u1ee5ng cho hi\u1ec7u \u1ee9ng ti\u1ebfng th\u00e9t g\u00e2y ch\u00fa \u00fd trong qu\u1ea3ng c\u00e1o. K\u1ebft qu\u1ea3 khi s\u1eed d\u1ee5ng d\u1ea1ng m\u00e0u n\u00e0y. Ng\u01b0\u1eddi xem s\u1ebd c\u00f3 c\u1ea3m gi\u00e1c kh\u00f4ng h\u00e0i l\u00f2ng, kh\u00f4ng th\u00edch, kh\u00f3 ch\u1ecbu v\u00e0 mu\u1ed1n tr\u00e1nh xa.<\/p>\n\n\n\n

M\u1ed9t v\u00ed d\u1ee5 \u0111i\u1ec3n h\u00ecnh \u0111\u00f3 l\u00e0 s\u1ef1 k\u1ebft h\u1ee3p c\u1ee7a m\u00e0u \u0111\u1ecf t\u01b0\u01a1i v\u00e0 m\u00e0u xanh l\u00e1 c\u00e2y trong thi\u1ebft k\u1ebf Gi\u00e1ng sinh nh\u01b0ng l\u1ea1i \u0111\u01b0\u1ee3c m\u1ed9t s\u1ed1 Designer s\u1eed d\u1ee5ng r\u1ea5t ph\u1ed5 bi\u1ebfn. C\u00e1ch k\u1ebft h\u1ee3p n\u00e0y \u0111\u00e3 g\u00e2y ra v\u1ea5n \u0111\u1ec1 v\u1ec1 kh\u1ea3 n\u0103ng ti\u1ebfp c\u1eadn. L\u00fd do l\u00e0 v\u00ec ch\u00fang khi\u1ebfn cho nh\u1eefng ng\u01b0\u1eddi b\u1ecb m\u00f9 m\u00e0u kh\u00f4ng th\u1ec3 nh\u1eadn bi\u1ebft \u0111\u01b0\u1ee3c.<\/p>\n\n\n\n

C\u00e1ch s\u1eeda: N\u1ebfu bu\u1ed9c Designer ph\u1ea3i s\u1eed d\u1ee5ng c\u00e1c c\u00e1ch k\u1ebft h\u1ee3p m\u00e0u d\u1ec5 g\u00e2y hi\u1ec7u \u1ee9ng rung. Th\u00ec t\u1ed1t nh\u1ea5t l\u00e0 b\u1ea1n n\u00ean t\u00e1ch ch\u00fang ra b\u1eb1ng m\u1ed9t th\u1ee9 g\u00ec kh\u00e1c \u1edf gi\u1eefa. Ch\u1eb3ng h\u1ea1n nh\u01b0 m\u1ed9t m\u00e0u trung l\u1eadp.<\/p>\n\n\n\n

S\u00e1ng tr\u00ean s\u00e1ng<\/strong><\/h2>\n\n\n\n
\"M\u1ed9t<\/figure><\/div>\n\n\n\n

M\u1ed9t s\u1ed1 l\u1ed7i thi\u1ebft k\u1ebf th\u01b0\u1eddng g\u1eb7p khi ph\u00e2n b\u1ed1 m\u00e0u s\u1eafc trong website<\/em><\/p>\n\n\n\n

\u0110\u00e2y l\u00e0 m\u1ed9t trong nh\u1eefng l\u1ed7i sai tr\u1ea7m trong khi d\u00f9ng m\u00e0u s\u1eafc trong website m\u00e0 nhi\u1ec1u ng\u01b0\u1eddi m\u1eafc ph\u1ea3i nh\u1ea5t. C\u00f3 l\u1ebd l\u00e0 b\u1edfi v\u00ec n\u00f3 hi\u1ec7u qu\u1ea3 v\u1edbi c\u00e1c qu\u1ea3ng c\u00e1o tr\u00ean b\u00e1o in. Ho\u1eb7c c\u00f3 th\u1ec3 l\u00e0 n\u00f3 th\u00edch h\u1ee3p v\u1edbi m\u1ed9t s\u1ed1 t\u00ecnh hu\u1ed1ng n\u00e0o \u0111\u00f3. Tuy nhi\u00ean v\u1edbi nh\u1eefng c\u00e1ch k\u1ebft h\u1ee3p m\u00e0u s\u00e1ng v\u1edbi m\u00e0u s\u00e1ng nh\u01b0 th\u1ebf n\u00e0y th\u01b0\u1eddng r\u1ea5t kh\u00f3 \u0111\u1ecdc. \u0110a ph\u1ea7n l\u00e0 th\u1ebf.<\/p>\n\n\n\n

Ch\u1eb3ng h\u1ea1n nh\u01b0 ti\u00eau \u0111\u1ec1 \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf v\u1edbi text m\u00e0u tr\u1eafng, n\u1eb1m tr\u00ean m\u1ed9t h\u00ecnh \u1ea3nh. Nh\u01b0ng n\u00f3 l\u1ea1i \u0111\u01b0\u1ee3c \u0111\u1eb7t \u1edf v\u1ecb tr\u00ed kh\u00e1 s\u00e1ng tr\u00ean h\u00ecnh \u1ea3nh. N\u1ebfu c\u00f3 b\u1ea5t k\u1ef3 m\u1ed9t ch\u1eef n\u00e0o trong ti\u00eau \u0111\u1ec1 kh\u00f4ng th\u1ec3 ho\u1eb7c kh\u00f3 nh\u1eadn d\u1ea1ng. Th\u00ec b\u1ea1n c\u1ea7n ph\u1ea3i ngh\u0129 l\u1ea1i vi\u1ec7c ch\u1ecdn m\u00e0u n\u00e0y m\u1ed9t c\u00e1ch nghi\u00eam t\u00fac.<\/p>\n\n\n\n

C\u00e1ch s\u1eeda:<\/strong> C\u00f3 r\u1ea5t nhi\u1ec1u c\u00e1ch \u0111\u1ec3 s\u1eeda ch\u1eefa v\u1ea5n \u0111\u1ec1 n\u00e0y. B\u1ea1n c\u00f3 th\u1ec3 ch\u1ecdn h\u00ecnh \u1ea3nh v\u1edbi background c\u00f3 m\u00e0u nh\u1ea5t qu\u00e1n v\u00e0 \u0111\u1ed3ng nh\u1ea5t. Hay s\u1eed d\u1ee5ng h\u1ed9p m\u00e0u cho text \u1edf ph\u00eda tr\u00ean h\u00ecnh \u1ea3nh c\u00f9ng v\u1edbi nhi\u1ec1u bi\u1ebfn th\u1ec3 m\u00e0u s\u1eafc. Ho\u1eb7c xem x\u00e9t l\u1ea1i vi\u1ec7c s\u1eed d\u1ee5ng overlay l\u00e0 h\u00ecnh \u1ea3nh \u0111\u1ea7y m\u00e0u s\u1eafc \u0111\u1ec3 t\u0103ng \u0111\u1ed9 t\u01b0\u01a1ng ph\u1ea3n gi\u1eefa background v\u00e0 c\u00e1c y\u1ebfu t\u1ed1 thu\u1ed9c v\u1ec1 text.<\/p>\n\n\n\n

B\u1ea5t c\u1ee9 \u0111i\u1ec1u g\u00ec c\u00f3 m\u00e0u s\u1eafc c\u1ee7a c\u1ea7u v\u00f2ng<\/strong><\/h2>\n\n\n\n
\"website\"<\/figure><\/div>\n\n\n\n

M\u1ed9t s\u1ed1 l\u1ed7i thi\u1ebft k\u1ebf th\u01b0\u1eddng g\u1eb7p khi ph\u00e2n b\u1ed1 m\u00e0u s\u1eafc trong website<\/em><\/p>\n\n\n\n

C\u00e1c m\u00e0u s\u1eafc trong website c\u00f3 m\u00e0u c\u1ea7u v\u1ed3ng th\u01b0\u1eddng kh\u00f4ng hi\u1ec7u qu\u1ea3. Khi s\u1eed d\u1ee5ng phong c\u00e1ch c\u1ea7u v\u1ed3ng n\u00e0y cho thi\u1ebft k\u1ebf website<\/strong><\/a> th\u00ec b\u1ea1n \u0111\u00e3 ph\u00e1 v\u1ee1 r\u1ea5t nhi\u1ec1u quy t\u1eafc v\u1ec1 m\u00e0u s\u1eafc.<\/p>\n\n\n\n

C\u00e1c c\u00e1ch k\u1ebft h\u1ee3p m\u00e0u s\u1eafc c\u1ea7u v\u1ed3ng qu\u00e1 m\u1ea1nh v\u00e0 qu\u00e1 n\u1ed5i v\u00e0 n\u00f3 c\u00f3 th\u1ec3 gi\u00fap thu h\u00fat s\u1ef1 ch\u00fa \u00fd c\u1ee7a ng\u01b0\u1eddi d\u00f9ng l\u1ea7n \u0111\u1ea7u nh\u01b0ng v\u1ec1 sau, ch\u1eafc ch\u1eafn s\u1edbm mu\u1ed9n g\u00ec h\u1ecd c\u0169ng s\u1ebd ph\u00e1t hi\u1ec7n ra l\u00e0 kh\u00f4ng th\u1ec3 \u0111\u1ecdc \u0111\u01b0\u1ee3c n\u1ed9i dung th\u00f4ng \u0111i\u1ec7p b\u1edfi v\u00ec qu\u00e1 lo\u1ea1n v\u1ec1 m\u00e0u s\u1eafc.<\/p>\n\n\n\n

C\u00e1ch s\u1eeda: N\u1ebfu mu\u1ed1n s\u1eed d\u1ee5ng b\u1ea3ng m\u00e0u r\u1ed9ng cho website th\u00ec h\u00e3y l\u1ef1a ch\u1ecdn c\u00e1c phong c\u00e1ch Card thi\u1ebft k\u1ebf website theo d\u1ea1ng th\u1ebb ho\u1eb7c Color Block thi\u1ebft k\u1ebf website theo c\u00e1c kh\u1ed1i m\u00e0u, ch\u00fang cho ph\u00e9p b\u1ea1n s\u1eed d\u1ee5ng linh ho\u1ea1t c\u00e1c m\u00e0u s\u1eafc nh\u01b0ng v\u1eabn \u0111\u1ea3m b\u1ea3o t\u00ednh t\u1ed5 ch\u1ee9c v\u00e0 s\u1ef1 m\u1ea1ch l\u1ea1c.<\/p>\n\n\n\n

M\u00e0u s\u00e1ng tr\u00ean n\u1ec1n s\u00e1ng – M\u00e0u t\u1ed1i tr\u00ean n\u1ec1n s\u00e1ng<\/strong><\/h2>\n\n\n\n
\"<\/figure><\/div>\n\n\n\n

M\u1ed9t s\u1ed1 l\u1ed7i thi\u1ebft k\u1ebf th\u01b0\u1eddng g\u1eb7p khi ph\u00e2n b\u1ed1 m\u00e0u s\u1eafc trong website<\/em><\/p>\n\n\n\n

C\u0169ng gi\u1ed1ng nh\u01b0 m\u00e0u s\u00e1ng tr\u00ean n\u1ec1n m\u00e0u s\u00e1ng, khi banjn s\u1eed d\u1ee5ng c\u00f9ng m\u1ed9t \u0111\u1ed9 b\u00e3o h\u00f2a cho c\u00e1c m\u00e0u s\u1eafc c\u0169ng s\u1ebd g\u00e2y ra nhi\u1ec1u v\u1ea5n \u0111\u1ec1, c\u00e1ch t\u1ed1t nh\u1ea5t l\u00e0 n\u00ean tr\u00e1nh ch\u00fang.<\/p>\n\n\n\n

N\u1ebfu ngh\u0129 r\u1eb1ng b\u1ea1n s\u1ebd kh\u00f4ng bao gi\u1edd m\u1eafc ph\u1ea3i l\u1ed7i n\u00e0y th\u00ec h\u00e3y l\u01b0u \u00fd \u0111\u1eb7c bi\u1ec7t c\u1ea9n tr\u1ecdng, nh\u1ea5t l\u00e0 khi d\u00f9ng c\u00e1c b\u1ea3ng m\u00e0u \u0111\u01a1n s\u1eafc trong thi\u1ebft k\u1ebf website (monotone).<\/p>\n\n\n\n

C\u00e1ch s\u1eeda: H\u00e3y ngh\u0129 v\u1ec1 \u0111\u1ed9 t\u01b0\u01a1ng ph\u1ea3n, n\u1ebfu b\u1ea1n mu\u1ed1n d\u00f9ng nhi\u1ec1u m\u00e0u t\u1ed1i ho\u1eb7c nhi\u1ec1u m\u00e0u s\u00e1ng th\u00ec h\u00e3y xem ch\u00fang nh\u01b0 c\u00e1c l\u1ef1a ch\u1ecdn cho c\u00e1c m\u00e0n h\u00ecnh tr\u00ean c\u00e1c site cho ch\u00e9p cu\u1ed9n (Scroll) trang.<\/p>\n\n\n\n

N\u1ec1n m\u00e0u \u0111en “Black”<\/strong><\/h2>\n\n\n\n
\"website\"<\/figure><\/div>\n\n\n\n

M\u1ed9t s\u1ed1 l\u1ed7i thi\u1ebft k\u1ebf th\u01b0\u1eddng g\u1eb7p khi ph\u00e2n b\u1ed1 m\u00e0u s\u1eafc trong website<\/em><\/p>\n\n\n\n

N\u1ebfu b\u1ea1n l\u00e0 1 Designer th\u01b0\u1eddng xuy\u00ean ph\u1ea3i thi\u1ebft k\u1ebf cho c\u00e1c d\u1ef1 \u00e1n in v\u00e0 website \u0111\u1ed3ng th\u1eddi th\u00ec th\u01b0\u1eddng s\u1ebd m\u1eafc ph\u1ea3i l\u1ed7i s\u1eed d\u1ee5ng c\u00e1c m\u00e0u \u0111en thu\u1ea7n khi\u1ebft (Pure black). Pure Black c\u00f2n \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 \u201cK\u201d Black do n\u00f3 ch\u1ec9 c\u00f3 duy nh\u1ea5t m\u1ed9t m\u00e0u (#000000), b\u1ea1n n\u00ean h\u1ea1n ch\u1ebf t\u1ed1i \u0111a vi\u1ec7c \u00e1p d\u1ee5ng m\u00e0u s\u1eafc n\u00e0y.<\/p>\n\n\n\n

V\u1edbi m\u1ed9t s\u1ed1 l\u1ed1i v\u1ec1 m\u00e0u s\u1eafc trong Website tr\u00ean, b\u1ea1n n\u00ean l\u01b0u \u00fd k\u1ef9 \u0111\u1ec3 tr\u00e1nh kh\u1ecfi \u0111\u1ec3 website kh\u00f4ng b\u1ecb r\u01a1i v\u00e0o t\u00ecnh tr\u1ea1ng \u201ckh\u00f3 xem\u201d nh\u00e9.<\/p>\n\n\n\n

Adsplus.vn<\/a><\/strong><\/h4>\n\n\n\n

C\u1ea3m \u01a1n b\u1ea1n \u0111\u00e3 xem b\u00e0i vi\u1ebft <\/em>n\u00e0y. H\u00e3y c\u1eadp nh\u1eadt th\u00eam c\u00e1c b\u00e0i vi\u1ebft t\u1eeb Adsplus \u0111\u1ec3 bi\u1ebft th\u00eam nh\u1eefng th\u00f4ng tin m\u1edbi nh\u1ea5t v\u1ec1<\/em> Marketing.<\/em> V\u00e0 c\u00e1c Tips ch\u1ea1y qu\u1ea3ng c\u00e1o hi\u1ec7u qu\u1ea3.<\/em><\/p>\n\n\n\n