제가 기획/디자인을 해서 넘기는데
넘겨도 항상 디자인이 똑같이 나오지 않더라고요
디자인값/수치/색상 등 가이드를 짜서 넘겨주는데
항상 임의로 지정되어 있고, 다 다르게 해서 넘어옵니다
왜 기획/디자인이 같게 나오지 않냐 물어보니
부트스트랩에서 지원을 하지 않거나 부트스트랩에 없거나 부트스트랩 자체 기본값이어서 변경할 수 없다 하는데 황당해서 글써봅니다 ;;
이게 프엔이 원래 이런 겁니까? 아님 제가 너무 꽉 막힌 겁니까?
댓글 19개
베스트 댓글
부트스트랩을 사내 프레임워크로 사용하기로 했다면 그걸 기반으로 디자인 설계가 따라 가야죠.
그렇다고 부트스트랩의 스타일만 사용할 수는 없죠. 여백, 폰트 및 특히 컬러는 사이트의 주요 포인트이니 컬러셋은 따로 커스텀하게될테고요.
기획/디자인이 이런 반응형 시스템을 적극 이해하고 노력해야하는 부분도 분명히 존재합니다. 아주 옛날옛적에나 1px 가지고 별 지랄들 떨었지 다영한 기기와 브라우저, 반응형 이후에는 기획/디자인이 이런 시스템을 이해하지 못하고 디자인하면 프론트엔드는 죽어나고, 유지보수 개판되는 코드가 만들어 지게됩니다.
비슷해 보이는 곳에 여백이 어디는 14px 어디는 12px 어디는 11px 이따위로 디자인해주고 안맞는다 따지면 미친놈입니다. 요소에 따라 이런 부분이 필요할 수도 있지만 디자인의 쓸데없는 고집일 뿐 대부분 융통성이 통하는 것들이죠.
프론트엔드 개발자도 부트스트랩의 테마 등을 활용해 기반을 크게 건드리지 않으면서 충분히 커스텀할 수 있죠.
가만 컬러셋이나 여백 등 어느정도 규격이 정해져있는 프레임워크를 사용하는 것이고, 컬러는 베이스 컬러를 기반으로 50, 100, 200, ..., 900 이런 10개 단위로 자동으로 바리에이션이 만들어지기 때문에 디자이너도 이런 특성을 이해하고 자동으로 만들어지는 컬러 중에서 골라 사용하는게 좋습니다. 정말 커스텀이 필요한 부분은 최소한으로 줄이고 꼭 필요한 부분은 해당 컬러로 적용하라고 명시하거나 컬러팔레트를 조정해보는 것을 고려하는게 좋습니다.
https://getbootstrap.com/docs/5.0/utilities/colors/#utilities-api
되냐 왜안되냐를 따지지 마시고 시스템을 이해하고 사용해야죠. 디자인이나 프론트나 둘 다 시스템을 이해하고 사용하세요.
컬러팔레트 등 조정은 가능하고 둘다 이런 시스템을 이해하고 디자이너가 컬러팔레트를 확인하여 베이스 컬러를 지정해주거나 필요하다면 바리에이션 컬러도 커스텀 해줄것을 요청하고, 프론트는 그 값을 몇군데만 설정하면 됩니다.
컬러팔레트를 조정하라는 것이지 요소마다 다 컬러를 스타일로 지정하라는게 아닙니다.
컬러도 어디는 ddd, ddf, dff 이딴식으로 구분도 안되는 미세한 컬러 변화도 부트스트랩 바리에이션에는 없고 사람이 시각적으로 구분도 불가능한 차이로 색상으로 태크거는 미친짓은 지양하고 컬러팔레트에서 유사 색상을 고르는게 맞습니다.
1px, 컬러코드 한자리 맞추라는 쪽이 또라이고 미친놈이고 회사의 업무효율을 깍아먹어 회사의 재산을 낭비하는 배임행위입니다.
프론트도 이런 부트스트랩의 커스텀 기능을 활용 못하고 안된다는 말만하면 그놈도 미친놈이고요.
서로에게 미친놈이 되지 않도록 공부해야죠.
게시글 목록
| 번호 | 제목 |
|---|---|
| 1717629 | |
| 1717626 | |
| 1717625 | |
| 1717621 | |
| 1717619 | |
| 1717611 | |
| 1717610 | |
| 1717609 | |
| 1717607 | |
| 1717601 | |
| 1717598 | |
| 1717591 | |
| 1717590 | |
| 1717583 | |
| 1717575 | |
| 1717572 | |
| 1717568 | |
| 1717566 | |
| 1717549 | |
| 1717545 | |
| 1717533 | |
| 1717512 | |
| 1717511 | |
| 1717508 | |
| 1717495 | |
| 1717479 | |
| 1717473 | |
| 1717470 | |
| 1717463 | |
| 1717452 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기