Trong một thế giới của các thiết bị di động, có một cách dễ dàng (bạn có thể gọi nó là) để có được trang web Google của bạn để trở thành một trang web di động. Bạn sẽ phải thiết kế lại trang web của bạn để phù hợp với một thiết bị di động, có nghĩa là trang web của bạn sẽ được cạo xuống rất nhiều, nhưng không quá nhiều để chỉ đạo các khách hàng đi.

Ok, tôi sử dụng Photoshop CS5 để thiết kế, do đó, chúng ta cần phải bắt đầu bằng cách tạo ra một hình ảnh mới.

Sử dụng kích thước của W400 H480. Các kích thước này là kích thước điện thoại thông minh điển hình của bạn. Độ phân giải màn hình sẽ làm cho trang web của bạn phù hợp một cách chính xác trong màn hình của điện thoại.

Bây giờ, bằng cách sử dụng các lớp của bạn, tạo ra một thư mục hoặc tập hợp các thư mục để giúp tổ chức các lớp của bạn.

Bạn có thể bắt đầu thiết kế một trang web theo cách bạn thường bắt đầu. Đối với trang web này, tôi đang sử dụng một trang web tiêu đề No. Bằng cách này, các liên kết của bạn sẽ được ở đầu và nó sẽ giúp người xem xem các trang chính của bạn ở cái nhìn đầu tiên.

Chiều rộng trang web của bạn cho các nhu cầu thực sự xem là 320px. Trái qua sẽ giúp tạo ra các đường viền xung quanh trang web của bạn. Chiều cao không quan trọng.

Dưới đây là một cái nhìn của tôi Photoshop thiết kế tổng thể cho trang web. Nó đơn giản và sạch sẽ, không phải là rất nhiều đồ họa, hoặc các hiệu ứng hình ảnh. Hãy nhớ có một trang web mà có một tập tin hình ảnh lớn nặng / tải, sẽ biến một khách hàng trong một lần thứ hai.

Bây giờ thời gian của mình cho bạn để tạo ra một trang web di động của Google. Bắt đầu bằng cách sử dụng các thiết lập điển hình của các trang web của bạn. Sử dụng các chủ đề Slate Blank, cách tốt nhất để đi cho thiết kế loại trang web. Khi thiết lập bố trí trang web của bạn, làm cho chiều rộng 320px . Ghi thats diện tích cho nội dung của bạn. Sử dụng Horizontal Navigation Bar .

Một khi bạn chơi xung quanh với những gì tốt nhất trong màu sắc và phong cách của bạn, bạn cần phải có một cái nhìn tốt đẹp cho di động!

Dưới đây là một liên kết đến các trang web https://sites.google.com/site/3sgmobile/ bạn có thể gõ nó trong điện thoại di động của bạn và xem những gì một cách tuyệt vời để có được thông tin cần thiết cho khách hàng thông qua điện thoại di động.

Hy vọng đây là một hướng dẫn tốt cho bạn.