{"id":649,"date":"2019-06-30T16:36:09","date_gmt":"2019-06-30T09:36:09","guid":{"rendered":"https:\/\/webvocuc.com\/blog\/?p=649"},"modified":"2021-09-15T16:09:56","modified_gmt":"2021-09-15T09:09:56","slug":"10-cong-cu-tao-mockup-website-phan-3","status":"publish","type":"post","link":"https:\/\/webvocuc.com\/blog\/10-cong-cu-tao-mockup-website-phan-3.html","title":{"rendered":"10 c\u00f4ng c\u1ee5 t\u1ea1o mockup website ph\u1ea7n 3"},"content":{"rendered":"

10 c\u00f4ng c\u1ee5 t\u1ea1o mockup website<\/strong> ph\u1ea7n 2.<\/a><\/p>\n

\"10<\/p>\n

8. Mockup website Draw.io<\/a>.<\/h2>\n

Thi\u1ebft k\u1ebf mockup website<\/strong><\/a> d\u1ec5 d\u00e0ng, nhanh ch\u00f3ng v\u1edbi c\u00f4ng c\u1ee5 Draw.io.<\/p>\n

Draw.io l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed cung c\u1ea5p nh\u1eefng th\u1ebf m\u1ea1nh \u0111\u1ee7 \u0111\u1ec3 c\u1ea1nh tranh v\u1edbi c\u00e1c \u1ee9ng d\u1ee5ng kh\u00e1c. C\u00e1c c\u00f4ng c\u1ee5 tr\u00ean giao di\u1ec7n Draw.io l\u00e0m vi\u1ec7c \u0111\u01b0\u1ee3c b\u1ed1 tr\u00ed g\u1ecdn g\u00e0ng, khoa h\u1ecdc.<\/p>\n

Trong m\u1ed9t gi\u1edbi h\u1ea1n nh\u1ea5t \u0111\u1ecbnh, v\u1edbi nh\u1eefng h\u00ecnh, b\u1ed1 c\u1ee5c \u0111\u01a1n gi\u1ea3n. C\u00f4ng c\u1ee5 Draw.io c\u00f3 nhi\u1ec1u t\u00ednh n\u0103ng h\u1ed7 tr\u1ee3 ng\u01b0\u1eddi d\u00f9ng r\u1ea5t nhanh ch\u00f3ng, d\u1ec5 d\u00e0ng v\u00e0 thu\u1eadn ti\u1ec7n.<\/p>\n

M\u1ed9t l\u1ee3i th\u1ebf c\u1ee7a Draw.io l\u00e0 c\u1ee7a n\u00f3 t\u00edch h\u1ee3p li\u1ec1n m\u1ea1ch v\u1edbi Google Drive, Dropbox v\u00e0 Chrome. \u0110\u1ed1i v\u1edbi mockup website, nh\u1ea5t \u0111\u1ecbnh ph\u1ea3i \u201cm\u1edf kh\u00f3a\u201d c\u00e1c y\u1ebfu t\u1ed1 d\u00e0nh ri\u00eang cho mockups. Ch\u1ecdn \u201cMore Shapes\u2026\u201d v\u00e0 nh\u1ea5p v\u00e0o \u00f4 Mockup trong ph\u1ea7n m\u1ec1m.<\/p>\n

9. Mockup website Coolors<\/a>.<\/h2>\n

T\u1ea1o m\u00e0u ng\u1eabu nhi\u00ean v\u1edbi gi\u00e1 tr\u1ecb ch\u00ednh x\u00e1c b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00f4ng c\u1ee5 Coolors.<\/p>\n

Ngo\u00e0i nh\u1eefng ph\u1ea7n m\u1ec1m ch\u1ec9nh s\u1eeda h\u00ecnh \u1ea3nh, c\u00f3 r\u1ea5t nhi\u1ec1u c\u00f4ng c\u1ee5 kh\u00e1c h\u1ed7 tr\u1ee3 nhi\u1ec1u cho b\u1ea1n trong vi\u1ec7c s\u00e1ng t\u1ea1o mockup website<\/a>. \u0110\u1eb7c bi\u1ec7t l\u00e0 m\u00e0u s\u1eafc.<\/p>\n

Coolors l\u00e0 m\u1ed9t trong nh\u1eefng c\u00f4ng c\u1ee5 t\u1ea1o m\u00e0u th\u00f4ng minh nh\u1ea5t cho vi\u1ec7c t\u1ea1o mockup website. V\u1edbi m\u1ed9t c\u00fa nh\u1ea5p chu\u1ed9t, c\u00f4ng c\u1ee5 mi\u1ec5n ph\u00ed n\u00e0y t\u1ea1o ra m\u00e0u s\u1eafc ch\u01b0\u01a1ng tr\u00ecnh ng\u1eabu nhi\u00ean v\u1edbi gi\u00e1 tr\u1ecb ch\u00ednh x\u00e1c cho HEX, RGB, CMYK, PMS, v\u00e0 COPIC. N\u1ebfu b\u1ea1n ch\u01b0a ngh\u0129 ra m\u00e0u s\u1eafc n\u00e0o ph\u00f9 h\u1ee3p cho website c\u1ee7a m\u00ecnh. H\u00e3y s\u1eed d\u1ee5ng c\u00e1ch ch\u1ecdn m\u00e0u ng\u1eabu nhi\u00ean. B\u1ea1n c\u00f3 th\u1ec3 kh\u00f3a c\u00e1c m\u00e0u s\u1eafc m\u00ecnh th\u00edch cho \u0111\u1ebfn khi t\u00ecm ra b\u1ea3ng m\u00e0u ho\u00e0n h\u1ea3o. C\u00f4ng c\u1ee5 n\u00e0y t\u01b0\u01a1ng th\u00edch iOS, Android, Photoshop v\u00e0 Illustrator.<\/p>\n

10.\u00a0Mockup website\u00a0Color Safe<\/a>.<\/h2>\n

C\u00f4ng c\u1ee5 cung c\u1ea5p cho c\u00e1c nh\u00e0 thi\u1ebft k\u1ebf c\u00e1c b\u1ea3ng m\u00e0u d\u1ec5 d\u00e0ng v\u00e0 ti\u1ec7n d\u1ee5ng cho ng\u01b0\u1eddi d\u00f9ng d\u1ef1a theo c\u00e1c h\u01b0\u1edbng d\u1eabn WCAG d\u1ea1ng v\u0103n b\u1ea3n v\u00e0 c\u00e1c t\u1ef7 l\u1ec7 t\u01b0\u01a1ng ph\u1ea3n n\u1ec1n. C\u00f4ng c\u1ee5 gi\u00fap cho m\u00e0u s\u1eafc c\u1ee7a ch\u1eef vi\u1ebft tr\u00ean thi\u1ebft k\u1ebf mockup c\u1ee7a b\u1ea1n tr\u1edf n\u00ean d\u1ec5 \u0111\u1ecdc h\u01a1n. N\u00f3 gi\u00fap t\u1ea1o ra c\u00e1c b\u1ea3ng m\u00e0u v\u1eeba \u0111\u1eb9p m\u1eaft v\u1eeba hi\u1ec7u qu\u1ea3. B\u1ea1n ch\u1ec9 c\u1ea7n nh\u1eadp k\u00edch th\u01b0\u1edbc font ch\u1eef v\u00e0 m\u00e0u s\u1eafc n\u1ec1n mong mu\u1ed1n. C\u00f4ng c\u1ee5 n\u00e0y s\u1ebd \u0111\u01b0a ra ph\u01b0\u01a1ng \u00e1n m\u00e0u s\u1eafc v\u1edbi t\u1ef7 l\u1ec7 t\u01b0\u01a1ng ph\u1ea3n h\u1ee3p l\u00fd.<\/p>\n

B\u00e2y gi\u1edd c\u00e1c nh\u00e0 thi\u1ebft k\u1ebf c\u00f3 th\u1ec3 d\u1ec5 d\u00e0ng ch\u1ecdn nh\u1eefng k\u1ebft h\u1ee3p m\u00e0u m\u00e0 cho ph\u00e9p ng\u01b0\u1eddi d\u00f9ng \u0111\u1ecdc n\u1ed9i dung c\u1ee7a h\u1ecd. M\u00e0 kh\u00f4ng c\u1ea7n quan t\u00e2m \u0111\u1ebfn kh\u1ea3 n\u0103ng tr\u1ef1c quan v\u00e0 \u0111\u1ed9 ph\u00e2n gi\u1ea3i m\u00e0n h\u00ecnh kh\u00e1c nhau.<\/p>\n

Nh\u1eefng c\u00f4ng c\u1ee5 thi\u1ebft k\u1ebf t\u0129nh r\u1ea5t \u0111a d\u1ea1ng v\u1edbi nhi\u1ec1u t\u00ednh n\u0103ng phong ph\u00fa, th\u00edch h\u1ee3p v\u1edbi nhu c\u1ea7u th\u1ecb hi\u1ebfu kh\u00e1c nhau. H\u00e3y s\u1eed d\u1ee5ng b\u1ea5t k\u00ec c\u00f4ng c\u1ee5 n\u00e0o tho\u1ea3i m\u00e1i cho b\u1ea1n nh\u1ea5t ngay c\u1ea3 khi n\u00f3 l\u00e0 nh\u1eefng trang gi\u1ea5y v\u00e0 c\u00e2y b\u00fat ch\u00ec l\u1ed7i th\u1eddi.<\/p>\n","protected":false},"excerpt":{"rendered":"

10 c\u00f4ng c\u1ee5 t\u1ea1o mockup website ph\u1ea7n 2. 8. Mockup website Draw.io. Thi\u1ebft k\u1ebf mockup website d\u1ec5 d\u00e0ng, nhanh ch\u00f3ng v\u1edbi c\u00f4ng c\u1ee5 Draw.io. Draw.io l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 tr\u1ef1c tuy\u1ebfn mi\u1ec5n ph\u00ed cung c\u1ea5p nh\u1eefng th\u1ebf m\u1ea1nh \u0111\u1ee7 \u0111\u1ec3 c\u1ea1nh tranh v\u1edbi c\u00e1c \u1ee9ng d\u1ee5ng kh\u00e1c. C\u00e1c c\u00f4ng c\u1ee5 tr\u00ean giao di\u1ec7n Draw.io l\u00e0m […]<\/p>\n","protected":false},"author":2,"featured_media":651,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7],"tags":[56],"class_list":["post-649","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-online-marketing","tag-mockup-website"],"jetpack_featured_media_url":"https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2020\/10\/10-cong-cu-tao-mockup-website-phan-3-02_ex3san.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/posts\/649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/comments?post=649"}],"version-history":[{"count":2,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/posts\/649\/revisions"}],"predecessor-version":[{"id":4411,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/posts\/649\/revisions\/4411"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/media\/651"}],"wp:attachment":[{"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/media?parent=649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/categories?post=649"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/tags?post=649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}