Hồi giờ xài Axure để làm wireframe, nhưng đi loanh quanh thấy nhiều anh chị và các bạn đồng nghiệp xài Sketch, bàn luận sôi nổi hào hứng làm mình cũng muốn thử xem như thế nào, nhưng tiếc là không có Macbook. Mấy nay có điều kiện hơn chút xíu, nên phải tranh thủ cài ngay và thử ngay.
Lúc đầu, mình định thử thiết kế luôn UI cho app mobile mà mình đang làm freelance cho TPBank, tuy nhiên sẵn tiện đang cần làm cái brochure cho MD Studio hơn, nên quyết định quay ra thử nghiệm với nó trước.
Và dưới đây chính là thành quả mấy đêm trời của mình.
Lẽ ra nên làm thêm 2 trang nữa để nhìn cho nó chẵn, nhưng thật sự là quá buồn ngủ nên thôi…
Vì brochure này làm xong sẽ in ra, nên mình thiết kế theo từng cặp trang chứ không đi từng trang riêng lẻ. Ví dụ bìa sau sẽ đi cùng bìa trước, rồi cứ thế các trang trên cùng một mặt sẽ đi với nhau (trang 2 đi với 3, trang 4 đi với 5 and so on…)
Khi đi theo từng cặp trang như thế này, mình cũng sẽ dễ đặt hai trang trên cùng một concept. Được cái Sketch vẽ mỗi trang là một artboard nhưng tất cả xếp trên cùng một chỗ như thế này nên rất dễ nhìn, dễ làm, dễ bao quát tất cả (và cũng có lưới như Photoshop vậy, nên canh chỉnh thật tiện lợi).
1- Một vài quy chuẩn thiết kế cho bản in brochure
Vì làm thiết kế này để in, nên mình cũng tuân theo một số quy tắc thiết kế riêng do bản in có những yêu cầu đặc thù, không giống như làm một bản thiết kế để xem online. Dưới đây là vài quy tắc mình đã áp dụng:
- Thường sẽ in khổ A4 nên lúc chọn artboard mình sẽ chọn khổ A4 (đã có sẵn trong Sketch).
- Là bản in nên chỉ dùng tối đa 2 font (1 cho title, 1 cho bodytext), như thế ấn bản sẽ xuyên suốt, đồng nhất hơn.
- Font size chuẩn trên tài liệu bản in thường là 9.5 – 10.5 cho chữ không chân và 9 – 10 cho chữ có chân.
- Khoảng cách giữa các dòng thường ở khoảng 11.5 – 12 để phù hợp nhất với khả năng scan và đọc kỹ thông tin của mắt người.
- Ảnh dùng trong tài liệu bản in phải có dung lượng rất cao để in ra sắc nét và không bị vỡ. Mình lấy ảnh chất lượng cao miễn phí tại Pexels
2- Chi tiết một vài trang bên trong
Bìa ngoài cùng (Bìa 1)
3- Những điểm còn hạn chế của bản thiết kế
Để tự nhận xét về bản thiết kế này, thì mình tự thấy nó còn mắc rất nhiều lỗi như:
- Sử dụng khoảng trắng không hợp lý làm cho bố cục bị loãng.
- Một số trang còn lạm dụng nhiều màu sắc (làm một hồi thì bị lạc khỏi concept màu ban đầu) nên những trang này bị lệch tone với những trang còn lại. Nguyên nhân là mình đã không lên color palette cho bản thiết kế ngay từ đầu.
- Đôi chỗ hơi tham chi tiết nên thành ra thiết kế trở nên hỗn độn và giảm độ tinh tế
- Chia cột chưa thực sự ổn. Thường thì trên bản in, ở một mặt giấy nên chia cột từ 2 – 4. Quá 4 sẽ khiến người đọc khó tập trung và theo dõi nội dung. Còn dưới 2 thì vô tình biến tờ brochure thành một trang sách, nhiều tờ của brochure như thế này hợp lại sẽ tạo thành một cuốn sách… Trong khi đó, brochure mình làm thì lại có khá nhiều trang chỉ có duy nhất 1 cột nội dung… Nếu in thành tập tạp chí thì sẽ rất đẹp, nhưng in thành brochure thì sợ lại phản tác dụng.
Dù sao đi nữa, mình chỉ nghiệm ra mấy cái trên sau khi đã làm xong đâu đấy và gửi đi in rồi, nên có lẽ sẽ quay lại sửa nó vào một ngày không xa.
4- Tổng kết quá trình thiết kế
- Mức độ quen thuộc với tool khi bắt đầu làm: khoảng 5%. Trước đó mình chỉ tìm hiểu mấy cái cơ bản như tạo file, xuất file, tạo artboard, biết các tính năng mà tool có support… Mình chỉ từng thử làm vài thứ sơ sơ nhưng cũng rất ít, vì công việc của mình chủ yếu đòi hỏi thiết kế wireframe và mockup chứ không phải thiết kế một layout hoàn chỉnh để code phần UI, nên mình dùng các tool khác, không dùng Sketch.
- Thời gian hoàn thiện: mình làm mỗi ngày vài tiếng, trong khoảng 5 ngày. Ngày đầu tiên ngồi từ 10h tối đến luôn 8h sáng hôm sau (khoảng 10 tiếng), những ngày còn lại mỗi ngày khoảng 3-4 tiếng, và ngày cuối cùng cũng khoảng gần 10 tiếng. Như vậy tổng cộng khoảng ~29-30 tiếng, một con số khá lớn để tạo ra thành phẩm cuối cùng. Nếu so với các bạn designer chuyên nghiệp thì có lẽ mình đã mất gấp 4-5 lần thời gian để hoàn thành công việc, tuy vậy mình vẫn cảm thấy happy sau khi làm xong.
5- Cảm nghĩ về tool Sketch
- Độ dễ (thân thiện) của tool: Một công cụ thiết kế rất cool và dễ xài. Mình từng học Photoshop để thiết kế banner, template đơn giản nhưng học được đúng hai tuần là oải, vì mình thấy tool tương đối phức tạp và khó xài. Với Sketch thì thời gian làm quen và học tool được rút ngắn hơn nhiều. Cũng có thể tính năng của Sketch được thiết kế gần gần như Axure (tool mình dùng để vẽ wireframe) nên mình cũng không bị bỡ ngỡ. Nhưng dù thế thì mình vẫn thấy Sketch dễ xài. Mình rất thích.
Đọc thêm bài viết so sánh về Sketch và Axure tại đây
- Độ mạnh của tool: tính đến thời điểm hiện tại mình cho 9/10 vì chưa có gì mình cần mà nó không thể đáp ứng.
—
Dự định của mình là trong thời gian tới, sẽ tiếp tục thử tìm tòi và nghiên cứu thêm Sketch. Chả phải mình có tham vọng cố gắng trở thành master của cái tool này đâu nhưng thực sự là mình thấy nó hay quá, mình thích chơi với nó nên chắc chắn sẽ còn nhiều thứ hay ho khác. Chắc cũng mất thêm mấy chục đêm loay hoay nữa.
Trong thời gian đó, các bạn có nhu cầu tìm hiểu, giao lưu kết bạn với cộng đồng các bạn bè anh em dùng Sketch, thì vào Facebook search Sketch User để tham gia nhé.
Xem thêm: Khóa học Product Management – Quản lý sản phẩm cho người mới bắt đầu