{"id":7570,"date":"2018-12-18T10:37:54","date_gmt":"2018-12-18T03:37:54","guid":{"rendered":"https:\/\/vietbrands.vn\/?p=7570"},"modified":"2018-12-18T10:37:58","modified_gmt":"2018-12-18T03:37:58","slug":"cac-tinh-nang-de-thiet-ke-icon-tot-hon","status":"publish","type":"post","link":"https:\/\/vietbrands.vn\/?p=7570","title":{"rendered":"C\u00e1c t\u00ednh n\u0103ng \u0111\u1ec3 thi\u1ebft k\u1ebf Icon t\u1ed1t h\u01a1n !!!"},"content":{"rendered":"

Icon<\/a>\u00a0v\u00e0 c\u00e1c th\u1ecb tr\u01b0\u1eddng vector nh\u01b0 Iconfinder \u0111ang l\u00e0m cho c\u00e1c bi\u1ec3u t\u01b0\u1ee3ng vector \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf t\u1ed1t s\u1ebd kh\u00f4ng \u0111\u1eaft ti\u1ec1n v\u00e0 c\u00f3 s\u1eb5n cho c\u00e1c nh\u00e0 thi\u1ebft k\u1ebf<\/a> web v\u00e0 thi\u1ebft k\u1ebf<\/a> in. C\u00f3 h\u00e0ng ng\u00e0n b\u1ed9 Icon cao c\u1ea5p v\u00e0 h\u00e0ng tr\u0103m b\u1ed9 mi\u1ec5n ph\u00ed tuy\u1ec7t v\u1eddi.<\/p>\n

Ba t\u00ednh n\u0103ng c\u1ee7a thi\u1ebft k\u1ebf Icon hi\u1ec7u qu\u1ea3<\/span><\/h2>\n

C\u00e1c Icon\u00a0\u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u0111\u1eb9p th\u1ec3 hi\u1ec7n c\u00e1ch ti\u1ebfp c\u1eadn c\u00f3 ph\u01b0\u01a1ng ph\u00e1p v\u00e0 c\u00f3 ch\u1ee7 \u00fd v\u1edbi ba thu\u1ed9c t\u00ednh ch\u00ednh t\u1ea1o n\u00ean b\u1ea5t k\u1ef3 thi\u1ebft k\u1ebf \u00a0Icon\u00a0n\u00e0o: m\u1eabu, t\u00ednh th\u1ed1ng nh\u1ea5t th\u1ea9m m\u1ef9 v\u00e0 s\u1ef1 c\u00f4ng nh\u1eadn. Khi thi\u1ebft k\u1ebf m\u1ed9t b\u1ed9 Icon\u00a0m\u1edbi, h\u00e3y xem x\u00e9t t\u1eebng thu\u1ed9c t\u00ednh trong m\u1ed9t c\u00e1ch ti\u1ebfp c\u1eadn l\u1eb7p \u0111i l\u1eb7p l\u1ea1i, b\u1eaft \u0111\u1ea7u b\u1eb1ng d\u1ea1ng t\u1ed5ng qu\u00e1t (h\u00ecnh th\u1ee9c) v\u00e0 ti\u1ebfn t\u1edbi t\u00ednh x\u00e1c \u0111\u1ecbnh c\u1ee5 th\u1ec3. Ngay c\u1ea3 khi b\u1ea1n \u0111ang t\u1ea1o m\u1ed9t bi\u1ec3u t\u01b0\u1ee3ng duy nh\u1ea5t, ba thu\u1ed9c t\u00ednh n\u00e0y v\u1eabn ng\u1ee5 \u00fd v\u00e0 c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c ngo\u1ea1i suy t\u1eeb m\u1ed9t thi\u1ebft k\u1ebf \u0111\u01a1n l\u1ebb.<\/span><\/p>\n

C\u00f3 h\u01a1n ba thu\u1ed9c t\u00ednh t\u1ea1o n\u00ean thi\u1ebft k\u1ebf Icon\u00a0hi\u1ec7u qu\u1ea3, nh\u01b0ng c\u1ea3 ba \u0111\u1ec1u \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng d\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t n\u01a1i t\u1ed1t \u0111\u1ec3 b\u1eaft \u0111\u1ea7u. V\u00ec s\u1ef1 ng\u1eafn g\u1ecdn, b\u00e0i vi\u1ebft\u00a0t\u1eadp trung v\u00e0o ba thu\u1ed9c t\u00ednh ch\u00ednh.<\/span><\/p>\n

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

M\u1eabu<\/span><\/h3>\n

M\u1eabu l\u00e0 c\u1ea5u tr\u00fac b\u00ean d\u01b0\u1edbi c\u1ee7a m\u1ed9t Icon. N\u1ebfu b\u1ea1n b\u1ecf qua c\u00e1c chi ti\u1ebft c\u1ee7a m\u1ed9t Icon\u00a0v\u00e0 v\u1ebd m\u1ed9t \u0111\u01b0\u1eddng tr\u00f2n xung quanh c\u00e1c h\u00ecnh d\u1ea1ng ch\u00ednh, ch\u00fang c\u00f3 h\u00ecnh th\u00e0nh m\u1ed9t h\u00ecnh vu\u00f4ng, h\u00ecnh tr\u00f2n, h\u00ecnh ch\u1eef nh\u1eadt ngang hay \u0111\u1ee9ng, m\u1ed9t tam gi\u00e1c ho\u1eb7c m\u1ed9t h\u00ecnh d\u1ea1ng h\u1eefu c\u01a1 h\u01a1n? C\u00e1c h\u00ecnh d\u1ea1ng h\u00ecnh h\u1ecdc ch\u00ednh – h\u00ecnh tr\u00f2n, h\u00ecnh vu\u00f4ng v\u00e0 h\u00ecnh tam gi\u00e1c – t\u1ea1o ra m\u1ed9t n\u1ec1n t\u1ea3ng tr\u1ef1c quan \u1ed5n \u0111\u1ecbnh cho thi\u1ebft k\u1ebf bi\u1ec3u t\u01b0\u1ee3ng. Trong v\u00ed d\u1ee5 Corgi c\u1ee7a Kem Bardly, \u0111\u1ea7u c\u1ee7a con ch\u00f3 \u0111\u01b0\u1ee3c t\u1ea1o th\u00e0nh t\u1eeb hai h\u00ecnh tam gi\u00e1c v\u00e0 hai h\u00ecnh elip. B\u1eaft \u0111\u1ea7u m\u1ed9t b\u1ea3n v\u1ebd b\u1eb1ng c\u00e1ch ph\u00e1c ho\u1ea1 c\u00e1c h\u00ecnh d\u1ea1ng l\u1edbn nh\u1ea5t, \u0111\u01a1n gi\u1ea3n nh\u1ea5t v\u00e0 sau \u0111\u00f3 tinh ch\u1ebf theo h\u01b0\u1edbng chi ti\u1ebft h\u01a1n v\u00e0 l\u1edbn h\u01a1n, ng\u01b0\u1eddi ta s\u1ebd b\u1eaft \u0111\u1ea7u m\u1ed9t bi\u1ec3u t\u01b0\u1ee3ng t\u1eeb nh\u1eefng h\u00ecnh d\u1ea1ng \u0111\u01a1n gi\u1ea3n nh\u1ea5t v\u00e0 sau \u0111\u00f3 th\u00eam chi ti\u1ebft h\u01a1n.<\/p>\n

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

T\u00ednh th\u1ed1ng nh\u1ea5t th\u1ea9m m\u1ef9<\/h3>\n

C\u00e1c ph\u1ea7n t\u1eed \u0111\u01b0\u1ee3c chia s\u1ebb trong m\u1ed9t bi\u1ec3u t\u01b0\u1ee3ng \u0111\u01a1n ho\u1eb7c\u00a0qua m\u1ed9t t\u1eadp h\u1ee3p bi\u1ec3u t\u01b0\u1ee3ng l\u00e0 nh\u1eefng g\u00ec ch\u00fang ta g\u1ecdi l\u00e0 th\u1ed1ng nh\u1ea5t th\u1ea9m m\u1ef9. C\u00e1c y\u1ebfu t\u1ed1 n\u00e0y l\u00e0 nh\u1eefng th\u1ee9 nh\u01b0 h\u00ecnh tr\u00f2n ho\u1eb7c g\u00f3c vu\u00f4ng, k\u00edch th\u01b0\u1edbc c\u1ee7a c\u00e1c g\u00f3c (2 pixel, 4 pixel …), tr\u1ecdng l\u01b0\u1ee3ng gi\u1edbi h\u1ea1n v\u00e0 nh\u1ea5t qu\u00e1n (2 pixel, 4 pixel, …), phong c\u00e1ch (ph\u1eb3ng, \u0111\u01b0\u1eddng th\u1eb3ng, \u0111\u1ea7y \u0110\u01b0\u1eddng n\u00e9t ho\u1eb7c h\u00ecnh t\u01b0\u1ee3ng), b\u1ea3ng m\u00e0u v\u00e0 nhi\u1ec1u h\u01a1n n\u1eefa. S\u1ef1 th\u1ed1ng nh\u1ea5t th\u1ea9m m\u1ef9 c\u1ee7a b\u1ed9 l\u00e0 t\u1eadp h\u1ee3p c\u00e1c y\u1ebfu t\u1ed1 thi\u1ebft k\u1ebf v\u00e0 \/ ho\u1eb7c s\u1ef1 l\u1ef1a ch\u1ecdn m\u00e0 b\u1ea1n l\u1eb7p l\u1ea1i trong su\u1ed1t t\u1eadp h\u1ee3p \u0111\u1ec3 g\u1eafn n\u00f3 v\u1edbi nhau nh\u01b0 m\u1ed9t to\u00e0n th\u1ec3 g\u1eafn k\u1ebft.<\/span><\/p>\n

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

S\u1ef1 c\u00f4ng nh\u1eadn<\/h3>\n

Kh\u1ea3 n\u0103ng nh\u1eadn d\u1ea1ng l\u00e0 m\u1ed9t s\u1ea3n ph\u1ea9m c\u1ee7a b\u1ea3n ch\u1ea5t c\u1ee7a m\u1ed9t Icon\u00a0hay c\u00e1i g\u00ec l\u00e0m cho m\u1ed9t bi\u1ec3u t\u01b0\u1ee3ng duy nh\u1ea5t. Cho d\u00f9 m\u1ed9t Icon\u00a0ho\u1ea1t \u0111\u1ed9ng cu\u1ed1i c\u00f9ng ph\u1ee5 thu\u1ed9c v\u00e0o c\u00e1ch d\u1ec5 d\u00e0ng ng\u01b0\u1eddi xem hi\u1ec3u r\u00f5 \u0111\u1ed1i t\u01b0\u1ee3ng, \u00fd t\u01b0\u1edfng hay h\u00e0nh \u0111\u1ed9ng m\u00e0 n\u00f3 m\u00f4 t\u1ea3. Kh\u1ea3 n\u0103ng nh\u1eadn bi\u1ebft bao g\u1ed3m hi\u1ec3n th\u1ecb c\u00e1c thu\u1ed9c t\u00ednh m\u00e0 ng\u01b0\u1eddi xem th\u01b0\u1eddng g\u1eafn v\u1edbi \u00fd t\u01b0\u1edfng \u0111\u00f3, nh\u01b0ng n\u00f3 c\u0169ng c\u00f3 th\u1ec3 bao g\u1ed3m c\u00e1c y\u1ebfu t\u1ed1 \u0111\u1ed9c nh\u1ea5t ho\u1eb7c b\u1ea5t ng\u1edd, ch\u1eb3ng h\u1ea1n nh\u01b0 tr\u00e1i tim c\u1ee7a m\u0169i Corgi.\u00a0<\/span><\/p>\n

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

\n

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

Icon\u00a0v\u00e0 c\u00e1c th\u1ecb tr\u01b0\u1eddng vector nh\u01b0 Iconfinder \u0111ang l\u00e0m cho c\u00e1c bi\u1ec3u t\u01b0\u1ee3ng vector \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf t\u1ed1t s\u1ebd kh\u00f4ng \u0111\u1eaft ti\u1ec1n v\u00e0 c\u00f3 s\u1eb5n cho c\u00e1c nh\u00e0 thi\u1ebft k\u1ebf web v\u00e0 thi\u1ebft k\u1ebf in. C\u00f3 h\u00e0ng ng\u00e0n b\u1ed9 Icon cao c\u1ea5p v\u00e0 h\u00e0ng tr\u0103m b\u1ed9 mi\u1ec5n ph\u00ed tuy\u1ec7t v\u1eddi. Ba t\u00ednh n\u0103ng c\u1ee7a thi\u1ebft…<\/p>\n","protected":false},"author":5,"featured_media":9942,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[827,586],"class_list":["post-7570","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-thiet-ke-icon","tag-thiet-ke-nhan-hieu"],"_links":{"self":[{"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/posts\/7570","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=7570"}],"version-history":[{"count":0,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/posts\/7570\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/media\/9942"}],"wp:attachment":[{"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}