Responsive website có thể hiểu là khái niệm về 1 website “phản hồi” – 1 website có khả năng “tự biến đổi” dựa trên môi trường hoạt động của chúng. Cùng 1 website, nhưng giao diện và phương thức tương tác của website đó có thể biến đổi khi bạn truy cập website đó từ các thiết bị khác nhau như điện thoại, ipad, tablet, laptop…Responsive Web Design là thiết kế website đáp ứng được những yêu cầu về tính chất Responsive – “phản hồi”. Cần phân biệt rõ Responsive và Interactive để bạn có thể nắm được khái niệm này. Nếu dịch ra tiếng Việt, responsive và interactive có vẻ khá gần nghĩa, và dễ làm bạn lầm tưởng. Interactive website là cụm từ đã được dùng từ rất lâu, để nói tới các website có sự tương tác khi người dùng thực hiện 1 hành động nào đó. Interactive website là website có khả năng phản hồi lại khi bạn có 1 tác động nào đó. Như vậy Interactive có tính “active” – bạn phải có 1 hành động nào đó để kích hoạt sự phản hồi của website. Responsive có nghĩa là tính dễ đáp ứng, phản ứng lại, trả lời lại. Responsive website nhấn mạnh tới việc website tự thích ứng với “môi trường hoạt động”, không phải “hành động” như khái niệm Interactive.Responsive Design là khái niệm được bắt nguồn từ ngành kiến trúc. Sự phát triển của luồng tư duy mới “Responsive architechture” là cảm hứng cho những web designer khơi mào khái niệm Responsive Web Design. Responsive architechture tạo ra những công trình kiến trúc, vật liệu kiến trúc có khả năng tương tác với môi trường. Một ví dụ cho Responsive architechture sẽ giúp bạn hình dung dễ hơn: Hiện nay đã có công ty giới thiệu về “công nghệ kính thông minh”. Những tấm kính sản xuất theo công nghệ này có thể thay đổi tính trong suốt của mình tùy thuộc vào số lượng người trong phòng. Nếu ít người, kính sẽ có màu đục, tạo sự riêng tư cho những người trong phòng. Nếu số lượng người lớn hơn, kính sẽ dần trở nên trong suốt, tạo cảm giác thoáng và rộng hơn cho những người ở trong phòng.Như vậy, Responsive web design là khái niệm thiết kế website có khả năng thay đổi tùy vào môi trường hoạt động của website. Môi trường hoạt động chúng tôi nói tới là các trình duyệt khác nhau, các màn hình với độ phân giải khác nhau (của các thiết bị khác nhau như điện thoại, tablet, laptop…).Tại sao cần có Responsive Website

Trước tiên, cần phải nhấn mạnh rằng bạn không nhất thiết phải có 1 website responsive. Đây là 1 khái niệm mới với những kỹ thuật còn đang được phát triển, hoàn thiện. Nhưng có thể nói rằng chỉ sau 1,2 năm nữa, công nghệ này sẽ hoàn thiện, và khái niệm này sẽ không còn mơ hồ nữa.Tại sao lại như vậy? Câu trả lời đến từ sự phát triển đáng kinh ngạc của các thiết bị di động trong khoảng 1,2 năm trở lại đây.Thói quen dùng website thay đổi và các website cũng cần thay đổi

Hàng loạt các điện thoại thông minh có hệ điều hành, hàng loạt các tablet – các thiết bị di động có hệ điều hành được giới thiệu. Sự phát triển này cũng làm thay đổi mối quan hệ giữa các website và người sử dụng. Trước đây, để xem được website trên thiết bị di động, người ta phải làm riêng 1 phiên bản web, khác với phiên bản bạn vào qua laptop. Đó là bởi vì màn hình của các điện thoại trước đây rất nhỏ, và việc sử dụng các phím bấn để tương tác với website trên điện thoại thật là 1 thảm họa. Nhưng với các thiết bị màn hình cảm ứng, màn hình cũng lớn và chất lượng hơn nhiều lần trước kia, thì người dùng lại có thói quen mới: truy cập website từ các thiết bị di động. Sự phát triển của công nghệ không dây như wifi, wimax, 3g.. càng thúc đẩy con người truy cập website mọi lúc, mọi nơi.Như vậy, cách các vị khách ghé thăm website của bạn đã thay đổi. Và để thích ứng, để không bị tụt hậu, bạn hãy thay đổi phù hợp với những thói quen mới của người dùng.Các trình duyệt – môi trường hoạt động của website thay đổi tác động tới website

Cùng với xu hướng phát triển mạnh mẽ của các thiết bị di động, các công ty công nghệ cũng phát triển các trình duyệt trên các thiết bị di động. Hiện nay có 5 trình duyệt phổ biến nhất: internet explore, mozilla firefox, google chrome, safari, opera. 5 trình duyệt này do các công ty khác nhau phát triển và chiếm tới 95% thị phần chung. Chính từ sự cạnh tranh của 5 công ty này, cùng với sự phát triển của công nghệ thông tin nói chung đã thúc đẩy việc phát triển các trình duyệt. Các phiên bản trình duyệt mới liên tục được giới thiệu, các bản và lỗi được cập nhật ngay khi phát sinh đem lại sự hài lòng cho người sử dụng internet.Ngoài các phiên bản cho các hệ điều hành trên máy tính cá nhân, các trình duyệt cũng phát triển các phiên bản giành cho các thiết bị di động. Trình duyệt safari cho các thiết bị của apple như iphone, ipad. Trình duyệt của google cho các thiết bị dùng hệ điều hành android. Và gần đây firefox cũng có phiên bản riêng cho các thiết bị di động… Các trình duyệt này đem lại nhiều thuận lợi cho người dùng các thiết bị di động, và việc sử dụng chúng ngày càng phổ biến.Những thay đổi về công nghệ khác

Vài năm trở lại đây, các ngôn ngữ lập trình phục vụ cho việc thiết kế website cũng có những bước tiến đáng ngạc nhiên. Các ngôn ngữ lập trình cập nhật phiên bản mới cho phép khai thác nhiều tính năng hơn, cung cấp nhiều công cụ hơn cho các lập trình viên. HTML5, CSS3, PHP6… ngày càng được ứng dụng nhiều hơn trên các website.Trước đây khoảng 2 năm, để thiết kế website, web designer thường lựa chọn màn hình tiêu chuẩn 1024×768 (độ phân giải màn hình phổ biến trước đây)- cho máy tính thông thường hay 320×240 cho các điện thoại di động. Website cho máy tính thông thường được thiết kế riêng, website cho điện thoại di động được thiết kế riêng vì những giới hạn này. Một số công ty chọn giải pháp là viết phần mềm cho các điện thoại di động chứ không thiết kế website bởi sự bất tiện khi lướt web trên điện thoai di động. Nhưng hiện nay, màn hình máy tính thường là màn wide, với độ phân giải phổ biến 1366×768, và độ phân giải này cũng đang có xu hướng nâng cao thêm. Các điện thoại cũng có độ phân giải rất lớn so với trước đây, và khá phong phú: 720×1280, 480×800… Các thiết bị di động tablet mới cũng có độ phân giải không đồng đều: 1024×600, 1024×768,2048×1536… Điều này làm cho việc thiết kế giao diện website trở nên khó khăn hơn, do rất khó để tìm ra được 1 quy chuẩn chung. Chính điều này cũng thôi thúc sự phát triển của Responsive web design – tạo 1 website có thể thích ứng với tất cả các độ phân giải màn hình.Để kiểm tra một trang web có “linh hoạt” hay không, bạn có thể dùng chuột kéo chiều trang của trình duyệt hẹp lại. Nếu các yếu tố tự sắp xếp lại khi chiều ngang bị hẹp lại, nó đã được thiết kế linh hoạt. Tuy nhiên một số trang chỉ thay đổi theo thiết bị khi bạn dùng chính các thiết bị đó để truy cập.Cho những ai còn nghi ngờ về xu hướng này thì chúng ta hãy cùng xem những trang web quen thuộc nhất sử dụng reponsive tuyệt vời thế nào. (Bấm vào hình để xem trực tiếp)1. BBC

thiet ke website bbc Responsive Website Xu Hướng Thiết Kế Web Tương Lai

Trang web tin tức lớn nhất thế giới BBC đã chọn xu hướng này cho thiết kế của mình. Điều này giúp BBC có thể được đọc trên mọi thiết bị, từ điện thoại tới máy tính bảng của tất cả các loại nhãn nhiệu. Thiết kế tối giản giúp trang web trình bày những hình ảnh đẹp mắt, nội dung sáng sủa.2. Disney

thiet ke website disney Responsive Website Xu Hướng Thiết Kế Web Tương Lai

             Đại gia đình huyền ảo đã phát triển thiết kế responsive web với một nhóm “nhỏ” 30 lập trình viên và tung ra trang web vào tháng 10. Thiết kế cho phép thu lại nội dung website và những hình ảnh lớn, video mà không bị mất đi chất lượng.

Comments

comments