Cách làm theme Yahoo! 360 pro và đẹp - phần 1
Trước tiên mình muốn nói theme đẹp chưa chắc đã là các bức ảnh (pic) trong theme đẹp và cầu kỳ mà cần những design chuyên nghiệp… mà một cái theme đẹp trước tiên là nó pải dễ nhìn.
Khi nhìn vào một blog, người ta cần là đọc nội dung là chính nên phải chọn màu chữ sao cho dễ nhìn, nổi bật, phải phù hợp với người dùng. Có thể là không cần có pic ở theme cũng có thể coi là theme đẹp nếu ta biết phối màu đẹp, hoặc chỉ cần những pic đơn giản, thoáng mắt (vì ở theme đã có rất nhiều chữ rồi mà các họa tiết trên theme lại chằng chịt nữa thì…).
1. Đầu tiên theme thiết kế ra phải fù hợp với tất cả mọi loại màn hình lớn hơn 1024×768.
Bây giờ, mình thấy mọi người toàn làm theme với độ rộng là 1024 và hầu như nó chỉ hợp với loại màn hình đó mà thôi, mà mọi người không nghĩ tới những người sử dụng màn hình lớn hơn 1024 thì sao?? Tất nhiên là khi người ta nhìn vào sẽ bị lệch đi rất nhiều.
Mình lấy ví dụ ngay cái theme của trưởng nhóm design group..
Tất nhiên là khi nhìn với màn hình 1024 thì nó có vẻ ổn, nhưng khi nhìn với màn hình là 1512 thì…
Thế lúc này phải đặt ra một câu hỏi là làm thế nào để theme hợp với các kiểu loại màn hình:
Mình đưa ra mấy cách giải quyết sau:
1. Đầu tiên là cách phối màu ở mỗi mảnh sao cho nó hợp với màu nền (color background).
- Chúng ta không nên đổ màu phai dần từ trên xuống với kích cỡ mỗi mảnh là 1024 như thế này:
Vì khi nhìn với màn hình là 1512x… thì nó sẽ bị như thế này:
Như thế thì khi nhìn nó sẽ tạo thành khung và các loại màn hình lớn hơn 1024 khi nhìn sẽ bị lệch vì nó tạo thành viền (và tất nhiên là màu ở mảnh này sẽ ko trùng với màu nền của theme) và như thế sẽ rất xấu.
Cách khắc phục nếu mình thích kiểu theme phai màu dần từ trên xuống là sử dụng chiều rộng mỗi mảnh là 1600x…. và trang trí họa tiết sao cho thích hợp. Nếu họa tiết ko bị mất một phần giống hoa văn ở trên và với cỡ ảnh là 1600x… thì chắc chắn là theme này sẽ đẹp.
Cách tốt nhất đó là ta sử dụng cách phai màu dần từ trái sang phải và từ trên xuống dưới (đối với mảnh phía trên) và tất nhiên là màu mà phai dần nó phải trùng theo màu của màu nền mà ta sử dụng (và ngược lại là từ dưới lên và cũng từ trái sang phải với mảnh phía dưới).
VD:
Như pic ở trên thì mình đã sử dụng cỡ ảnh là 1010×900 và các họa tiết mình trang trí nó vừa với loại màn hình là 1024×768 và nếu có sử dụng màn hình lớn hơn thì nó vẫn không hề bị lệch vì mình để màu phai dần theo theme (màu phai dần là màu đen và màu nền của theme cũng là màu đen).
2. Ta sử dụng màu ở hai mảnh và màu của nền là giống nhau và ta trang trí họa tiết sao cho nó kín cả theme (tránh trường hợp họa tiết bị đứt đoạn hay thiếu hụt).
Theo mình, tốt nhất là nên lấy kích cỡ một mảnh là 1010×900 (hoặc chiều dài có thể lớn hơn (có thể là 1010×1500) nhưng phải bố trí họa tiết trang trí sao cho khi ta ghép 2 mảnh vào theme thì các họa tiết không bị chèn và chồng chéo vào nhau.)
Tại sao mình là lấy chiều dãi mỗi mảnh là 900 là vì khi mình design với chiều dài này cho mỗi mảnh thì khi cho lên làm theme các họa tiết nó sẽ kín toàn bộ theme… và nó sẽ không bị trống ở giữa giống cái theme của trưởng nhóm design ở trên…
VD: Mình đảm bảo với theme này thì với đủ loại màn hình đều nhìn đẹp cả, không bị lệch.
Theo mình, một số chi tiết phụ nữa là màu chữ ở theme phải dễ nhìn cho người đọc… Nên lấy màu chữ giống một số màu ở theme thì nó nhìn sẽ hài hòa và dịu mắt, dễ đọc, nên ít màu thôi vì nhiều màu sẽ chóe và nhìn nó bị lệch nhau. Các họa tiết trang trí trên theme nên để ở vị trí sao cho nó không bị đè vào text vì nếu mà bị trùng vào thì người ta sẽ khó đọc được chữ.
Mình nghĩ tốt nhất là khi design không nên để độ rộng mỗi mảnh lớn quá(VD: 1280×1500) vì như thế thì dung lượng file nó sẽ lớn và khi ng ta vào blog đọc thì pic ở theme sẽ load rất lâu. Dung lượng mỗi mảnh nên chỉ là hơn 100Kb một chút thôi, đừng để lớn quá không thì khi vào blog sẽ load lâu gây khó chịu cho ng đọc
Và nếu có làm full theme một mảnh thì phải tính sao khi người ta vào entry hay vào friends list thì nó không bị ghép thành nhiều tấm. Nếu có bị thành nhiều tấm thì các tấm phải khớp nhau, ko nên thấy sự phân biệt khi bị ghép.
Các bạn có thể tham khảo các theme của mình:
Từ
http://360.yahoo.com/theme_360_v1
đến
http://360.yahoo.com/theme_360_v15
Trong các theme trên thì có khoảng 3 theme bị lỗi. Tức là chỉ đẹp với màn hình 1024x… vì hồi đầu mình chưa để ý, dần dần rút kinh nghiệm dần.
Các bạn có thể vào
http://my.opera.com/antoniblue để down các file ảnh gốc (.psd). Ở đấy mình đã share, mọi người có thể xem vào chỉnh sửa tùy ý với các theme mà mình đã làm.
Trên đây là một số kinh nghiệm mình tìm hiểu được, muốn chia sẻ với mọi người thôi, và cũng là muốn cho mọi người biết về cách nhận xét một cái theme ở blog.
Bài viết của: Antoniblue
About Developer
Show Printable
Email this Page
11-27-2008, 05:39 PM
Chế độ bình thường
