질문/조언질답게시판
Extra Form
PHP PHP 7.0
CMS Rhymix

대개 레이아웃이나 위젯 등 디자인할 때 어떤 프로그램 사용하시나요?

디자인 툴 중에서 사용할 줄 아는 게 없어서 phpstorm이나 에디트플러스로 일일이 css 코드 수정해가며 사이트에 실제로 어떻게 적용되는지 일일이 확인하는데, 이런 번거로운 작업이 여간 불편하지 않을 수가 없네요.

 

adobe xd나 muse 같은 거는 단순히 디자인 툴인 거 같고, 드림위버같은 거는 psd 파일을 불러와서 코드로 적용시킬 수 있는 것으로 아는데, 이렇게 디자인을 GUI로 편집하면서 코드에 자동으로 반영되는 그런 프로그램 어디 없을까요...?

 

 

  • profile

    저는 디자인작업은 거의 포토샵으로 하는편입니다.

    완성된 상태의 디자인을 보면서 코딩하면 편하거든요.

    조금 번거로워도 목업과정을 디테일하게 한 다음 코딩으로 넘어가는게 저한테는 맞네요.

  • profile profile
    목업 과정으로 전체적인 디자인 틀을 잡는 것이 중요하고 좋은 것 같습니다.
    아니, 어떤일이든 전체적인 구상을 하고 세밀한 부분은 나중에 구축해 나가는 방식을 선호해서 처음에 목업 디자인이 있는 것이 좋습니다.
  • profile
    어도비 mx 안되나요? 포토샵에서도 기본적인 레이아웃코딩은 자동으로 해 주는데..
    드림위버는 버전4 까지는 코딩이 개판으로 나와서 그 후로 드림위버는 사용하지 않았는데 최근 버전부터는 포토샵 못지않게 코드를 만들어줍니다. 물론 프로그래밍까지는 아니고요.
    그것도 만족하지 못하신다면 어도비 파이어웍스도 한번 사용 해 보세요.
  • profile profile
    안그래도 xd 유튜브로 튜토리얼 보는데 꽤 괜찮아 보이더라구요.
    포토샵 보다는 확실히 폰트크기나 테마색상등을 미리 정해놓고 작업할 수 있어서 괜찮아 보였어요.
  • profile
    mx 아니고 xd 였네요. 실쑤 ^^
  • profile
    스케치나 제플린을 써보세요
    하지만 디자인 된 작업물을 실제로 코드로 변환할시에는 변수도 많고 한계가 있습니다
    괜히 ui디자이너가 있는게 아니죠