Tuần báo tin tức dành cho designer | Tuần 10

Tuần báo tin tức dành cho designer sẽ là bản tin vắn nhằm tập hợp các thông tin về thiết kế một cách ngắn gọn và rõ ràng nhất. Hãy cùng iDesign cập nhật bản tin này hàng tuần nhé!

Bản tin tuần 10 bao gồm: Onboarding về Carousel HTML & CSS Snippets; Greyhound - Lưu đồ miễn phí cho Figma & Sketch; Hiệu ứng mượt mà khi cuộn hình ảnh; Gradient Magic CSS; Bộ hướng dẫn thiết kế digital của The Guardian
và nhiều hơn thế nữa…

1. Bộ hướng dẫn thiết kế digital của The Guardian

2. Hướng dẫn thao tác nhiều cột

Bố cục nhiều cột thể hiện sự khác biệt thậm chí hiệu quả hơn so với cách chúng ta thường làm và suy nghĩ về bố cục CSS.

3. 8 Onboarding tuyệt vời về Carousel HTML & CSS Snippets 

Một bộ sưu tập các onboarding css & html code snippets. Chúng sẽ giúp bạn bắt đầu với việc xây dựng trải nghiệm người dùng tốt hơn cho sản phẩm.

4. Cube.js

Một giải pháp phân tích mã nguồn mở hoàn chỉnh: trực quan hóa các giao diện SDK và API được hỗ trợ bởi cơ sở hạ tầng máy chủ phân tích.

5. Tại sao các nút chuyển đổi gây nhầm lẫn

Các nút chuyển đổi sẽ thay đổi trạng thái ngay lập tức khi nhấn nút. Vì thế nếu không thiết kế chính xác, chúng sẽ gây ra những nhầm lẫn cho người dùng.

6. Bộ icon miễn phí về chủ để vận chuyển (50 icon, SVG & PNG)

Tất cả các icon vận chuyển đều miễn phí và có thể tùy chỉnh 100%. Tất cả các màu đều có thể thay đổi và có cả hai định dạng SVG & PNG

7. Greyhound - Lưu đồ miễn phí cho Figma & Sketch

Lưu đồ Greyhound bao gồm hơn 200 sơ đồ miễn phí trong 11 danh mục. Bạn có thể thiết kế sơ đồ trang web và prototype cho các dự án web và thiết bị di động.

8. Bộ sưu tập các mẫu PSD minh họa miễn phí

Một bộ hình minh họa Photoshop cho các màn hình trống, báo lỗi và báo thành công cho web/app hay bất kỳ dự án nào của bạn.

9. Các hiệu ứng mượt mà khi cuộn hình ảnh

Một tập hợp nhỏ các ý tưởng về ảnh động và các yếu tố khác khi cuộn một trang web.

10. Lưới CSS đáp ứng với minmax () và min ()

11. Các loại hoạt hình để cải thiện Mobile UX

Bài viết đề cập đến các loại hoạt hình trong ứng dụng khác nhau nhằm cải thiện UX.

12. Bộ lọc SVG: Hiệu ứng văn bản font chữ thập niên 80

Một bộ sưu tập tuyệt vời các hiệu ứng văn bản thập niên 1980 sử dụng bộ lọc SVG và font chữ retro thập niên 80.

13. Gradient Magic

Một ứng dụng dựa trên web để tải xuống chỉ bằng một nút chuyển màu CSS tuyệt vời.

14. Các ý tưởng UI hấp dẫn cho các trang web thương mại điện tử

Những ý tưởng này có thể được áp dụng cho bất kỳ trang web thương mại điện tử nào. Chúng là minh chứng cho thấy UI sẽ chuyển đổi người mua sắm thành khách hàng chính thức.

15. Hướng dẫn trực quan hóa dữ liệu là gì?

Hướng dẫn chuẩn hóa trực quan dữ liệu phù hợp với các hệ thống thiết kế và thương hiệu lớn.

16. 10 mẫu Mockup trang web đáp ứng miễn phí

17. Hướng dẫn của nhà thiết kế về SEO lấy người dung làm trung tâm

SEO tập trung vào người dùng bắt nguồn từ sự kết hợp giữa thiết kế tốt, nội dung và code được đưa ra hài hòa. Trong đó mỗi yếu tố là những điểm chính có thể tác động lẫn nhau.

Biên tập: Thao Lee

Nguồn: speckyboy

Hình trong bài (17)