Categories
Graphic Design Web Design Web Programming

Zing Me ký sự :: Kỳ 1 – Mốt hay sản phẩm không được đầu tư

zing-me-ky-su-banner-ky1
Chào mọi người, hôm nay mình sẽ bắt đầu bài ký sự về Zing Me bằng việc chỉ ra 10 điểm khiến Zing Me là một sản phẩm quá tồi, mặc dù người đứng đằng sau lưng nó là 1 công ty cũng khá “hoành tráng”. Chỉ với 10 điểm này thì đã nói lên Zing Me thật ra chỉ là 1 trang web mà vinagame quyết định làm chơi cho dzui hoặc có thể người quản trị cái dự án đó đã thật sự không thành công khi triển khai 1 dự án mang tính xã hội cho cộng đồng mạng Việt Nam.

Bài viết này không nhằm mục đích châm chích Zing Me hay là Vinagame, chỉ là muốn chỉ ra cho họ biết Zing Me cần phải được chú ý hơn nữa trong việc triển khai 1 website dạng này. Nếu chỉ là 1 công ty nào nho nhỏ,chưa có tên tuổi và sản phẩm không mang tính cộng đồng thì có lẽ các lỗi này là chấp nhận được, nhưng 1 đây là 1 sản phẩm mạng xã hội và do 1 công-ty-mà-ai-cũng-biết-là-ai làm thì không chấp nhận. Nào bắt đầu!

Categories
Graphic Design Web Design

Tạo hiệu ứng Lightbox cho Gallery ảnh với prettyPhoto

prettyPhoto-plugin-jquery
Hi mọi người,
Hôm nay mình sẽ giới thiệu một đồ nghề rất hiệu quả cho các bạn thiết kế website – đó là plugin prettyPhoto cho jQuery. Trước tiên, nếu bạn nào chưa biết thì mình cũng giới thiệu lightbox là cái gì trong web.

Kỹ thuật lightbox có lẽ các bạn đã gặp nhiều mà không để ý thôi. Đại khái nó là thế này nè, bạn vào 1 trang thiên về hình ảnh hay showroom, sau khi click vào link của 1 hình, website sẽ bị mờ đi, sau đó sẽ có 1 cái hình được load và hiện ra nổi bật giữa trang web. đó là lightbox trong website (cái khái niệm này mượn trong lĩnh vực nhiếp ảnh). Xem hình dưới đây sẽ hiểu phần nào:
prettyphoto-lightbox

Categories
Graphic Design

Email Design – P&G’s “Grand Charity Day” Event

Như đã hẹn thì mới sáng sớm nay con bạn già của mình đã gọi điện thoại phá giấc ngủ của mình để nhờ làm cái email letter cho hắn, để hắn gởi email thông báo sự kiện đến nhân viên công ty. Mặc dù lúc đầu nhìn cái file Word của ả toàn là chữ (dzị thì rất khó design), tuy nhiên, sau một hồi hội ý và đã đi đến cắt giảm những từ không cần thiết để dễ design hơn.

Vì tính chất của event là liên quan đến trẻ em, tình nguyện, cộng đồng nên mình chọn 2 màu chủ đạo là cam và xanh dương cùng với font chữ nhẹ nhàng đễ dễ thu hút hơn.

Lúc đầu tính làm 1 tiếng thôi, ai dè loay hoay cũng mất 2 tiếng, hên là tác phẩm làm ra mình thấy ưng ý. Post lên chia sẽ với mọi người. Hy vọng có bác P&G nào tạt ngang qua sẽ thấy quen quen.

P&G-grand charity day-event

Categories
Graphic Design

Đùa với After Effect!

Cuối tuần vừa rồi tự nhiên có máu làm đạo diễn, thế là lấy em After Effect ra đùa tí. Lấy cảm hứng từ sự kiện thiết kế logo cho website vnwebmaster.com nên mình đã có ý tưởng tạo ra clip này.
Mọi người thưởng thức tác phẩm thứ 3 mình làm bằng After Effect nhé.

http://www.youtube.com/watch?v=8AfuO_LRh2o

Categories
Graphic Design Web Design

Photoshop framework để thiết kế web

photoshop-framework
Chào mọi người. Hôm nay mình sẽ hướng dẫn các bạn tạo 1 framework cho photoshop để tiến hành design một giao diện website.
Nếu như có bạn nào đã biết, từ framework có nghĩa là một tập các công cụ, bố trí, sắp xếp để tiến hành công việc của bạn nhanh gọn, chính xác và hiệu quả hơn. Mình dùng khái niệm framework trong photoshop cũng là ý muốn ám chỉ điều này mà thôi.

Mình sẽ hướng dẫn các bạn một số vấn đề cần chuẩn bị để có thể tạo một môi trường tốt để các bạn có thể tiến hành công tác thiết kế giao diện website của mình.

Categories
Graphic Design Miscellaneous Web Design

Tạo đồng hồ đếm ngược bằng Flex

flex-countdown-clock-dong-hoc-dem-nguoc-flash
flex-countdown-clock-dong-hoc-dem-nguoc-flash

Hôm nay mình sẽ chỉ cho các bạn một làm project nho nhỏ bằng Flex đó là tạo ra một đồng hồ đếm ngược định dạng xuất là file SWF(Flash) để chúng ta có thể dùng trong các sự kiện hay những lúc cần những chức năng đếm ngược (vd:  đếm ngược từ 10 giây, 15 giây, 1phút, 2 phút…1 giờ, ….)

Các yêu cầu của đồng hồ đếm ngược này:
– Giao diện rõ ràng để biểu thị thời gian đang chay ngược
– Có các thang thời gian cố định (10s, 15s..)
– Có nút BẮT ĐẦU, STOP
– Có tùy chọn nghe âm thanh khi đếm và âm thanh khi hết giờ
– Hiển thị FULLSCREEN(toàn màn hình) khi chạy chương trình này