Thiết kế Photoshop của bạn được dựng bằng HTML và CSS: một trang từ bố cục đã xuất, kèm bản cho điện thoại

Ví dụ kết quả

Ví dụ cho gói Tiêu chuẩnXem toàn bộ

Trang chủ phòng khám nha khoa làm theo bản thiết kế của họ

Trước: bản thiết kế khách hàng gửi

Sau: trang đã hoạt động

Tệp: một tệp ZIP gồm index.html, các tệp style và 2 hình cho trang, sẵn sàng tải lên hosting của khách hàng. Các hình ở đây là ảnh chụp màn hình của trang.

Khách hàng: phòng khám nha khoa Bright Smile Dental. Yêu cầu: biến bản thiết kế trang chủ thành một trang HTML hoạt động được, giữ nguyên bố cục, màu sắc và nội dung chữ, kèm các nút đặt lịch gọi thẳng đến phòng khám.

Khách hàng và mọi thông tin đều là giả định.

Về dịch vụ này

Nhiều website vẫn bắt đầu từ một bố cục Photoshop, thường là một artboard cao chứa toàn bộ trang. Hãy xuất thành PNG hoặc JPEG và tải lên, chúng tôi dựng bằng HTML và CSS: cùng các phần, cột, màu sắc và nút, với văn bản thật thay vì chữ nằm trong hình, và bản cho điện thoại làm từ bố cục máy tính nếu chưa có bản di động. Chúng tôi không mở được file PSD, nên layer, smart object và các trạng thái ẩn không được đọc. Ảnh và hình minh họa được vẽ mới theo cùng tinh thần, trừ khi bạn xuất chúng và tải lên thành file riêng. Không có hiệu ứng động, back end, cửa hàng, CMS hay hosting.

Bao gồm những gì

• Bạn nhận được gìTệp ZIP gồm các trang, style và hình ảnh, sẵn sàng tải lên hosting, kèm bản xem trước từng trang trên trang đơn hàng.
• Sát với bố cục của bạnCác phần, cột, màu sắc và cỡ chữ như trong file xuất
• Bản cho điện thoạiLàm từ thiết kế máy tính khi bạn chưa có bản di động
• Văn bản thậtTiêu đề và đoạn văn dạng HTML mà công cụ tìm kiếm đọc được
• Ảnh của bạn đúng chỗĐược xuất hoặc gửi thành file riêng, ảnh được dùng nguyên trạng
• Code gọn gàngHTML và CSS thuần, không framework, không tải gì từ website khác

Cách hoạt động

1. 1
   Xuất fileBạn xuất bố cục thành hình ảnh và tải lên kèm ghi chú
2. 2
   Dựng trangChúng tôi dựng các trang và vẽ những hình chưa được gửi
3. 3
   Xem trước và tệp nénBạn so sánh các trang với thiết kế trên máy tính và điện thoại, tải tệp nén về và yêu cầu chỉnh sửa trong phạm vi gói

Chúng tôi cần gì từ bạn

Tối đa 5 hình PNG, JPEG hoặc WebP: bố cục xuất từ Photoshop bằng File > Export > Export As, mỗi file một trang, và, nếu bạn muốn, ảnh hoặc logo thành file riêng để dùng nguyên trạng. Hãy cho biết file nào là trang nào, font đã dùng, những đoạn văn bản khác với bố cục, và mỗi nút dẫn tới đâu. Không nhận file PSD.

Chúng tôi sẽ hỏi bạn:

• File nào là trang nào?
• Font trong bố cục
• Văn bản có cần giữ đúng như trong bố cục không?
• Mỗi nút dẫn tới đâu?
• Thiết kế có phải của bạn không?

So sánh các gói

Hỏi đáp

Chưa tìm thấy câu trả lời? Hỏi chúng tôi