Hỏi về vấn đề bỏ qua bước tạo giao diện bằng photoshop.

Thực ra là có một số người thiết kế giao diện website không thông qua bản mẫu hình ảnh, đặc biệt là với phong cách flat hiện nay, vì hiệu ứng hình ảnh phải sử dụng PTS ít hoặc thậm chí không có, đặc biệt là có font icon nên hầu như có thể không cần động đến PTS, nhưng nói gì thì nói, bạn vẫn phải có tư duy về màu sắc, cách sắp xếp bố cục trang, các khoảng trống, có kiến thức về typo và có thể tưởng tượng ra một giao diện ảo trong đầu để code css cho đẹp.
Ưu điểm:
- Bỏ qua được bước lên layout bằng PTS, tiết kiệm khá nhiều thời gian và công sức.
- Với việc vận dụng các class v.v.. việc hiệu chỉnh các thành phần, font, màu sắc, khoảng cách rất nhanh, không phải chỉnh tay từng chi tiết như trong PTS.
- Áp dụng trực tiếp các hiệu ứng chuyển động, trông sẽ trực quan sinh động hơn.
- Luyện thêm về css.
Nhược điểm:
- Vẫn phải chỉnh sửa hình ảnh từ PTS, vì hình ảnh cũng để làm đẹp cho trang web, chả ai thích trang web với đống hình ảnh nát bét.
- Phải có kiến thức tốt về màu sắc, typo, bố cục, tỷ lệ v.v.., tư duy trừu tượng, vì trong đầu bạn phải tưởng tượng ra một trang web ảo để dựa vào đó mà xây dựng web thật.
- Css phải vững, không giành cho gà mờ
Nói chung là tạm thời chỉ nghĩ ra được từng đó, nhưng mình thấy cách nghĩ của bạn cũng khá hay. Đôi lúc mình cũng nghĩ đến cách đó khi làm quen với flat, nhưng kém về css nên đành quay lại với cái máng PTS

Cám ơn phần nhận xét của bạn, mình cũng đang loay hoay tìm tài liệu về màu sắc, bố cục, tỷ lệ,... để nghiên cứu mảng thiết kế. Mình thường chọn bộ màu chuẩn nào đó rồi phối hợp qua lại, bố cục thì làm các layout phổ biến tùy chức năng của trang thôi, skectch sơ sơ, rồi vừa code vừa canh chỉnh tỷ lệ, .
Mình thấy mấy bạn rành PTS kéo chuột và lướt phím nhanh cũng ham, đang học từ từ cho thấm, vì không nhớ hết chức năng nên làm chậm quá .
Ah đúng là mình thường làm theo phong cách flat, và luôn dùng icon font (font-awesome)

Ồ - nếu bạn làm web đơn giản cho mình và có vài chức năng thì chắc như bạn coids nói là cũng có phần đúng.
Xong bản vẽ CS còn có tính chất phác thảo ý tưởng nữa, để bạn không bị đi lệnh hướng từ đầu.
các hiện thị, Style, fomt chữ,màu sắc
Nhưng đặc biệt vẫn là các chức năng fai có tính đồng nhất.
Bạn không thể nào mờ có thể nghĩ và code 1 mạch được.
Định hướng xuyên suốt của ý tưởng vô cùng quan trọng.
Bạn code...và code rồi bạn sẽ nhìn lại ...và làm lại từ đầu. Vậy có fai là tiết kiệm thời gian hay ngược lại.
Nhưng bạn cứ làm như bạn đang nghĩ đi. mình nghĩ cũng nên làm thử để biết nhỉ?
chúc thành côgn sẽ đến với bạn

Có những phần chức năng cho web cần sự tính toán kỹ và tỉ mỉ trên bản vẽ...