Các kích thước quan trọng cần nhớ khi thiết kế cho nền tảng truyền thông xã hội

Các kích thước quan trọng cần nhớ khi thiết kế cho nền tảng truyền thông xã hội

Bởi MinhTrang vào 00:00, 23/1/19
  1. MinhTrang

    MinhTrang CTV Nữ

    Đã được thích:
    174
    Cuộc sống sẽ thật đơn giản nếu chỉ có một nền tảng truyền thông xã hội trên internet. Thật không may, có hàng tá và mỗi loại đi kèm với các thông số khác nhau mà người dùng và nhà thiết kế phải tuân thủ. Điều đó thêm vào rất nhiều kích thước avatar, bìa và tiêu đề!

    Để làm cho cuộc sống dễ dàng hơn một chút, bài viết này sẽ xem xét bảy trong số các nền tảng truyền thông xã hội được sử dụng phổ biến nhất và các kích thước quan trọng cần ghi nhớ trong khi thiết kế trang profile.

    1. Twitter

    social 1.
    Mặc dù ảnh đại diện Twitter thường được hiển thị ở 75 x 75px trên điện thoại, phiên bản dành cho máy tính để bàn sẽ hiển thị chúng ở 200 x 200px. Hơn nữa, trang web có một yếu tố động cho phép người dùng nhấp vào ảnh hồ sơ và xem nó ở kích thước lớn hơn.

    Vì lý do này, nhiều người thích tải lên hình ảnh của họ ở 400 x 400px để phù hợp với người dùng sử dụng chức năng động.

    Ngoài hình ảnh hồ sơ, Twitter gần đây đã cải tạo phần tiêu đề của hồ sơ người dùng, cho phép người dùng tải lên hình ảnh với kích thước 1500px x 500px được đề xuất. Như đã nói, chiều cao có thể ít hơn nếu cần.

    2. Facebook

    social 2.
    Tương tự như Twitter, Facebook hiển thị ảnh đại diện ở nhiều kích cỡ tùy theo thiết bị. Các kích thước này dao động từ 128 x 128px trên điện thoại thông minh đến 180 x 180px trên màn hình máy tính.

    Như đã nói, hình ảnh nên có ít nhất 180 x 180px để tải lên. Hãy nhớ rằng hình ảnh hồ sơ trên Facebook có thể được nhấp và xem giống như bất kỳ hình ảnh khác. Làm cho nó lớn và hiển thị một số chi tiết cho những người muốn nó!

    Facebook cũng cho phép người dùng tải lên hình ảnh bìa hiển thị ở 828 x 315px trên máy tính và 640 x 360px trên điện thoại thông minh. Ảnh bìa cần có ít nhất 399 x 150px, tuy nhiên mọi thứ nhỏ hơn kích thước 851 x 315px đầy đủ sẽ hiển thị pixel trên màn hình lớn hơn.

    3. Pinterest

    social 3.
    Hình ảnh hồ sơ Pinterest phải có ít nhất 165 x 165px, với hình ảnh chủ yếu xuất hiện ở 32 x 32px. Tuy nhiên, hình ảnh lên tới 600 x 600px có thể được tải lên và sẽ được thay đổi kích thước tự động. Không giống như Twitter và Facebook, không có nhiều điều phải lo lắng về việc thay đổi kích thước hình ảnh hồ sơ trên các nền tảng. Nó vẫn khá nhỏ trong suốt.

    4. Tumblr

    social 4.
    Tương tự như Pintrest, vai trò của ảnh đại diện trên Tumblr có phần thứ yếu. Chúng được hiển thị dưới dạng hình vuông nhỏ 30 x 30px trong nguồn cấp dữ liệu chính. Như đã nói, Tumblr yêu cầu kích thước hình ảnh tối thiểu là 128 x 128px.

    5. Instagram

    social 5.
    Ảnh hồ sơ Instagram hiển thị ở 110 x 110px trên điện thoại và 152 x 152px trên màn hình máy tính, tuy nhiên người dùng được khuyến khích tải lên ảnh lên tới 180 x 180px.

    6. Linkedln

    social 6.
    LinkedIn yêu cầu avatar có kích thước tới 200 x 200px. Như đã nói, bạn có thể tải lên ảnh lên tới 500 x 500px và nên xem xét tùy chọn này liên quan đến nội dung web động. LinkedIn cũng có kích thước banner lên tới 1000 x 425px.

    7. 99designs

    social 7.
    99designs khuyến nghị avatar có kích thước là một hình vuông 500 x 500px (đối với màn hình võng mạc), có thể hoạt động tốt ở kích thước hiển thị tối thiểu 32 x 32px mà không mất quá nhiều chi tiết. Chúng tôi rất khuyến khích có được một bức ảnh chuyên nghiệp, chất lượng cao. Điều này cho phép khách hàng kết nối ngay lập tức với bạn và đối mặt với công việc của bạn.

    Ảnh bìa nên có kích thước 2480 x 400px, vì vậy nó trông đẹp trên màn hình Retina). Kích thước hiển thị là 1240 x 200px trên màn hình và màn hình rộng hơn; Kích thước tối thiểu 540 x 200px trên máy tính bảng.

    Kết luận

    Có rất nhiều điều cần lưu ý trong khi thiết kế cho các trang web khác nhau liên quan đến kích thước hình ảnh. Bài viết này sẽ phục vụ như là một tài nguyên hữu ích giúp tiết kiệm thời gian và nghiên cứu!

    Nguồn: 99designs
     
    Có thể bạn thích
Đang cập nhật...

Bình luận

Thảo luận trong 'Thiết kế đồ hoạ' bắt đầu bởi MinhTrang, 22/1/19.

Chia sẻ trang này