Responsive Web Design: Những “nguyên tắc vàng” cần ghi chú ngay

Responsive Web Design: Những “nguyên tắc vàng” cần ghi chú ngay

Top khóa học
Tự học piano trong 10 ngày

Tự học piano trong 10 ngày

Nguyễn Hải Châu
(145)
299,000đ 600,000đ
Tự học piano trong 10 ngày
  • 26 bài giảng
  • 01 giờ 33 phút
Image) ? $teachers->Image : '' ?> Nguyễn Hải Châu
Giảng viên Piano
Khóa học dành cho người học từ 16 tuổi trở lên. Sau khóa học, bạn sẽ đọc hiểu được các bản nhạc piano cơ bản, chơi được piano bằng 2 tay, đồng thời phát triển kỹ năng thị tấu vừa đàn vừa nhìn bản nhạc.
THÊM VÀO GIỎ HÀNG
10 Ngày eo thon dáng đẹp cùng zumba

10 Ngày eo thon dáng đẹp cùng zumba

Đỗ Nghiêm Túc
(33)
549,000đ 600,000đ
10 Ngày eo thon dáng đẹp cùng zumba
  • 17 bài giảng
  • 01 giờ 04 phút
Image) ? $teachers->Image : '' ?> Đỗ Nghiêm Túc
Giảng Viên
Đốt cháy 600-1000 calo trở thành người có thân hình chắc khoẻ cùng với khoá học 10 Ngày eo thon dáng đẹp cùng zumba online. 1 tinh thần sảng khoái để có thể làm việc và học tập hiệu quả.
THÊM VÀO GIỎ HÀNG
Yoga chữa bệnh trị liệu cho cột sống

Yoga chữa bệnh trị liệu cho cột sống

Nguyễn Hiếu
(21)
245,000đ 700,000đ
Yoga chữa bệnh trị liệu cho cột sống
  • 20 bài giảng
  • 04 giờ 56 phút
Image) ? $teachers->Image : '' ?> Nguyễn Hiếu
Đại sứ Yoga Việt Nam - CEO Zenlife Yoga
Đại sứ Yoga Nguyễn Hiếu hướng dẫn bạn 20 bài tập Yoga chữa bệnh trị liệu cho cột sống giúp bạn có thân hình xương khớp dẻo dai
THÊM VÀO GIỎ HÀNG
Yoga giảm eo giữ dáng

Yoga giảm eo giữ dáng

Nguyễn Hiếu
(90)
210,000đ 700,000đ
Yoga giảm eo giữ dáng
  • 29 bài giảng
  • 07 giờ 20 phút
Image) ? $teachers->Image : '' ?> Nguyễn Hiếu
Đại sứ Yoga Việt Nam - CEO Zenlife Yoga
Các bài tập Yoga giảm eo giữ dáng mới nhất đang được hơn 10.000 học viên quan tâm của giáo viên Yoga hàng đầu Việt Nam. Khoá học Yoga sẽ giúp bạn giảm cân tự nhiên, an toàn, hiệu quả.
THÊM VÀO GIỎ HÀNG
Bí mật Thiền ứng dụng thay đổi cuộc đời

Bí mật Thiền ứng dụng thay đổi cuộc đời

Nguyễn Hiếu
(65)
699,000đ
Bí mật Thiền ứng dụng thay đổi cuộc đời
  • 25 bài giảng
  • 07 giờ 53 phút
Image) ? $teachers->Image : '' ?> Nguyễn Hiếu
Đại sứ Yoga Việt Nam - CEO Zenlife Yoga
Trải nghiệm 25 bài Thiền ứng dụng thay đổi cuộc đời online, giảm toả căng thẳng- Khoá học thiền mang lại lợi ích tuyệt vời cho Sức Khỏe thể chất lẫn tinh thần
THÊM VÀO GIỎ HÀNG
Yoga trẻ hóa và làm đẹp cho khuôn mặt

Yoga trẻ hóa và làm đẹp cho khuôn mặt

Nguyễn Hiếu
(35)
499,000đ
Yoga trẻ hóa và làm đẹp cho khuôn mặt
  • 19 bài giảng
  • 03 giờ 16 phút
Image) ? $teachers->Image : '' ?> Nguyễn Hiếu
Đại sứ Yoga Việt Nam - CEO Zenlife Yoga
Với các bài tập Yoga trẻ hóa sở hữu làn da tươi trẻ, tăng sự đàn hồi giúp nâng cơ da mặt tự nhiên và xóa nếp nhăn trên mặt.
THÊM VÀO GIỎ HÀNG
108 Tọa pháp Yoga - Bí mật trẻ mãi

108 Tọa pháp Yoga - Bí mật trẻ mãi

Nguyễn Hiếu
(48)
499,000đ 700,000đ
108 Tọa pháp Yoga - Bí mật trẻ mãi
  • 137 bài giảng
  • 13 giờ 25 phút
Image) ? $teachers->Image : '' ?> Nguyễn Hiếu
Đại sứ Yoga Việt Nam - CEO Zenlife Yoga
Học Yoga trẻ mãi không già - Khoá học giúp êm dịu hệ thần kinh, cải thiện hệ tuần hoàn giải tỏa căng thẳng, trẻ hóa, kéo dài tuổi thọ, đẩy lùi bệnh tật
THÊM VÀO GIỎ HÀNG
Trở thành nhà thiết kế chuyên nghiệp với Adobe Photoshop CC 2015

Trở thành nhà thiết kế chuyên nghiệp với Adobe Photoshop CC 2015

Lê Đức Lợi
(90)
799,000đ
Trở thành nhà thiết kế chuyên nghiệp với Adobe Photoshop CC 2015
  • 107 bài giảng
  • 11 giờ 39 phút
Image) ? $teachers->Image : '' ?> Lê Đức Lợi
Giảng viên
Tạo được kĩ xảo, blend màu cho ảnh một cách bài bản và chuyên nghiệp cùng Adobe Photoshop CC 2015
THÊM VÀO GIỎ HÀNG
Học nhảy Sexy Dance từ cơ bản đến nâng cao

Học nhảy Sexy Dance từ cơ bản đến nâng cao

Sweet Media
(78)
549,000đ 700,000đ
Học nhảy Sexy Dance từ cơ bản đến nâng cao
  • 32 bài giảng
  • 02 giờ 20 phút
Image) ? $teachers->Image : '' ?> Sweet Media
Sản xuất khóa học Online
Những động tác quyến rũ, kết hợp từ nhiều bộ phận trên cơ thể, Sexy dance đem lại bạn sự thoải mái, trẻ trung và cuốn hút
THÊM VÀO GIỎ HÀNG
Yoga - Phục hồi nội tiết kéo dài tuổi xuân

Yoga - Phục hồi nội tiết kéo dài tuổi xuân

Nguyễn Hiếu
(9)
249,000đ 600,000đ
Yoga - Phục hồi nội tiết kéo dài tuổi xuân
  • 15 bài giảng
  • 06 giờ 34 phút
Image) ? $teachers->Image : '' ?> Nguyễn Hiếu
Đại sứ Yoga Việt Nam - CEO Zenlife Yoga
Hướng dẫn các bài tập và chế độ ăn uống hợp lý giúp lấy lại vẻ đẹp tự nhiên, phục hồi nội tiết, kéo dài tuổi thanh xuân, tăng sự yêu đời, tươi mới cho phụ nữ
THÊM VÀO GIỎ HÀNG
Ứng dụng Zalo trong Quản Trị - Kinh Doanh - Marketing

Ứng dụng Zalo trong Quản Trị - Kinh Doanh - Marketing

Giàng Thuận Ý
(34)
699,000đ
Ứng dụng Zalo trong Quản Trị - Kinh Doanh - Marketing
  • 52 bài giảng
  • 06 giờ 59 phút
Image) ? $teachers->Image : '' ?> Giàng Thuận Ý
chuyên gia Marketing
Tự tin sử dụng ứng dụng Zalo vào trong công việc kinh doanh - quản trị một cách đơn giản, tiết kiệm rất nhiều chi phí.
THÊM VÀO GIỎ HÀNG
Piano chuẩn Quốc tế Elementary 1

Piano chuẩn Quốc tế Elementary 1

Đỗ Huy Khánh
(5)
599,000đ
Piano chuẩn Quốc tế Elementary 1
  • 29 bài giảng
  • 03 giờ 24 phút
Image) ? $teachers->Image : '' ?> Đỗ Huy Khánh
Giảng viên Piano
Học cách chơi Piano chuẩn Quốc tế từ giảng viên có nhiều năm kinh nghiệm giảng dạy tại Học viện Âm nhạc Quốc gia Việt Nam
THÊM VÀO GIỎ HÀNG
Piano chuẩn Quốc tế Elementary 2

Piano chuẩn Quốc tế Elementary 2

Đỗ Huy Khánh
(1)
599,000đ
Piano chuẩn Quốc tế Elementary 2
  • 34 bài giảng
  • 04 giờ 22 phút
Image) ? $teachers->Image : '' ?> Đỗ Huy Khánh
Giảng viên Piano
Sau phần 1 khóa học Piano chuẩn Quốc tế Elementary, rất vui được gặp lại các bạn trong khóa học phần 2 từ giảng viên Huy Khánh.
THÊM VÀO GIỎ HÀNG
3DsMax - Vray Online Cơ Bản

3DsMax - Vray Online Cơ Bản

Đặng Ngân Sơn
(1)
459,000đ 800,000đ
3DsMax - Vray Online Cơ Bản
  • 29 bài giảng
  • 14 giờ 53 phút
Image) ? $teachers->Image : '' ?> Đặng Ngân Sơn
Chuyên gia đào tạo 3DsMax.
3DS Max là một trong những chương trình giúp tạo ra và diễn hoạt các vật thể 3 chiều. Nó có khả năng dựng mô hình mạnh mẽ, kèm theo một tập hợp các modun phần mềm ghép thêm vào có cấu trúc mềm dẻo và một nền tảng tương thích với Microsoft Windows.
THÊM VÀO GIỎ HÀNG
Học sketchup và vray từ cơ bản đến nâng cao trong diễn họa 3d kiến trúc

Học sketchup và vray từ cơ bản đến nâng cao trong diễn họa 3d kiến trúc

Nguyễn Thanh Tùng
699,000đ
Học sketchup và vray từ cơ bản đến nâng cao trong diễn họa 3d kiến trúc
  • 29 bài giảng
  • 03 giờ 54 phút
Image) ? $teachers->Image : '' ?> Nguyễn Thanh Tùng
Giảng viên thiết kế tại công ty kiến trúc nội thất Nam Anh
Khóa học sẽ hướng dẫn bạn từ những kiến thức cơ bản của vẽ 2d trong thiết kế nội, ngoại thất, đến sử dụng sketchup và vray nâng cao.
THÊM VÀO GIỎ HÀNG
Ghép ảnh chuyên nghiệp với Photoshop

Ghép ảnh chuyên nghiệp với Photoshop

Mai Xuân Huy (Huy Quần Hoa)
(40)
549,000đ 700,000đ
Ghép ảnh chuyên nghiệp với Photoshop
  • 29 bài giảng
  • 07 giờ 37 phút
Image) ? $teachers->Image : '' ?> Mai Xuân Huy (Huy Quần Hoa)
Giảng viên Photoshop
Học cách ghép ảnh, thiết kế ảnh đẹp, hấp dẫn, thỏa sức ghép hình cùng thần tượng hay xuất hiện trong các bộ phim nổi tiếng Hollywood.
THÊM VÀO GIỎ HÀNG
Facebook Smart Marketing A-Z

Facebook Smart Marketing A-Z

Lường Văn Nam
(44)
599,000đ 800,000đ
Facebook Smart Marketing A-Z
  • 91 bài giảng
  • 10 giờ 56 phút
Image) ? $teachers->Image : '' ?> Lường Văn Nam
Giảng viên - Social Manager at iViet 
Cập nhật những tính năng thông minh nhất trên Facebook giúp bạn tối ưu hóa chi phí quảng cáo
THÊM VÀO GIỎ HÀNG
Nghệ thuật Phòng the đỉnh cao

Nghệ thuật Phòng the đỉnh cao

Vera Hà Anh
(205)
720,000đ 1,200,000đ
Nghệ thuật Phòng the đỉnh cao
  • 50 bài giảng
  • 08 giờ 37 phút
Image) ? $teachers->Image : '' ?> Vera Hà Anh
Chuyên gia tâm lý, TGĐ Công ty Tư Vấn Tâm Lý và Đào Tạo VERA
Bí mật Phòng the - bí kíp YÊU - ngọn lửa dành cho tổ ấm gia đình thời hiện đại, học cùng cô Vera Hà Anh
THÊM VÀO GIỎ HÀNG
Nghệ thuật thổi kèn đỉnh cao

Nghệ thuật thổi kèn đỉnh cao

Trang Trần
(64)
549,000đ 700,000đ
Nghệ thuật thổi kèn đỉnh cao
  • 18 bài giảng
  • 01 giờ 45 phút
Image) ? $teachers->Image : '' ?> Trang Trần
Giảng viên chuyên môn bộ môn BJ tại FullHouse
Cẩm nang BJ dành cho phụ nữ, giúp bạn và đối tác có được cảm giác khoái cảm tuyệt vời, giữ hạnh phúc gia đình luôn nồng nàn, đam mê
THÊM VÀO GIỎ HÀNG
Trở thành chuyên gia photoshop kiến trúc nội thất quy hoạch

Trở thành chuyên gia photoshop kiến trúc nội thất quy hoạch

Hoàng Tùng Dương
(1)
562,500đ 1,250,000đ
Trở thành chuyên gia photoshop kiến trúc nội thất quy hoạch
  • 69 bài giảng
  • 12 giờ 44 phút
Image) ? $teachers->Image : '' ?> Hoàng Tùng Dương
Kiến trúc sư, giảng viên
Nâng cao tư duy và kĩ năng sử dụng photoshop vào lĩnh vực thiết kế kiến trúc, nội thất, quy hoạch.
THÊM VÀO GIỎ HÀNG
Mục lục

Responsive Web Design là một lĩnh vực không còn quá xa lạ đối với những nhà thiết kế chuyên nghiệp, nhưng đối với những Designer mới bước vào nghề thì chắc chắn còn khá mơ hồ. Vậy, để hiểu rõ hơn về thuật ngữ này cũng như những nguyên tắc quan trọng cần ghi nhớ, hãy tham khảo thêm những kiến thức “xương máu” dưới đây. 

Top khóa học ưu đãi
Nhạc điện tử - Học làm nhạc EDM cho người mới bắt đầu

Nhạc điện tử - Học làm nhạc EDM cho người mới bắt đầu

Manny Trần
(32)
799,000đ 1,200,000đ
Nhạc điện tử - Học làm nhạc EDM cho người mới bắt đầu
  • 42 bài giảng
  • 02 giờ 59 phút
Image) ? $teachers->Image : '' ?> Manny Trần
Giảng viên
Thường xuyên nghe nhạc điện tử (EDM) và bạn muốn tự làm một bản EDM? Khóa học sẽ hướng dẫn bạn từ A-Z cách tạo một bản Mashup , Beat Making.
THÊM VÀO GIỎ HÀNG
CEO INTERNET - Chiến lược kinh doanh online dành cho Sếp

CEO INTERNET - Chiến lược kinh doanh online dành cho Sếp

Nguyễn Trọng Thơ
(219)
899,000đ 1,868,000đ
CEO INTERNET - Chiến lược kinh doanh online dành cho Sếp
  • 54 bài giảng
  • 05 giờ 45 phút
Image) ? $teachers->Image : '' ?> Nguyễn Trọng Thơ
Chuyên gia Marketing Online - CEO iNET
Xây dựng thành công một hệ thống kinh doanh online hoàn toàn tự động và nhân bản thành nhiều cỗ máy kiếm tiền
THÊM VÀO GIỎ HÀNG
Đột phá tư duy - thay đổi cuộc đời

Đột phá tư duy - thay đổi cuộc đời

Nguyễn Bá Dương
459,000đ 800,000đ
Đột phá tư duy - thay đổi cuộc đời
  • 30 bài giảng
  • 02 giờ 56 phút
Image) ? $teachers->Image : '' ?> Nguyễn Bá Dương
Diễn Giả - Doanh nhân - Tác giả
Khóa học Đột phá tư duy - thay đổi cuộc đời sẽ giúp các nhà quản lý hiểu được tầm quan trọng của một nhà quản trị đến phương pháp và bí quyết để trở thành một nhà quản trị nhân sự xuất sắc.
THÊM VÀO GIỎ HÀNG
Làm phim hoạt hình 3D bằng Blender

Làm phim hoạt hình 3D bằng Blender

Nguyễn Mạnh Hà
(13)
299,000đ 600,000đ
Làm phim hoạt hình 3D bằng Blender
  • 40 bài giảng
  • 05 giờ 37 phút
Image) ? $teachers->Image : '' ?> Nguyễn Mạnh Hà
Giảng viên làm phim hoạt hình 3D
Thành thạo các quy trình tạo ra 1 nhân vật hoạt hình 3D một cách nhanh chóng
THÊM VÀO GIỎ HÀNG
Tester in life - Không chỉ là kiểm thử

Tester in life - Không chỉ là kiểm thử

Quốc Anh
540,000đ 1,200,000đ
Tester in life - Không chỉ là kiểm thử
  • 27 bài giảng
  • 02 giờ 06 phút
Image) ? $teachers->Image : '' ?> Quốc Anh
Project Manager
Những công thức tuyệt vời đưa bạn đến gần với con đường trở thành một Tester chuyên nghiệp
THÊM VÀO GIỎ HÀNG
 Thiết kế quảng cáo với phần mềm CorelDRAW

Thiết kế quảng cáo với phần mềm CorelDRAW

Nguyễn Đức Minh
(40)
599,000đ 700,000đ
Thiết kế quảng cáo với phần mềm CorelDRAW
  • 64 bài giảng
  • 10 giờ 33 phút
Image) ? $teachers->Image : '' ?> Nguyễn Đức Minh
Họa sỹ thiết kế 3D
Khóa học này giúp bạn thành thạo các kỹ năng thiết kế liên quan đến ngành quảng cáo - in ấn làm ra các sản phẩm in trên máy in Kỹ Thuật Số
THÊM VÀO GIỎ HÀNG
Làm chủ Excel trong 6h

Làm chủ Excel trong 6h

Thanh Tùng Nguyễn
(1)
399,000đ 700,000đ
Làm chủ Excel trong 6h
  • 81 bài giảng
  • 06 giờ 19 phút
Image) ? $teachers->Image : '' ?> Thanh Tùng Nguyễn
Chuyên gia trong lĩnh vực Phân tích số liệu (data analysis).
Khóa học được thiết kế như một cuốn từ điển về Excel với kết cấu đề cương phân chia rành mạch theo các chức năng và các hàm thông dụng để người học dễ dàng tra cứu thông tin.
THÊM VÀO GIỎ HÀNG
Học SEO từ A-Z

Học SEO từ A-Z

Henry Phước
(52)
245,000đ 700,000đ
Học SEO từ A-Z
  • 41 bài giảng
  • 06 giờ 02 phút
Image) ? $teachers->Image : '' ?> Henry Phước
Chuyên gia SEO
Khóa Học Seo từ chuyên gia - Trải nghiệm cách bán hàng đỉnh cao trên công cụ tìm kiếm Google với khoá học Seo từ A-Z lên Top bất kỳ từ khoá dài và từ khoá ngắn nào.
THÊM VÀO GIỎ HÀNG
Trở thành MC sự kiện chuyên nghiệp trong 30 ngày

Trở thành MC sự kiện chuyên nghiệp trong 30 ngày

MC Văn Minh
(2)
399,000đ 700,000đ
Trở thành MC sự kiện chuyên nghiệp trong 30 ngày
  • 60 bài giảng
  • 04 giờ 36 phút
Image) ? $teachers->Image : '' ?> MC Văn Minh
Giám đốc Công ty Thương mại dịch vụ và tổ chức sự kiện Văn Minh (Sự kiện Văn Minh)
Đào tạo chuyên môn nghề MC sự kiện, định hướng lộ trình phát triển nghề nghiệp, làm chủ bản thân, thăng tiến bền vững
THÊM VÀO GIỎ HÀNG
Trở thành quản lý bán hàng chuyên nghiệp

Trở thành quản lý bán hàng chuyên nghiệp

Đỗ Xuân Tùng
(1)
399,000đ 700,000đ
Trở thành quản lý bán hàng chuyên nghiệp
  • 30 bài giảng
  • 02 giờ 32 phút
Image) ? $teachers->Image : '' ?> Đỗ Xuân Tùng
Chuyên gia huấn luyện và đào tạo sales
Trở thành người quản lý bán hàng thực thụ, biết cách động viên, khích lệ đội nhóm, phát huy tối đa điểm mạnh của anh em, thúc đẩy anh em gia tăng doanh số
THÊM VÀO GIỎ HÀNG

Responsive Web Design là gì? 

Hiểu theo nghĩa đơn giản, Responsive Web Design (RWD) là một xu hướng khá mới mẻ trong lĩnh vực thiết kế, xuất hiện trong thời gian gần đây. Nó biểu thị cho quy trình thiết kế và sự phát triển của website, nhằm mục đích đáp ứng tối đa các tiêu chí về kích thước cũng như chiều màn hình thiết bị theo yêu cầu của người dùng. 

Responsive Web Design

Responsive Web Design là biểu thị cho quy trình thiết kế website 

Theo đó, khi bạn chuyển thao tác từ máy tính sang thiết bị điện thoại di động thì website sẽ tự động chuyển đổi kích thước sao cho phù hợp. Và để làm được điều này, người dùng cần sử dụng kết hợp các kỹ thuật với nhau bao gồm: CSS media query, flexible grid và responsive image. Cũng nhờ điều này mà mọi chi phí về thời gian cũng như công đoạn thiết kế web được giảm thiểu một cách tối đa. 

>> Thiết kế Web chuẩn SEO bằng Wordpress cho người mới bắt đầu

>> Thiết kế giao diện Web chuyên nghiệp với những mẹo cực hay

Các nguyên tắc cơ bản của Responsive Web Design 

Top khóa học thiết kế web
Thiết kế Web chuẩn SEO bằng Wordpress cho người mới bắt đầu

Thiết kế Web chuẩn SEO bằng Wordpress cho người mới bắt đầu

David Thanh
(225)
599,000đ 800,000đ
Thiết kế Web chuẩn SEO bằng Wordpress cho người mới bắt đầu
  • 84 bài giảng
  • 06 giờ 02 phút
Image) ? $teachers->Image : '' ?> David Thanh
Chuyên gia Digital Marketing
Thiết kế Web chuẩn SEO bằng Wordpress là khóa học dành cho cá nhân và doanh nghiệp muốn tự mình thiết kế ra hàng trăm website kinh doanh tuyệt đẹp, chuẩn SEO Google để dễ dàng bắt đầu công việc kinh doanh online hiệu quả.
THÊM VÀO GIỎ HÀNG
Hướng dẫn làm web Landing Page bán hàng đỉnh cao dành cho người không chuyên

Hướng dẫn làm web Landing Page bán hàng đỉnh cao dành cho người không chuyên

Trương Văn Hòa
(42)
175,000đ 500,000đ
Hướng dẫn làm web Landing Page bán hàng đỉnh cao dành cho người không chuyên
  • 22 bài giảng
  • 03 giờ 56 phút
Image) ? $teachers->Image : '' ?> Trương Văn Hòa
Chuyên gia Marketing, CEO PDS VIỆT
Hướng dẫn bạn chi tiết cách bạn làm web bán hàng đỉnh cao với landing page ngay cả khi bạn không biết gì về kỹ thuật IT, học chưa xong web đã xong
THÊM VÀO GIỎ HÀNG
Học thiết kế web từ cơ bản đến nâng cao

Học thiết kế web từ cơ bản đến nâng cao

Vũ Ngọc Đăng
(10)
599,000đ
Học thiết kế web từ cơ bản đến nâng cao
  • 59 bài giảng
  • 08 giờ 33 phút
Image) ? $teachers->Image : '' ?> Vũ Ngọc Đăng
Giảng viên
Học Thiết Kế Web Từ Cơ Bản Đến Nâng Cao giúp tạo được website bán hàng ngay tức thì với bộ kiến thức thiết kế web từ cơ bản đến nâng cao
THÊM VÀO GIỎ HÀNG
Xây dựng Website Responsive với HTML5, CSS3

Xây dựng Website Responsive với HTML5, CSS3

Bùi Quang Trung
(16)
599,000đ 800,000đ
Xây dựng Website Responsive với HTML5, CSS3
  • 76 bài giảng
  • 09 giờ 18 phút
Image) ? $teachers->Image : '' ?> Bùi Quang Trung
Lập trình viên PHP, Objective-C, Swift, game mobile
Tự xây dựng website responsive tương tác nhiều thiết bị khác nhau và nâng cao tay nghề, kiếm được công việc mới với mức hậu đãi tốt hơn
THÊM VÀO GIỎ HÀNG
Tự học thiết kế UX

Tự học thiết kế UX

Phạm Khôi
(3)
599,000đ 1,000,000đ
Tự học thiết kế UX
  • 37 bài giảng
  • 04 giờ 34 phút
Image) ? $teachers->Image : '' ?> Phạm Khôi
Giảng viên - Tác giả của blog Góc UX Việt Nam
Hiểu về UX và thiết kế UX, biết quy trình 7 bước thiết kế UX, các công cụ, phương pháp thực hiện thiết kế UX
THÊM VÀO GIỎ HÀNG
Website căn bản dành cho người làm Marketing và Kinh doanh

Website căn bản dành cho người làm Marketing và Kinh doanh

Hoàng Quốc Hưng
(19)
599,000đ
Website căn bản dành cho người làm Marketing và Kinh doanh
  • 52 bài giảng
  • 06 giờ 29 phút
Image) ? $teachers->Image : '' ?> Hoàng Quốc Hưng
Giảng viên
Khóa học này sẽ giúp bạn đi sâu vào lĩnh vực phát triển website,bắt đầu ngay một dự án kinh doanh online
THÊM VÀO GIỎ HÀNG
Thiết kế web bán hàng 2.0

Thiết kế web bán hàng 2.0

Đặng Ngọc Bình
(11)
349,000đ 600,000đ
Thiết kế web bán hàng 2.0
  • 28 bài giảng
  • 04 giờ 00 phút
Image) ? $teachers->Image : '' ?> Đặng Ngọc Bình
Giảng viên
Khóa học giúp bạn thiết kế Web bán hàng siêu tốc bằng WordPress theo quy trình 4 bước. Sau khóa học, bạn sẽ có một Web bán hàng chuyên nghiệp uy tín và tin cậy
THÊM VÀO GIỎ HÀNG
Làm 5 dự án website để trở thành lập trình viên chuyên nghiệp

Làm 5 dự án website để trở thành lập trình viên chuyên nghiệp

Võ Đức Thiện
(10)
899,000đ 1,499,000đ
Làm 5 dự án website để trở thành lập trình viên chuyên nghiệp
  • 65 bài giảng
  • 26 giờ 57 phút
Image) ? $teachers->Image : '' ?> Võ Đức Thiện
Giảng viên
Thực hành 5 dự án website để trở thành lập trình viên chuyên nghiệp
THÊM VÀO GIỎ HÀNG
Học lập trình Web - CSS3 cơ bản và nâng cao

Học lập trình Web - CSS3 cơ bản và nâng cao

Đặng Văn Lel
(2)
549,000đ 700,000đ
Học lập trình Web - CSS3 cơ bản và nâng cao
  • 15 bài giảng
  • 05 giờ 49 phút
Image) ? $teachers->Image : '' ?> Đặng Văn Lel
Giảng viên
Học lập trình Web - CSS3 cơ bản và nâng cao cung cấp kiến thức cơ bản, cần thiết nhất để bắt đầu trên con đường trở thành một lập trình viên ứng dụng Web chuyên nghiệp
THÊM VÀO GIỎ HÀNG
Bootstrap CSS Framework - CSS & Component

Bootstrap CSS Framework - CSS & Component

Phó Hải Đăng
(5)
699,000đ
Bootstrap CSS Framework - CSS & Component
  • 50 bài giảng
  • 04 giờ 29 phút
Image) ? $teachers->Image : '' ?> Phó Hải Đăng
Th.s khoa học máy tính
Khóa Học Bootstrap CSS Framework - CSS & Component giúp bạn hiểu và ứng dụng được các CSS Component mà Bootstrap cung cấp, từ đó rút ngắn thời gian thiết kế.
THÊM VÀO GIỎ HÀNG

Sau khi đã nắm được khái niệm Responsive Web Design là gì thì nhà thiết kế cũng cần chú trọng đến các nguyên tắc cơ bản của lĩnh vực này. Cụ thể như sau: 

Dòng chảy hiển thị 

Nguyên tắc cơ bản đầu tiên đó chính là dòng chảy hiển thị với từ gốc là flow. Hiểu một cách đơn giản đó là sự lướt thông tin của người dùng từ trên xuống dưới. Do đó, dù lướt trên máy tính hay điện thoại di động thì dòng chảy hiển thị này vẫn tương đương như nhau.

Cũng chính vì nguyên tắc này mà đặt ra cho các nhà thiết kế là phải làm sao tạo được sự kết hợp hoàn hảo giữa tính thẩm mỹ và tính khả dụng của content. Có như vậy thì mới giữ chân được người dùng ở trên website lâu hơn. 

Các điểm dừng

Trong Responsive Web Design, điểm dừng hay còn được gọi là Breakpoint. Mục đích của nguyên tắc này đó chính là mang đến những layout có khả năng thay đổi tại điểm giới hạn, ví dụ nếu bạn lướt trên PC sẽ có 3 cột thông tin, còn khi bạn lướt trên điện thoại thì chỉ có 1 cột thông tin. 

Thông thường, điểm dừng này sẽ có sự thay đổi tùy theo màn hình hiển thị, điều này sẽ phụ thuộc vào content mà website đang muốn hiển thị, ví dụ với những câu ngắt quãng thì rất cần thêm các breakpoint vào. Tuy nhiên, nhà thiết kế cũng cần chú ý đến cách sắp xếp sao cho phù hợp với thị giác của người xem, tránh tình trạng lộn xộn và rối mắt. 

Responsive Web Design là gì

Các điểm dùng sẽ giúp cho website được trình bày khoa học hơn 

Giá trị Max/Min 

Max/Min ở đây được hiểu là độ giới hạn về bề rộng của màn hình điện thoại hoặc máy tính. Đây là nguyên tắc cực kỳ quan trọng vì nó quyết định đến việc tiếp nhận thông tin của người dùng. Hãy thử tưởng tượng, nếu phần content tràn ra ngoài giới hạn Max/Min thì chất lượng website sẽ thực sự rất tệ. 

Và để thế nào để đạt được giá trị Max/Min hoàn hảo nhất. Ví dụ, nếu độ phân giải màn hình là 100% thì bề rộng tối đa mà nhà thiết kế có thể sử dụng là 1000px. Như vậy, content có thể lấp đầy màn hình, tránh tình trạng tràn hay bị co lại quá mức. 

Thiết kế Mobile - first hay Desktop - first 

Sẽ thật thiếu sót nếu không nhắc đến nguyên tắc thiết kế Mobile - first hay Desktop - first trong Responsive Web Design. Đây được gọi là sự khác biệt giữa ưu tiên điện thoại và ưu tiên máy tính. Theo đó, Designer sẽ xem xét chế độ hiển thị nào phù hợp hơn để đưa ra sự ưu tiên trong thiết kế, nhằm giúp Content có thể truyền tải đến người dùng trọn vẹn hơn. 

Hệ thống quản lý 

Nguyên tắc này còn được gọi với cái tên là Nested objects. Đây là nguyên tắc được áp dụng khi có nhiều nhân tố phụ thuộc và nhân tố khác, gây nên những khó khăn trong việc vận hành và quản lý website. 

Một lời khuyên hữu ích cho các nhà thiết kế đó chính là nên sắp xếp các nhân tốc thông tin thành một cụm hoặc hệ thống theo đề mục cụ thể trên website. Như vậy, bố cục content sẽ trở nên khoa học hơn và người dùng cũng dễ dàng tìm kiếm thông tin hơn. 

nguyên tắc trong Responsive Web Design

Hệ thống quản lý sẽ giúp nhà thiết kế duy trì một chế độ vận hành khoa học hơn

Lựa chọn Bitmap hay Vector 

Trong trường hợp website của bạn có nhiều hiệu ứng icon đi kèm thì nên sử dụng bitmap, còn nếu không thì tốt nhất nên chọn vector. Định dạng bitmap hoàn hảo nhất đó là jpg, png hoặc icon font. Nhà thiết kế cũng cần lưu tâm đến yếu tố kích cỡ đồng thời tối ưu hóa hình ảnh trước khi upload.

Qua bài viết trên đây, chắc chắn các nhà thiết kế đã nắm được Responsive Web Design là gì cũng như các nguyên tắc quan trọng trong lĩnh vực này. Hy vọng với những kiến thức hữu ích mà UNICA chia sẻ, nhà thiết kế sẽ hoàn thành sản phẩm thiết kế hoàn hảo hơn. 

>> 7 phương pháp tăng tốc độ web - cải thiện chuyển đổi 7 %

>> Học thiết kế Website đơn giản với 3 khóa học online cực hữu ích


Tags: Thiết kế Web