Phác thảo dự án
Toàn bộ điểm của bước này chính là có bố cục của bạn hoạt động cùng với định hình kế hoạch phần tử
đồ họa của bạn. Bây giờ đặt bố cục của bạn xuống giấy nhanh chóng.
Điểm tốt nhất để khởi đầu là xem xét site của bạn sẽ được sử dụng như thế nào. Xem xét các câu hỏi
sau: Liệu bạn có các cột? Nếu như vậy có bao nhiêu cột? Các cột ở bên trái hay phải? Header của
bạn cao bao nhiêu? Footer của bạn cũng có chia ra thành các cột? Tất cả những thứ này sẽ hình thành
cấu trúc của thiết kế của bạn.
Trong hình sau, tôi đã phác thảo một bố cục ba cột cơ bản cái feature sử dụng WordPress blog để quản
lí và feature các bài viết phong cách tạp chí.
Vì thiết kế của tôi muốn cung cấp cho trải nghiệm người xem site đọc một tạp chí loại trang báo, kế hoạch
cho các phần tử đồ họa của tôi là tập trung minh họa về khoảng cách cột trên trang và bố cục phong
cách tạp chí chứa các cột (cụ thể trên home page). Tôi muốn home page có cảm giác tương tự như trang mục
lục của một tạp chí giấy. TOCs trong các tạp chí giấy thường có các ảnh lớn và text giới thiệu tới
các bài viết featured. Chúng sau đó trình bày các hình thức cột lặp lại như “Ask the Expert” hay “Rants
and Raves”.
Bố cục của tôi sẽ tận dụng WordPress blog chính, sử dụng text có sẵn làm text giới thiệu. Tôi sẽ sử
dụng đặc tính WordPress categorizing để mô phỏng một hiển thị các hình thức cột lặp lại (như trong các
hình thức bài viết lặp lại) và monthly archive list là past issues list.
Bắt đầu với ý tưởng nhỏ
Bạn có thể có đôi ý tưởng trong đầu, bạn rót chúng xuống trong hình dáng nhanh ban đầu được gọi là thumbnails.
Thumbnails là một cách thức tiêu chuẩn và được khuyên để bắt đầu quá trình thiết kế mockup. Chúng
là cách cực tốt để làm rõ trên cơ sở bố cục của bạn trước khi tạo một phác thảo lớn hơn (nhưng vẫn thô)
với các chi tiết.
Làm chuẩn mockup
Cái này dường như có thể làm hỏng mục đích thiết kế nhanh, nhưng nếu bạn đang làm việc trong một đội ngũ thiết
kế lớn , bạn có thể mất thời gian để làm chuẩn phác thảo của bạn bằng dòng kẻ đẹp hơn (đôi khi gọi là
wire frame). Cái này có thể giúp các nhà phát triển khác trong đội ngũ của bạn hiểu ý tưởng WordPress
theme của bạn rõ ràng hơn.
