어제 어떤 커뮤니티에서 본 글인데... 정보
어제 어떤 커뮤니티에서 본 글인데...
본문
어떤 신참 디자이너가
디자인을 할 때 포토샵으로 그림을 싹 그려놓고 슬라이스 해서
코딩을 하는 것이 아니라,
대충 코딩으로 사이즈 잡아놓고,
각각의 이미지로 필요한 부분을 따로 포토샵으로 만들어서 집어 넣는 식으로 디자인을 한다고...
그러길래;; 그게 뭔가 했는데... 그런 사람도 있군요!
여러분들은 어떤 방식으로 디자인 하시나요?
대부분 포토샵으로 그린 후 슬라이스 해서 코딩하지 않나요?-ㅅ -;;;
그러고보니 포토샵으로 어떤 디자인을 그려놔도
그누보드로 만들 수 있는 건지 궁금했는데 ㅋㅋ
그누보드로 디자인 하시는 분들은 어찌하시는지!!
점심 먹고 왔더니 배불러서 또 졸릴 것 같습니다 ㅋㅋ
추천
0
0
댓글 33개
요즘은 포토샵 플러인에 레이어를 div tag로 자동적으로 변환해 주는 것이 있더라구요.
position: relative로 잡아 주구요.
근데 유료라는... ㅜ.ㅜ
position: relative로 잡아 주구요.
근데 유료라는... ㅜ.ㅜ
유료 ... 털썩..
옛날에 동적페이지가 일반적이 않을 때는 포토샵으로 페이지 전체를 디자인 하고 슬라이스 해서 붙여넣기 식으로 홈페이지를 제작했는데 그때 홈페이지 제작을 배운 사람은 아직도 그렇게 하는 사람이 있습니다.
효율의 문제이긴 한데 저는 후자가 요즘 트랜드(?)에 맞지 않나 생각해요.
요즘은 JS와 CSS 필수로 들어가기 때문에 포토샵으로 디자인하지 않고 CSS만으로 구현이 가능한 것도 있고 그렇게 해야만 하는 것도 있지요.
그래서 코딩 작업을 하는 중에 필요한 부분을 포토샵으로 디자인해서 적용하는 게 낫지 않나 생각합니다.
효율의 문제이긴 한데 저는 후자가 요즘 트랜드(?)에 맞지 않나 생각해요.
요즘은 JS와 CSS 필수로 들어가기 때문에 포토샵으로 디자인하지 않고 CSS만으로 구현이 가능한 것도 있고 그렇게 해야만 하는 것도 있지요.
그래서 코딩 작업을 하는 중에 필요한 부분을 포토샵으로 디자인해서 적용하는 게 낫지 않나 생각합니다.
물론 JS와 CSS만으로도 구현 가능하다고는 생각하지만,
저는 그래도 일단은 포토샵으로 전체적인 그림을 그려놔야 예쁜 디자인이 나올 수 있다고 보거든요...
부분적으로 이미지를 만들다 보면 전체적으로 통일감을 주기 어렵고... -ㅅ ㅠ 개인적인 생각입니다만...
포토샵으로 그리면서도, 코딩할 것을 생각하면서 (이부분은 이런 CSS를 이용해서 넣자.. 라는 식으로 말예요...)
그리기 때문에 전체적으로 그리는 것이 좋다고 보는뎀...
(TOP페이지는 절대적으로 첫인상이니까요? ㅎ 그 밑 페이지들은 코딩부터 하는 경우도 있지요 하하)
앞으로는 CSS만으로 디자인 하는 시대가 올거라는 어느 컬럼을 본 것 같긴 하네요..
저는 그래도 일단은 포토샵으로 전체적인 그림을 그려놔야 예쁜 디자인이 나올 수 있다고 보거든요...
부분적으로 이미지를 만들다 보면 전체적으로 통일감을 주기 어렵고... -ㅅ ㅠ 개인적인 생각입니다만...
포토샵으로 그리면서도, 코딩할 것을 생각하면서 (이부분은 이런 CSS를 이용해서 넣자.. 라는 식으로 말예요...)
그리기 때문에 전체적으로 그리는 것이 좋다고 보는뎀...
(TOP페이지는 절대적으로 첫인상이니까요? ㅎ 그 밑 페이지들은 코딩부터 하는 경우도 있지요 하하)
앞으로는 CSS만으로 디자인 하는 시대가 올거라는 어느 컬럼을 본 것 같긴 하네요..
Fireworks를 많이들 사용 하던데 단종이 되고 새롭게 Muse라고 나왔더군요.
외국 튜토리얼을 보면 DW하고 같이 사용을 하나 보더군요.
저도 이 부분이 항상 고민스럽긴 합니다.
외국 튜토리얼을 보면 DW하고 같이 사용을 하나 보더군요.
저도 이 부분이 항상 고민스럽긴 합니다.
일본에서 전문학교 다닐 때도 퐈이어웤!ㅋㅋ 배우긴 했는데, 포샵이 익숙한 저로서는....
Muse라고 새로 나왔군요.. 드림위버랑 연동해서 간단 코딩이 가능하다면 참 좋겠는데 ㅎㅎ
어려운 부분이네요 ㅎㅎ 앞으로 더 좋아지겠쬬
Muse라고 새로 나왔군요.. 드림위버랑 연동해서 간단 코딩이 가능하다면 참 좋겠는데 ㅎㅎ
어려운 부분이네요 ㅎㅎ 앞으로 더 좋아지겠쬬
점점 많은 것을 익혀야 한다는 점이 고통이네요.^^
배워야 할 것은 많지만, 끊임없이 배워야 할 것이 많다는 것은 좋은 것 같아요 ㅎ
한시도 게을리 할 수가 없다는 ㅠ ㅠ
한시도 게을리 할 수가 없다는 ㅠ ㅠ
마자요.
저는 일본어 대충 읽기만 하는데 일본어 사이트 명동에서 10개 넘게 만들어 주었죠.
언어도 많이 배워 놓을 껄 하는 생각만 하지 나이드니 언어도 컴 언어도 습득하는 속도가 느려 터져가는군요.^^
안 할 수도 없구...
저는 일본어 대충 읽기만 하는데 일본어 사이트 명동에서 10개 넘게 만들어 주었죠.
언어도 많이 배워 놓을 껄 하는 생각만 하지 나이드니 언어도 컴 언어도 습득하는 속도가 느려 터져가는군요.^^
안 할 수도 없구...
대단하시네요! ㅎ
깊이있게 배우는 것도 중요하겠지만 여러가지 많이 배우는 것도 좋은 것 같아요 ㅎ
언어도, 컴언어도 습득 속도가 늦어진다는 것에 동의합니다 ㅠㅠ ㅋ
깊이있게 배우는 것도 중요하겠지만 여러가지 많이 배우는 것도 좋은 것 같아요 ㅎ
언어도, 컴언어도 습득 속도가 늦어진다는 것에 동의합니다 ㅠㅠ ㅋ
디쟈인을 몰라서,
뽀샵으로 전체 이미지를 완성한후에 잘라서 HTML로 작성하는 것으로 아는데,
그걸 어떻게 사이즈등을 다 계산해서 이미지들을 작성하는지 신기함 ㄷㄷㄷ
특히 로그인창...
뽀샵으로 전체 이미지를 완성한후에 잘라서 HTML로 작성하는 것으로 아는데,
그걸 어떻게 사이즈등을 다 계산해서 이미지들을 작성하는지 신기함 ㄷㄷㄷ
특히 로그인창...
저는 회사 들어오기 전에는 대충 네모 그려서 때려 넣고 그랬는데,
회사 들어오니까 디자이너 선배가...
1px 1px 아주 신중하게 디자인 하더라고요...
내가 디자인하고 내가 코딩하면서 느낀건데, 그렇게 1px도 놓치지 않고 계산하면서 디자인 하니까
코딩할 때 편하긴 하더라구요 ㅎㅎ
회사 들어오니까 디자이너 선배가...
1px 1px 아주 신중하게 디자인 하더라고요...
내가 디자인하고 내가 코딩하면서 느낀건데, 그렇게 1px도 놓치지 않고 계산하면서 디자인 하니까
코딩할 때 편하긴 하더라구요 ㅎㅎ
눈 빠지겠네요 ;;
머리가 아파요.. 가 아니고 골치가 아파요 ㅋㅋ
하나하나 더하고 빼고 계산하는게 아주 구찮지만 ㅋ
코딩하기 편하려면 ㅠ ㅠ
하나하나 더하고 빼고 계산하는게 아주 구찮지만 ㅋ
코딩하기 편하려면 ㅠ ㅠ
안맞아서 맨날 수정하는데요 ㅋㅋㅋ 열번정도 수정하면 맞춰져요
으악 ㅋㅋㅋ
전자는 디자이너가 퍼블리싱을 할때 주로 쓰고요
후자는 디자이너와 퍼블리셔가 따로 있을 때 주로 쓰는 것 같아요 ^^
후자는 디자이너와 퍼블리셔가 따로 있을 때 주로 쓰는 것 같아요 ^^
전자, 후자가 어떵건지-ㅅ -; ㅎㅎ
전자가 그림 다 그려놓고 슬라이스 인가요? 후자인가요 ㅡ. ㅡ?
전자가 그림 다 그려놓고 슬라이스 인가요? 후자인가요 ㅡ. ㅡ?
흠.. 전자 코딩하면서 디자인
후자 디자인 따로 코딩 따로 ㅎㅎㅎ 다시 자세히 읽어보니 애매하굲요 ㅎㅎ
후자 디자인 따로 코딩 따로 ㅎㅎㅎ 다시 자세히 읽어보니 애매하굲요 ㅎㅎ
제가 써놓고도 애매하게 써서 ㅋㅋ 다들 못알아들으시면 어쩌나 했어요 ㅋㅋ
그렇군요, 혼자 다하면 뭐 다 그릴 필요 없겠쬬 ㅋ
근데 대부분이 클라한테 첨에 디자인 컨펌 받지 않나요?-ㅅ -;; 메인페이지 만들어서;
그렇군요, 혼자 다하면 뭐 다 그릴 필요 없겠쬬 ㅋ
근데 대부분이 클라한테 첨에 디자인 컨펌 받지 않나요?-ㅅ -;; 메인페이지 만들어서;
디자인 전달해주는 방법은 여러가지니깐요 ^^
저도 코딩하면서 디자인 같이 하기땜에 시안만드는 경우 아니고서는 다 따로따로 PSD로 작업해요 먼저 레이아웃 잡아놓고 로고, 배너등 사이즈별로 작게 PSD 각각 만들어서 코딩하면서 같이 올려요
그렇군요.. ㅎ 그런 방법도 있군요 ^^
처음 들어서 신기했어요 ㅠ ㅠ
시간인 좀 더 단축될 것 같네요 ㅎ
처음 들어서 신기했어요 ㅠ ㅠ
시간인 좀 더 단축될 것 같네요 ㅎ
전체 배경이 들어가는경우만 배경만 따로 작업해서 붙여요 근데 이게 문제점이 하나하나 FTP 에 올리면서 해야해서 마우스를 엄청 써서 손목이 아프고 인터넷이 안되면 일을 못한다는 ㅠㅠ
ㅎㅎㅎㅎ 업로드하면서 해야 하니까요 ㅋㅋ
클라한테 컨펌 안받고 그냥 만들어놓고 보여주시나봐요!! -ㅅ -
클라한테 컨펌 안받고 그냥 만들어놓고 보여주시나봐요!! -ㅅ -
컨펌? 그게 뭐죠? 무조건 이게 좋다고 우깁니다. 물론 그전에 디자인 보고 골라주신걸로 작업 들어가지만요 ㅋㅋ
아.. 이런식으로 디자인.. 하면서 보여주는 게 있군요 ㅎ
의무댓글
나나티님 말씀처럼 전체적인 시안이나 기획안은 포토샵으로 일단 통짜로 만들어두는것이 좋은듯
나나티님 말씀처럼 전체적인 시안이나 기획안은 포토샵으로 일단 통짜로 만들어두는것이 좋은듯
사람마다 생각이 다른 것 같아요 ㅎ
어느 것이 효율적이고 어느 것이 빠른 작업이 가능한 지.. 많이 고민 해 봐야 할 것 같네요
어느 것이 효율적이고 어느 것이 빠른 작업이 가능한 지.. 많이 고민 해 봐야 할 것 같네요
디자인이 먼저 나오지 않으면,
코딩이 산으로 가거나, 디자인이 산으로 가지 않던가요.
그래도 아직은 포토샵으로 먼저 그림을 그리는 방법이 많다고 봐요.
저는 envato market 에 psd 10달러짜리 잘 사서 쓰고 있습니다.ㅎㅎ
코딩이 산으로 가거나, 디자인이 산으로 가지 않던가요.
그래도 아직은 포토샵으로 먼저 그림을 그리는 방법이 많다고 봐요.
저는 envato market 에 psd 10달러짜리 잘 사서 쓰고 있습니다.ㅎㅎ
저도 그렇게 생각하는 데 그렇지 않은 분들도 꽤 계시는 것 같아서
그 글이 참 신기했었어요 ...
저도 부분적으로 하려고 하면 디자인이 자꾸 산으로 가려고 해서 ㅠ ㅠ
ㅎㅎ 예쁜 디자인 구입해서 변형 사용하는 것도 빠르게 작업하는 방법인 것 같네요~
그 글이 참 신기했었어요 ...
저도 부분적으로 하려고 하면 디자인이 자꾸 산으로 가려고 해서 ㅠ ㅠ
ㅎㅎ 예쁜 디자인 구입해서 변형 사용하는 것도 빠르게 작업하는 방법인 것 같네요~
포토샵으로 먼저 제작 해놓고
작업된 이미지를 보면서 코딩을 합니다 ㅎㅎ
작업된 이미지를 보면서 코딩을 합니다 ㅎㅎ
저도 그렇게 합니다 ㅎㅎ
그렇지 않은 분들도 계시는 듯 해서~
다들 어떻게 작업하시는 지 궁금했어요 ^^
그렇지 않은 분들도 계시는 듯 해서~
다들 어떻게 작업하시는 지 궁금했어요 ^^