designer8
45
2021-07-05 21:56:09 작성 2021-07-06 11:45:31 수정됨
13
1143

프로그래머님들이 보시기엔 왼쪽 오른쪽 어떤게 정렬이 맞아보이시나요?


버튼안에 텍스트를 프로그램 가이드상 정렬을 센터로 맞추면

왼쪽이 정렬이고 맞는걸로 나옵니다.

그래서 작업할때 뭔가 불안정해 보여서 텍스트를 항상 1픽셀을 올리거든요 그럼 좀 안정적으로 보이는데

걍 상하좌우 딱 나눠떨어지게 하고 프로그래머님 한테 넘겨드리는게 맞겠죠?

(참고로 저는 디자이너임니다)


0
  • 댓글 13

  • 아휴
    185
    2021-07-05 22:02:03

    와우 이게 도대체 무슨 차이죠 ?.?

  • designer8
    45
    2021-07-05 22:09:01 작성 2021-07-05 22:17:04 수정됨


    아휴 왼쪽 "UPLOAD" 텍스트와 "파일선택" 텍스트는 프로그램상 상하좌우 정렬이 맞다고 나오는데

    오른쪽은 "UPLOAD" 텍스트와 "파일선택" 텍스트를 1픽셀씩 올린거거든요

    디자이너들은 오른쪽이 안정적으로 정렬된거같다고 하는데 문제는 개발자한테 넘겨줄때 안정적인 눈을 믿는것보다 수치상으로 정렬된걸 넘겨주는게 맞는지 아님 상 -1픽셀 하 0픽셀 이렇게 정렬 안맞게 넘겨주는게 맞는지 궁금합니다.

  • designer8
    45
    2021-07-05 22:10:33

    닉네임 쓰는법을 모르곘네요 ㅎㅎ

  • 호호하하하하
    835
    2021-07-05 22:12:05
  • baebae
    382
    2021-07-05 22:34:12 작성 2021-07-05 22:35:12 수정됨

    저는 이런경우의 1픽셀 정도는 어차피 디자이너분들도 가운데 정렬이 의도였겠거니 하고 알아서 맞춥니다. 

    아무래도 폰트에따라 이런경우가 있다보니..

  • designer8
    45
    2021-07-05 22:48:02

    baebae

    그럼임의로 하지말고 디자인 프로그램(수치상)중앙으로 정렬해야 맞겠네요!

  • 호빵
    346
    2021-07-05 23:44:06

    개발자들이 이런부분까지 디테일하게 신경 안씁니다

    폰트 이슈 때문인지는 몰라도 오른쪽이 더 안정감있게 보이시면 그렇게 작업하셔도 무방 합니다.

  • 메이플비
    361
    2021-07-06 00:00:56 작성 2021-07-06 00:01:23 수정됨

    저희도 저런 문제로 기획회의 할 떄 간간히 거론되는데, 정답이 없는것 같습니다. 정말 취향차라고 해야할까요? 저는 직접 측정해서 나오는 값을 따라가는 편이지만, 몇몇 개발자분들은 눈으로 보이는걸 더 중요하게 생각하거든요.

    다만 후자가 좀 더 낫지않나 라고 생각하는게, 유저의 입장에서 생각해 봐야 하니까요. (유저가 크롬에 픽셀측정 확장도구를 깔아놓고 재고 있을게 아니라면;;)

  • 초무쿤
    6k
    2021-07-06 01:16:51 작성 2021-07-06 01:17:49 수정됨

    vertical-align: middle; 인거 같은데... 이게 항상 잘 안맞아서;; flex로 가면 잘 맞는데..

  • 힘내라마소
    1k
    2021-07-06 09:16:23

    예전에 삼성이랑 일할 때 디자이너 분이 디자인 넘겨줄 때는 텍스트 크기, 양 옆 위 아래 여백 px 크기 다 작성해서 줬었습니다.

    그 때를 생각하면 1px 올린 것이 맞아 보입니다.

  • HJOW
    3k
    2021-07-06 09:24:54

    리포트 작업하고 검사받을 때가 생각나네요.

    샘플 인쇄해서 형광등에 비춰보면서 1px 삐져나온 거 하나라도 있으면...

  • jjna0825
    345
    2021-07-06 09:36:45

    내눈이 잘 안보여서 확대해서 겨우 찾았네요. (오른쪽이 뭔가 더 정렬된 느낌이긴 한데 구분이 잘 안가요)

    저도 비슷한경우 겪어보긴 했는데 그건 프레임워크도 완벽하지 않구나 하고 작성자님처럼 강제로 바꾼적은 있어요

    그치만 이건 디자이너분들도 구분 힘들거 같아요. 1픽셀은 좀...

  • 개발즐거워요
    110
    2021-07-06 15:12:48

    오른쪽이 더 안정감있다고 생각해요.

    폰트 높이와 실제 글자의 높이 사이에 약간 갭이 있어서 종종 일어나더라구요. 가운데 정렬 시켜도 온점은 무조건 바닥에 붙는 것처럼요.
    개발자 도구로 해당 글자의 높이를 직접 확인해보시면 아실 거라고 생각해요

    환경에 따라 폰트도 달라질 수 있고, 그러면 오히려 왼쪽이 정렬된 느낌이 될 수도 있기 때문에 폰트도 함께 지정해주시는 게 좋을 것 같아요.

  • 로그인을 하시면 댓글을 등록할 수 있습니다.