{"id":8083,"date":"2018-12-17T16:57:06","date_gmt":"2018-12-17T09:57:06","guid":{"rendered":"https:\/\/vietbrands.vn\/?p=8083"},"modified":"2018-12-18T13:17:34","modified_gmt":"2018-12-18T06:17:34","slug":"nhin-lai-10-huong-dan-thiet-ke-web-xuat-sac-nhat-nam-2018","status":"publish","type":"post","link":"https:\/\/vietbrands.vn\/?p=8083","title":{"rendered":"Nh\u00ecn l\u1ea1i 10 H\u01b0\u1edbng d\u1eabn Thi\u1ebft k\u1ebf Web xu\u1ea5t s\u1eafc nh\u1ea5t n\u0103m 2018!!!"},"content":{"rendered":"

N\u1ebfu b\u1ea1n c\u1ea7n ngu\u1ed3n c\u1ea3m h\u1ee9ng cho d\u1ef1 \u00e1n<\/a> ti\u1ebfp theo c\u1ee7a m\u00ecnh, b\u1ea1n mu\u1ed1n bi\u1ebft c\u00e1ch t\u1ea1o ra h\u01b0\u1edbng d\u1eabn <\/a>v\u1ec1 phong c\u00e1ch ri\u00eang c\u1ee7a m\u00ecnh, ho\u1eb7c b\u1ea1n ch\u1ec9 l\u00e0 m\u1ed9t ng\u01b0\u1eddi \u0111\u1ea9y \u0111i\u1ec3m \u1ea3nh, nh\u1eefng ng\u01b0\u1eddi th\u00edch t\u00ecm hi\u1ec3u v\u1ec1 ki\u1ec3u ch\u1eef v\u00e0 c\u00e1ch b\u1ed1 tr\u00ed l\u01b0\u1edbi, \u0111\u00e2y l\u00e0 10 h\u01b0\u1edbng d\u1eabn thi\u1ebft k\u1ebf<\/a> web <\/a>N\u0103m 2016 m\u00e0 bjn c\u00f3 tham kh\u1ea3o l\u1ea1i.<\/p>\n

Thi\u1ebft k\u1ebf Material t\u1eeb Google<\/span><\/h2>\n

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

H\u00e3y b\u1eaft \u0111\u1ea7u v\u1edbi h\u01b0\u1edbng d\u1eabn v\u1ec1 phong c\u00e1ch m\u00e0 h\u1ea7u h\u1ebft c\u00e1c b\u1ea1n s\u1ebd quen thu\u1ed9c, cho d\u00f9 b\u1ea1n c\u00f3 bi\u1ebft n\u00f3 theo t\u00ean hay kh\u00f4ng, Thi\u1ebft k\u1ebf Material c\u1ee7a Google.<\/span><\/p>\n

\n

Thi\u1ebft k\u1ebf Material ti\u1ebfp t\u1ee5c xu h\u01b0\u1edbng ng\u01b0\u1eddi s\u1eed d\u1ee5ng ph\u1eb3ng b\u1ecf \u0111i v\u00e0 gi\u00fap c\u00e1c nh\u00e0 thi\u1ebft k\u1ebf th\u00eam chi\u1ec1u s\u00e2u v\u00e0 c\u00e1 t\u00ednh v\u00e0o c\u00f4ng vi\u1ec7c c\u1ee7a h\u1ecd trong khi v\u1eabn khai th\u00e1c t\u00ednh h\u1ea5p d\u1eabn hi\u1ec7n \u0111\u1ea1i c\u1ee7a giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng t\u1ed1i gi\u1ea3n. C\u00e1c \u0111\u1eb7c tr\u01b0ng ti\u00eau bi\u1ec3u c\u1ee7a h\u01b0\u1edbng d\u1eabn thi\u1ebft k\u1ebf trang web ph\u1ed5 bi\u1ebfn n\u00e0y bao g\u1ed3m b\u1ed1 c\u1ee5c d\u1ef1a tr\u00ean l\u01b0\u1edbi, ho\u1ea1t \u1ea3nh v\u00e0 b\u00f3ng t\u1ed1i.<\/span><\/p>\n

Ng\u00f4n ng\u1eef Kinh nghi\u1ec7m To\u00e0n c\u1ea7u c\u1ee7a BBC<\/span><\/h2>\n

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

\u0110\u1ec3 c\u00f3 c\u1ea3m h\u1ee9ng v\u1ec1 vi\u1ec7c l\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 t\u1ea1o ra m\u1ed9t h\u01b0\u1edbng d\u1eabn phong c\u00e1ch k\u1ebft h\u1ee3p nhi\u1ec1u lo\u1ea1i th\u1ef1c th\u1ec3 v\u1edbi nhau d\u01b0\u1edbi m\u1ed9t th\u01b0\u01a1ng hi\u1ec7u ch\u1ee7, b\u1ea1n s\u1ebd kh\u00f4ng ph\u1ea3i th\u1ea5t v\u1ecdng v\u1edbi t\u00e0i nguy\u00ean n\u00e0y t\u1eeb BBC.<\/p>\n

H\u01b0\u1edbng d\u1eabn ki\u1ec3u Mozilla<\/h2>\n

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

N\u1ebfu b\u1ea1n mu\u1ed1n bi\u1ebft th\u00eam v\u1ec1 \u0111\u1eb7c t\u00ednh thi\u1ebft k\u1ebf c\u1ee7a nh\u00f3m ch\u1ecbu tr\u00e1ch nhi\u1ec7m v\u1ec1 tr\u00ecnh duy\u1ec7t web ph\u1ed5 bi\u1ebfn th\u1ee9 hai tr\u00ean th\u1ebf gi\u1edbi.<\/p>\n

Trong h\u01b0\u1edbng d\u1eabn v\u1ec1 phong c\u00e1ch n\u00e0y, b\u1ea1n s\u1ebd t\u00ecm th\u1ea5y m\u1ed9t s\u1ed1 v\u00ed d\u1ee5 tuy\u1ec7t v\u1eddi v\u1ec1 c\u00e1ch t\u1ea1o ra c\u00e1c h\u01b0\u1edbng d\u1eabn bao g\u1ed3m vi\u1ec7c s\u1eed d\u1ee5ng bi\u1ec3u t\u01b0\u1ee3ng, c\u00e1c ph\u1ed1i m\u00e0u, giai \u0111i\u1ec7u tho\u1ea1i v\u00e0 c\u00e1c d\u1ea5u trang. N\u1ebfu b\u1ea1n mu\u1ed1n t\u1ea1o ra m\u1ed9t h\u01b0\u1edbng d\u1eabn cho kh\u00e1ch h\u00e0ng ho\u1eb7c \u0111\u1ed9i c\u1ee7a b\u1ea1n \u0111\u1ec3 l\u00e0m theo, sau \u0111\u00f3 b\u1ed9 h\u01b0\u1edbng d\u1eabn c\u1ee7a Mozilla s\u1ebd cho b\u1ea1n th\u1ea5y n\u00f3 \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n nh\u01b0 th\u1ebf n\u00e0o.<\/p>\n

Twitter Brand Assets Guidelines<\/h2>\n

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

Trong h\u01b0\u1edbng d\u1eabn v\u1ec1 t\u00e0i s\u1ea3n th\u01b0\u01a1ng hi\u1ec7u Twitter, b\u1ea1n s\u1ebd t\u00ecm th\u1ea5y m\u1ed9t s\u1ed1 v\u00ed d\u1ee5 \u0111i\u1ec3n h\u00ecnh v\u1ec1 c\u00e1ch vi\u1ebft c\u00e1c h\u01b0\u1edbng d\u1eabn gi\u00fap \u0111\u1ea3m b\u1ea3o r\u1eb1ng bi\u1ec3u tr\u01b0ng v\u00e0 c\u00e1c t\u00e0i s\u1ea3n kh\u00e1c c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u00fang c\u00e1ch. H\u01b0\u1edbng d\u1eabn ki\u1ec3u tr\u1ef1c tuy\u1ebfn n\u00e0y bao g\u1ed3m c\u00e1c chi ti\u1ebft bao g\u1ed3m b\u1ea3ng m\u00e0u, \u0111\u1ecbnh h\u01b0\u1edbng bi\u1ec3u tr\u01b0ng, \u200b\u200bkho\u1ea3ng c\u00e1ch ph\u1ea7n t\u1eed v\u00e0 b\u1ea3ng thu\u1eadt ng\u1eef.<\/span><\/p>\n

H\u01b0\u1edbng d\u1eabn v\u1ec1 Th\u01b0\u01a1ng hi\u1ec7u Doanh nghi\u1ec7p c\u1ee7a Adobe<\/h2>\n

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

T\u00e0i li\u1ec7u H\u01b0\u1edbng d\u1eabn v\u1ec1 Th\u01b0\u01a1ng hi\u1ec7u Doanh nghi\u1ec7p c\u1ee7a Adobe l\u00e0 m\u1ed9t v\u00ed d\u1ee5 \u0111\u1ea7y \u1ea5n t\u01b0\u1ee3ng v\u1ec1 l\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o r\u1eb1ng th\u01b0\u01a1ng hi\u1ec7u v\u00e0 tri\u1ebft l\u00fd c\u1ee7a C\u00f4ng ty lu\u00f4n \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng tr\u00ean nhi\u1ec1u n\u1ec1n t\u1ea3ng v\u00e0 ph\u01b0\u01a1ng ti\u1ec7n. T\u1ea5t c\u1ea3 m\u1ecdi th\u1ee9 t\u1eeb c\u00e1c trang web v\u00e0 email, th\u00f4ng qua \u0111\u1ec3 \u00e1p ph\u00edch in v\u00e0 h\u00e0ng h\u00f3a \u0111\u01b0\u1ee3c b\u1ea3o hi\u1ec3m \u1edf \u0111\u00e2y – kh\u00f4ng ph\u1ea3i \u0111\u1ec1 c\u1eadp \u0111\u1ebfn b\u1ed9 c\u1ee7a Adobe CC \u1ee9ng d\u1ee5ng web nh\u00e0 thi\u1ebft k\u1ebf n\u00ean \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng.<\/p>\n

Nh\u00e3n hi\u1ec7u Foursquare v\u00e0 Brandguide<\/span><\/h2>\n

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

\u1ee8ng d\u1ee5ng v\u00e0 trang web V\u1ecb tr\u00ed \u0111\u1eb7t Foursquare tu\u00e2n th\u1ee7 nghi\u00eam t\u00fac c\u00e1c nguy\u00ean t\u1eafc \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o n\u1ed9i dung c\u1ee7a h\u1ecd c\u00f3 th\u1ec3 d\u1ec5 d\u00e0ng nh\u1eadn bi\u1ebft, cho d\u00f9 n\u1ed9i dung \u0111\u00f3 \u0111\u00e3 \u0111\u01b0\u1ee3c xu\u1ea5t b\u1ea3n tr\u00ean n\u1ec1n t\u1ea3ng c\u1ee7a ri\u00eang h\u1ecd ho\u1eb7c \u0111\u01b0\u1ee3c chia s\u1ebb tr\u00ean ph\u01b0\u01a1ng ti\u1ec7n truy\u1ec1n th\u00f4ng x\u00e3 h\u1ed9i v\u00e0 \u1edf n\u01a1i kh\u00e1c.<\/span><\/p>\n

N\u1ebfu b\u1ea1n mu\u1ed1n th\u00eam c\u1ea5p \u0111\u1ed9 nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u n\u00e0y v\u00e0o c\u00f4ng vi\u1ec7c c\u1ee7a b\u1ea1n, h\u00e3y duy\u1ec7t qua t\u00e0i li\u1ec7u nh\u00e3n hi\u1ec7u v\u00e0 t\u00e0i li\u1ec7u h\u01b0\u1edbng d\u1eabn th\u01b0\u01a1ng hi\u1ec7u t\u1eeb Foursquare l\u00e0 m\u1ed9t s\u1ef1 \u0111\u1ea7u t\u01b0 x\u1ee9ng \u0111\u00e1ng v\u1ec1 th\u1eddi gian c\u1ee7a b\u1ea1n.<\/p>\n

MIT Graphic Identity<\/h2>\n

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

N\u1ebfu b\u1ea1n t\u00ecm th\u1ea5y c\u00e1c h\u01b0\u1edbng d\u1eabn v\u1ec1 phong c\u00e1ch l\u1edbn h\u01a1n t\u1eeb Adobe v\u00e0 Google, \u00e1p d\u1ee5ng m\u1ed9t ph\u1ea7n, th\u00ec ph\u1ea7n thi\u1ebft k\u1ebf web c\u1ee7a MIT n\u00ean c\u00f3 s\u1ef1 t\u01b0\u01a1ng ph\u1ea3n \u0111\u00e1ng hoan ngh\u00eanh. \u0110\u01a1n gi\u1ea3n ch\u1ec9 c\u1ea7n cung c\u1ea5p th\u00f4ng tin c\u01a1 b\u1ea3n v\u1ec1 \u0111\u1ecbnh v\u1ecb v\u00e0 t\u1eeb ng\u1eef tr\u00ean logo, \u0111\u00e2y l\u00e0 m\u1ed9t v\u00ed d\u1ee5 \u0111i\u1ec3n h\u00ecnh v\u1ec1 c\u00e1ch b\u1ea1n c\u00f3 th\u1ec3 t\u1ea1o ra s\u1ef1 nh\u1ea5t qu\u00e1n trong c\u00e1c d\u1ef1 \u00e1n thi\u1ebft k\u1ebf web c\u1ee7a m\u00ecnh m\u00e0 kh\u00f4ng b\u1ecb qu\u00e1 t\u1ea3i.<\/p>\n

H\u01b0\u1edbng d\u1eabn v\u1ec1 Ubuntu Style<\/span><\/h2>\n

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

M\u1ee5c \u0111\u00edch c\u1ee7a h\u01b0\u1edbng d\u1eabn v\u1ec1 phong c\u00e1ch Ubuntu l\u00e0 mang th\u01b0\u01a1ng hi\u1ec7u n\u00e0y \u0111\u1ebfn v\u1edbi web m\u1ed9t c\u00e1ch ch\u00ednh x\u00e1c. \u0110\u1ec3 gi\u00fap cho m\u1ee5c ti\u00eau \u0111\u00f3, h\u01b0\u1edbng d\u1eabn thi\u1ebft k\u1ebf web n\u00e0y bao g\u1ed3m c\u00e1c h\u01b0\u1edbng d\u1eabn \u0111\u1ec3 th\u00eam t\u1ec7p tin Ubuntu CSS v\u00e0o b\u1ea5t k\u1ef3 trang web n\u00e0o m\u00e0 m\u1ed9t nh\u00e0 ph\u00e1t tri\u1ec3n ho\u1eb7c nh\u00e0 thi\u1ebft k\u1ebf c\u00f3 th\u1ec3 \u0111ang l\u00e0m vi\u1ec7c. Cung c\u1ea5p t\u1ec7p tin CSS l\u00e0 m\u1ed9t \u00fd t\u01b0\u1edfng th\u00fa v\u1ecb. \u0110\u00f3 l\u00e0 m\u1ed9t c\u00e1ch nhanh ch\u00f3ng \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o r\u1eb1ng t\u1ea5t c\u1ea3 c\u00e1c y\u1ebfu t\u1ed1 tr\u00ean m\u1ed9t trang web tr\u00f4ng gi\u1ed1ng nhau, b\u00e2y gi\u1edd v\u00e0 trong t\u01b0\u01a1ng lai. T\u00e0i li\u1ec7u sau \u0111\u00f3 s\u1ebd gi\u1ea3i th\u00edch c\u00e1c ki\u1ec3u kh\u00e1c nhau \u0111\u01b0\u1ee3c y\u00eau c\u1ea7u cho c\u00e1c ph\u1ea7n t\u1eed c\u1ee5 th\u1ec3, ch\u1eb3ng h\u1ea1n nh\u01b0 c\u00e1c li\u00ean k\u1ebft v\u00e0 \u0111\u1ec1 m\u1ee5c, tr\u01b0\u1edbc khi chuy\u1ec3n sang b\u1ed1 tr\u00ed l\u01b0\u1edbi b\u1ed1 c\u1ee5c, ki\u1ec3u ch\u1eef, c\u00e1c d\u1ea1ng, b\u1ea3ng bi\u1ec3u, ph\u01b0\u01a1ng ti\u1ec7n v\u00e0 h\u01a1n th\u1ebf n\u1eefa.<\/p>\n

H\u01b0\u1edbng d\u1eabn v\u1ec1 MailChimp UX<\/span><\/h2>\n

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

MailChimp l\u00e0 m\u1ed9t trong nh\u1eefng d\u1ecbch v\u1ee5 ti\u1ebfp th\u1ecb qua email ph\u1ed5 bi\u1ebfn nh\u1ea5t, v\u00ec v\u1eady th\u1eadt tuy\u1ec7t khi th\u1ea5y r\u1eb1ng h\u1ecd \u0111\u00e3 l\u00e0m cho h\u01b0\u1edbng d\u1eabn phong c\u00e1ch c\u1ee7a h\u1ecd \u0111\u01b0\u1ee3c c\u00f4ng khai. C\u0169ng nh\u01b0 cung c\u1ea5p cho ng\u01b0\u1eddi theo d\u00f5i c\u00e1c v\u00ed d\u1ee5 v\u1ec1 c\u00e1ch th\u1ee9c t\u1ea1o ra c\u00e1c y\u1ebfu t\u1ed1, m\u00e3 ngu\u1ed3n ti\u1ec1m \u1ea9n c\u0169ng \u0111\u01b0\u1ee3c cung c\u1ea5p \u0111\u1ec3 th\u1ef1c hi\u1ec7n vi\u1ec7c th\u1ef1c hi\u1ec7n c\u00e1c nguy\u00ean t\u1eafc n\u00e0y l\u00e0 \u0111\u01a1n gi\u1ea3n nh\u1ea5t c\u00f3 th\u1ec3. T\u00e0i li\u1ec7u tr\u1ef1c tuy\u1ebfn n\u00e0y c\u0169ng \u0111\u01b0\u1ee3c \u0111\u1ecbnh d\u1ea1ng t\u1ed1t, l\u00e0m cho n\u00f3 tr\u1edf th\u00e0nh m\u1ed9t trong nh\u1eefng h\u01b0\u1edbng d\u1eabn thi\u1ebft k\u1ebf web d\u1ec5 theo d\u00f5i h\u01a1n.<\/p>\n

H\u01b0\u1edbng d\u1eabn v\u1ec1 Web Style: Nguy\u00ean t\u1eafc thi\u1ebft k\u1ebf c\u01a1 b\u1ea3n \u0111\u1ec3 t\u1ea1o c\u00e1c Web Sites<\/span><\/h2>\n

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

N\u1ebfu b\u1ea1n \u0111ang t\u00ecm ki\u1ebfm m\u1ed9t t\u00e0i nguy\u00ean ngo\u1ea1i tuy\u1ebfn m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 gi\u1eef tr\u00ean b\u00e0n l\u00e0m vi\u1ec7c c\u1ee7a b\u1ea1n, th\u00ec H\u01b0\u1edbng d\u1eabn Ki\u1ec3u Trang Web c\u1ee7a Patrick J. Lynch v\u00e0 Sarah Horton l\u00e0 m\u1ed9t ch\u00fat kinh \u0111i\u1ec3n.<\/p>\n

<\/pre>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
N\u1ebfu b\u1ea1n c\u1ea7n ngu\u1ed3n c\u1ea3m h\u1ee9ng cho d\u1ef1 \u00e1n ti\u1ebfp theo c\u1ee7a m\u00ecnh, b\u1ea1n mu\u1ed1n bi\u1ebft c\u00e1ch t\u1ea1o ra h\u01b0\u1edbng d\u1eabn v\u1ec1 phong c\u00e1ch ri\u00eang c\u1ee7a m\u00ecnh, ho\u1eb7c b\u1ea1n ch\u1ec9 l\u00e0 m\u1ed9t ng\u01b0\u1eddi \u0111\u1ea9y \u0111i\u1ec3m \u1ea3nh, nh\u1eefng ng\u01b0\u1eddi th\u00edch t\u00ecm hi\u1ec3u v\u1ec1 ki\u1ec3u ch\u1eef v\u00e0 c\u00e1ch b\u1ed1 tr\u00ed l\u01b0\u1edbi, \u0111\u00e2y l\u00e0 10 h\u01b0\u1edbng d\u1eabn thi\u1ebft…<\/p>\n","protected":false},"author":5,"featured_media":9683,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[739,741],"class_list":["post-8083","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-thiet-ke-web","tag-thiet-ke-web-cong-ty"],"_links":{"self":[{"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/posts\/8083","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=8083"}],"version-history":[{"count":0,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/posts\/8083\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=\/wp\/v2\/media\/9683"}],"wp:attachment":[{"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=8083"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vietbrands.vn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=8083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}