Monday, 16/07/2018
News
Home » Software » Công cụ thiết kế bố cục website – Balsamiq Mockups

Công cụ thiết kế bố cục website – Balsamiq Mockups

Khi bạn bắt tay vào xây dựng một website chắc hẳn bạn đã lên ý tưởng sẽ xây dựng giao diện, bố cục website đó như thế nào, theo mẫu chủ đề gì? Tuy vậy, từ ý tưởng cho tới thực tế sẽ có chút khó khăn nếu bạn không thể cụ thể được ý tưởng đó ra bằng các mẫu bản thiết kế mềm hoặc bản vẽ tay, bạn lại không phải là người giỏi sử dụng các phần mềm thiết kế như Photoshop, Illustrator. Hãy yên tâm vì đã có công cụ giúp bạn “phác hoạ” ý tưởng thiết kế website một cách chi tiết và cực dễ sử dụng, công cụ có cái tên hơi hơi lạ chút – Balsamiq Mockups 🙂 .

Balsamiq Mockups - phan-mem-tao-giao-dien-websiter

Bạn có thể tải công cụ này tại đây: Download Balsamiq Mockups

Key:

Name: SoftVnn
eJzzzU/OLi0odswsqgnOTysJy8ursUQCNc41hjV+7q5+AClADYE=

Pass giải nén: dinhnguyen.net

Các bạn tải về, giải nén ra và chạy file MockupsForDesktop Installer

Balsamiq Mockups - phan-mem-tao-giao-dien-website1

Chọn Install

Balsamiq Mockups - phan-mem-tao-giao-dien-website2

Tiếp tục chọn Continue

Balsamiq Mockups - phan-mem-tao-giao-dien-website3

Cuối cùng chọn I Agree là bạn đã hoàn thành việc cài đặt 🙂

Balsamiq Mockups - phan-mem-tao-giao-dien-website4

Biểu tượng và màn hình làm việc của công cụ cũng rất thân thiện, dễ sử dụng. Khu vực khoanh đỏ là tổng hợp các công cụ có sẵn giúp bạn thực hiện triển khai ý tưởng của mình. Phần không gian trắng bên dưới là khu vực bạn sẽ làm việc.

Balsamiq Mockups - phan-mem-tao-giao-dien-website5

Sử dụng phần mềm rất đơn giản, các công cụ tổng hợp có sẵn như Thanh tiêu đề, hình ảnh, video, banner, các nút điều khiển… đều được tích hợp sẵn, bạn chỉ việc lựa chọn chúng bằng cách click đúp chuột trái vào các biểu tượng hoặc click giữ và kéo chúng xuống vùng làm việc rồi sắp xếp vị trí của chúng theo ý muốn của bạn.

Ví dụ ở đây mình muốn trang chủ của mình có 1 list danh mục ở cột bên trái, slide show ảnh ở giữa với 1 số nút đặc biệt phía trên, cột bên phải là lịch…mình chỉ việc lựa chọn cái mình thích và thả vào vị trí mình muốn, cực đơn giản và tiện lợi 🙂

Balsamiq Mockups - phan-mem-tao-giao-dien-website7

Để sửa nội dung trong các công cụ cũng rất dễ, bạn chỉ việc click đúp vào đó và sửa nội dung theo ý bạn thôi 🙂 .

Balsamiq Mockups - phan-mem-tao-giao-dien-website8

Và bạn có thể sửa chữa, trình bày ý tưởng thoải mái theo cách rất dễ dàng.

Với công cụ này bạn hoàn toàn có thể xây dựng mọi website từ đơn giản tới phức tạp, từ trang chung cho tới các trang chi tiết rất dễ dàng và nhanh chóng, các công cụ con của Balsamiq Mockups đầy đủ cho bạn sử dụng 🙂

Balsamiq Mockups - phan-mem-tao-giao-dien-website12

Balsamiq Mockups - phan-mem-tao-giao-dien-website11

Làm xong các bạn nhớ lưu lại thành quả nhé 🙂

Nguồn: todayskill

1 Star2 Stars3 Stars4 Stars5 Stars6 Stars7 Stars8 Stars9 Stars10 Stars (2 votes, average: 10.00 out of 10)
Loading...

Leave a Reply

Your email address will not be published. Required fields are marked *

*

:cuoi: :hix: :hihihi: :kiss: :sexy: :dotay: :ngacnhien: :oh: :love: more »