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

Khi bạn bắt tay vào thiết kế 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ư đồ họa Photoshopđồ họa 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-300x300Bạn có thể tải công cụ này tại đây: Download Balsamiq Mockups

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-1024x511

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-1024x623

Để 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-1024x566

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é ?

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *