이미지 티어 리스트 만들기: 입력부터 읽기 쉬운 배치까지

이미지보다 비교할 이름을 먼저 정해요

저는 예쁜 그림을 고르기 전에 목록의 범위부터 좁히는 편을 권합니다. 브랜드 전체를 비교하는지 특정 제품을 비교하는지 먼저 정해 보세요. ‘A사’와 ‘A사 보급형 모델’이 같은 목록에 섞이면 이미지는 보기 좋아도 등급이 무엇을 뜻하는지 알기 어렵습니다. 같은 종류의 대상을 모으고, 이름에 필요한 모델 정보만 남기면 카드도 읽기 편해져요.

홈의 여러 줄 입력에 이름을 한 줄씩 붙여넣으면 이름이 같은 항목은 한 번만 추가됩니다. 현재 한 이름은 80자, 이 입력 도구의 전체 목록은 100개까지예요. 이름 뒤에 설명을 길게 붙이는 대신 항목별 평가 이유에 조건을 적는 편이 낫습니다. 처음에는 이미지를 넣지 않아도 등급을 고르고 마크다운을 저장할 수 있어요.

세 가지 이미지 경로를 구분해요

브랜드를 비교한다면 편집기의 브랜드 검색으로 로고를 찾을 수 있습니다. 로고는 브랜드를 알아보게 하는 표시이지 성능 자료가 아니에요. 비슷한 이름의 검색 결과가 나오면 실제 대상이 맞는지 확인하고 추가하세요. 특정 제품 비교에서는 같은 로고가 여러 번 반복될 수 있으니, 모델 이름과 직접 준비한 제품 이미지를 함께 쓰는 쪽이 구분하기 쉽습니다.

직접 올리는 이미지는 PNG·JPEG·WebP 형식을 사용하세요. 편집기는 업로드 과정에서 이미지를 줄여 처리하고 서버는 받은 파일에 8MB 제한을 적용합니다. 이미지 업로드는 서버 저장을 포함하므로, 비공개 사진을 내 기기 안에서만 처리하는 기능이라고 생각하면 안 됩니다. 내 사진이나 사용 허락이 있는 이미지를 고르고 개인정보가 담긴 사진은 피하는 편이 좋습니다.

이미지가 없거나 검색 결과가 맞지 않으면 이름만으로 텍스트 로고를 만들어도 됩니다. 가상의 항목이나 활동 이름에는 이 방법이 특히 잘 맞아요. 모든 항목에 비슷한 크기의 그림을 쓰는 편이 좋지만, 로고를 찾지 못했다는 이유로 비교에서 제외하거나 낮은 등급을 줄 필요는 없습니다.

등급을 옮기고 읽는 순서를 확인해요

편집기에서는 항목을 드래그해 등급 사이로 옮길 수 있습니다. 터치 조작이 불편하면 일괄 입력·키보드 등급 선택 영역을 열어 선택 상자로 바꾸세요. 처음 보는 항목은 미배치에 남깁니다. ‘정보 없음’과 ‘낮은 평가’는 다른 상태이므로, 잘 모르는 항목을 마지막 등급에 몰아넣는 방식은 피하는 편을 권해요.

같은 등급 안의 순서도 바꿀 수 있지만, 반드시 세부 순위로 해석할 필요는 없습니다. 같은 수준으로 묶었다면 ‘등급 안에서는 순서 무관’이라고 소개글에 적어 주세요. S·A 같은 이름이 주제와 잘 맞지 않으면 등급 이름을 바꿀 수 있습니다. 이름을 바꿔도 어떤 조건을 충족하면 그 등급인지 설명이 있어야 읽는 사람이 이해합니다.

피라미드와 표를 선택하는 기준

피라미드는 위쪽 등급을 시각적으로 강조하고 싶을 때 어울립니다. 표는 많은 항목을 등급별 가로 행으로 읽고 싶을 때 편해요. 저는 이름이 긴 제품을 많이 비교한다면 표부터 확인해 보는 편을 권합니다. 모양 때문에 등급을 바꾸기보다는, 이미 정한 등급을 잘 보여주는 레이아웃을 고르세요. 위쪽 공간이 좁다고 S의 개수를 억지로 줄일 필요는 없습니다.

테마를 고른 뒤 글자와 배경을 구분할 수 있는지, 비슷한 로고끼리 헷갈리지 않는지 확인합니다. 특히 스마트폰에서는 긴 이름과 작은 글자가 눈에 잘 들어오지 않을 수 있어요. PNG로 저장한 파일도 한 번 열어 실제 크기에서 확인해 주세요. 편집 화면이 예뻐 보이는 것과 내려받은 이미지가 읽기 쉬운 것은 같은 문제가 아닙니다.

공유 전 마지막 확인

제목에는 비교 대상을, 소개글에는 기준과 범위를 남깁니다. 항목별 이유에는 그 등급을 준 조건을 적고, 실제로 쓰지 않은 제품을 사용했다고 표현하지 마세요. 로고나 이미지가 있다는 사실이 후기를 검증해 주지는 않습니다. 파일 다운로드는 공개 게시가 아니며, 링크로 공개하는 절차에는 별도 게시 검증과 제한이 적용됩니다.