Sử dụng wireframing khi thiết kế website (phần 2)
phuongdhh > 12-02-2016, 06:46 AM
Cũng giống như bản blueprint trong thiết kế website, bạn cần coi nó như bản phác thảo sơ đồ đen trắng 2 chiều trước lúc nghĩ ra cách thức xây một ngôi nhà thật sự. Tương tự, ở thiết kế giao diện, bạn không thể bắt đầu tạo lớp (layer) trong photoshop, hay viết các đoạn mã, mà không biết thông tin sẽ được xử lý ra sao.
[IMG]
Bước 3: chọn công cụ
Có rất nhiều dịch vụ và phầm mềm, thậm chí các vận dụng thiết kế web bán hàng online đưa ra các công cụ giúp các nhà thiết kế tạo sơ phác và wireframe như:
Phần mềm chuyên nghiệp:
balsamiq (balsamiq.com): hỗ trợ tạo phác thảo (sketch), mẫu thử nghiệm (mock-up), balsamiq cũng cung cấp thư viện các phần tử trang web gia re có thể tương tác bằng phương pháp kéo thả
axure (axure.com): 1 trong các chương trình rất chuyên nghiệp để tạo phác thảo, bản mẫu (wireframing/prototyping). ngoài ra phần mềm chỉ hỗ trợ cài đặt trên Window, bạn có thể sử dụng phần mềm Omnigraffle thay thế trên Mac.
Phần mềm trực tuyến: mockflow.com, hotgloo.com, gomockingbird.com
Như đã nói ở trên, bạn có thể lựa chọn lựa bất cứ phần mềm nào mà bạn cảm tìm thấy thoải mái và quen thuộc để làm việc ở giai đoạn này. Với riêng kinh nghiệm thiết kế website giá rẻ tại hà nội của mình, tôi khuyên bạn phải nên đang sử dụng những phần mềm thân thuộc như In Design, Corel Draw, Illustrator…
bước bốn : thiết lập Grid
Về lý thuyết Anh chị em có thể tìm đọc chuyên sâu trong 1 số bái viết khác về grid system hay grid framework. Bạn có thể hiểu thuận lợi grid là một cấu trúc được thiết kế sẵn theo dạng lưới đang dùng để làm nền tảng cho việc bố trí những phần tử web trên layout.
Như đã kể ở trên có một số grid framework phổ biến hiện tại như 960 Grid System, Boostrap, Foundation, Skeleton … bạn có thể tải về để làm wireframe cho thiết kế layout của mình.
đầu tiên hãy thiết lập trang theo màn hình tiêu chuẩn 1280×900. Grid tiêu chuẩn sẽ có tối đa 1140px
Thông tin liên hệ: thiet ke web tai ha noi Keyweb.vn
Địa chỉ : Số 36, ngõ 1, Đình Thôn, phường Mỹ Đình 1, quận Nam Từ Liêm, Hà Nội.