Đây là bước cuối cùng trong loạt bài hướng dẫn quy trình thiết kế web, sau khi đã có được layout web bằng photoshop thì các bạn tiến hành chuyển nó thành file HTML hoàn chỉnh. Ở đây mình sử dụng chủ yếu là CSS để thực hiện, với 1 bài viết thì không thể nào nói hết được, do đó, mình giới thiệu đến các bạn những bài hướng dẫn chuyển từ PSD sang HTML của các designer trên thế giới. Hy vọng sẽ hữu ích cho các bạn!
1. The Design Lab: PSD Conversion
2. From PSD to HTML, Building a Set of Website Designs Step by Step
3. Coding: Design Lab TV Styled Layout
4. PSD to CSS/HTML in Easy Steps – Part 1
5. Slice and Dice that PSD
6. Converting a Photoshop Mockup: Part Two, Episode One
7. Build a Sleek Portfolio Site from Scratch
8. Portfolio Layout – Learn To Code It
9. Converting a Design From PSD to HTML
10. How to Convert a PSD to XHTML
11. How to Convert PSd to Html
12. Creating a CSS Layout from scratch
13. PSD > HTML/CSS
14. Encoding a Photoshop Mockup into XHTML & CSS
15. Css Template Tutorial
16. Portfolio Layout 4: The Code
17. Tutorial Coding a Layout
18. Converting a Photoshop Mockup
19. Killer site – From Illustrator to Xhtm to Drubal
20. From PSD to HTML
21. Coding a Car Sales Layout
(Nguồn tổng hợp từ https://dzineblog.com)
Chị cho em hỏi người không hiểu biết hoặc chưa có nhiều kiến thức về CSS có thể thiết kế web bằng những cách chị chia sẻ trên đây không ạ?
Chào Uyên
Tình cờ tìm thấy Blog của em, và đọc các bài của em rất xúc tích, hay và hữu ích. Song có điều trong loạt về thiết kế website anh vẫn thấy phần Màu sắc chưa thấy nói nhiều. Vậy Uyên có thể viết thêm vài bài về các quy tắc, bước chọn màu sắc khi thiết kế website được không, vì cái này thực sự rất nhiều người khó khăn khi bắt đầu chọn màu cho web.
Cám ơn em lần nữa.
Cảm ơn chị Thúy Uyên rất nhiều bài viết của chị rất hay rất hữu ích, mong sớm có nhiều bài viết hơn về PSD to HMTL. Chúc chị có nhiều sức khỏe.
Thân!
tất cả là có bao nhiêu part Quy trình thiết kế web hả chị?
Cảm ơn chị Thúy Uyên rất nhiều bài viết của chị rất hay rất hữu ích, mong sớm có nhiều bài viết hơn về PSD to HMTL. Chúc chị có nhiều sức khỏe.
Thân!
tất cả là có bao nhiêu part Quy trình thiết kế web hả chị?
e đang học thiết kế đồ họa và sang kỳ làm web .. hix.. nhưng e cảm thấy khó nhọc vs kỳ này qá chị ạ .. huhu .. c có bí quyết nào k .. chỉ e vs 😡
Những bài viết rất hay, rất bổ ích 😀
xin lỗi phải Bưng học lớp CTK30 ko?
Đúng rồi, tình cờ nên mới tìm được trang blog của Uyên, không ngờ lại được U nhận ra 😀
Thanks for sharing