Từ video cuối cùng, chúng tôi biết chúng tôi có năm điểm chính cần xem xét khi bắt đầu thiết kế trang web này. Chúng tôi sẽ giữ những điều đó trong tâm trí của chúng tôi khi chúng tôi tiến về phía trước.
Tất nhiên, chúng tôi đang bắt đầu "thiết bị di động trước tiên" và chúng tôi sẽ bắt đầu tìm ra thiết kế trong Photoshop. Chúng tôi sẽ không nán lại ở đó, nhưng các công cụ sáng tạo trong Photoshop rất tốt cho tư duy sáng tạo khi bắt đầu một dự án thiết kế.
Chúng tôi mở trình mô phỏng iOS miễn phí với XCode trên Mac. Nó để kiểm tra web và các ứng dụng gốc trên máy tính để bàn / máy tính xách tay. Chúng tôi chỉ muốn nó nhanh chóng để chúng tôi có thể chụp ảnh màn hình của nó để cung cấp cho chúng tôi khung theo ngữ cảnh trong Photoshop.
Đối với hồ sơ, chúng tôi không khởi động “iPhone” trước, nó chỉ là một màn hình nhỏ thuận tiện cho chúng tôi thiết kế xung quanh. Chúng tôi sẽ không thiết kế bất cứ thứ gì quá cụ thể đối với kích thước hoặc khả năng của iPhone.
Để tạo cho mình một khung vẽ cao hơn để làm việc (không cần giới hạn trang web trong “màn hình đầu tiên”), chúng tôi cắt phần dưới cùng của điện thoại và kéo nó xuống thấp hơn. Sau đó, chúng tôi lấy một lát mỏng của các cạnh của iPhone và kéo chúng xuống, vì vậy về cơ bản chúng tôi có một chiếc iPhone siêu cao (nhưng hoàn chỉnh) này.
Chúng tôi để lại một hướng dẫn ở nơi màn hình ban đầu kết thúc để nhắc nhở chúng tôi rằng nó lớn như thế nào. Vâng, tất cả mọi người cuộn. Đặc biệt là trên điện thoại di động. Nhưng vẫn rất tuyệt khi biết màn hình đầu tiên trông như thế nào.
Các tập tin
- # 004 - Phone Canvas.psd.zip
- # 004 - Ảnh thô .zip