여러분들은 반응형 작업하실 때! 정보
반응형화 여러분들은 반응형 작업하실 때!
본문
첨부터 반응형으로 정해져있는 안건이라면
반응형 생각하면서 디자인도 하겠지만...
혹시 나중에 반응형으로 들어오면 어떻게들 작업하세요?
그리고..
부트스트랩으로 작업하실 경우에
부트스트랩으로 만들걸 생각하고 처음부터 디자인을 하시는지...
디자인이 다 된 것을 가지고 부트스트랩을 입히시는지!!
궁금합니다 ^^
추천
0
0
댓글 12개
나중에 반응형으로 바뀌면 사실 많이 난감합니다. ^^;
뭐 그래도 기존 데탑 디자인을 재조립하는 식으로 다시 작업을 하긴하고요..
재조립만으로 변형이 안되는 부분은, 과감히 다른 디자인/기능으로 교체 할때도 있고요..
부트스트랩은.. 실무에서는 한번도 안써봐서 패스. ^^;
뭐 그래도 기존 데탑 디자인을 재조립하는 식으로 다시 작업을 하긴하고요..
재조립만으로 변형이 안되는 부분은, 과감히 다른 디자인/기능으로 교체 할때도 있고요..
부트스트랩은.. 실무에서는 한번도 안써봐서 패스. ^^;
전진님 답변 감사드려요 ^^
맞아요 ㅠ ㅠ 재조립 중인데요... ㅠ ㅠ 처음엔 PC용으로만 할거라고 해서 ㅠ ㅠ
아무튼... 과감히 조금 다른 디자인으로 변형하고 해야 할 것 같네요...
무척... 어렵네요 ㅎ
맞아요 ㅠ ㅠ 재조립 중인데요... ㅠ ㅠ 처음엔 PC용으로만 할거라고 해서 ㅠ ㅠ
아무튼... 과감히 조금 다른 디자인으로 변형하고 해야 할 것 같네요...
무척... 어렵네요 ㅎ
부트스트랩은 디자인을 못하는 개발자나 프로토타입 제작할때나 유용하지,
디자인이 따로 나와있는 작업에 활용하기는 별로 메리트가 없더라구요~
오히려 손이 더 많이 간다는ㅜㅜ
어차피 스타일링 해놓은 라이브러리에 불과한데, 디자인이 다르면 그거 다 수정해야 하는데...
그리드도 어차피 틀려질테고ㅎㅎ 디자인 나와있는거를 12col 방식으로 쪼개는게 은근 안맞더라구요ㅎ
UI쪽 스크립트도 마크업 구조도 틀려지고 하면 뭐...그냥 짜는게 더 낫더라구요~
대신에 저같은 경우는 가이드사이트 만들때나 발표용 사이트, 공부용 사이트 만들때는 아주 유용하게 쓰고 있습니다.
그리고 나중에 반응형으로 바꾸는 것은 두 분 말씀에 공감하구요ㅎㅎ
디자인이 따로 나와있는 작업에 활용하기는 별로 메리트가 없더라구요~
오히려 손이 더 많이 간다는ㅜㅜ
어차피 스타일링 해놓은 라이브러리에 불과한데, 디자인이 다르면 그거 다 수정해야 하는데...
그리드도 어차피 틀려질테고ㅎㅎ 디자인 나와있는거를 12col 방식으로 쪼개는게 은근 안맞더라구요ㅎ
UI쪽 스크립트도 마크업 구조도 틀려지고 하면 뭐...그냥 짜는게 더 낫더라구요~
대신에 저같은 경우는 가이드사이트 만들때나 발표용 사이트, 공부용 사이트 만들때는 아주 유용하게 쓰고 있습니다.
그리고 나중에 반응형으로 바꾸는 것은 두 분 말씀에 공감하구요ㅎㅎ
달오벌님 답변 감사합니다 ^^
그렇죠 부트스트랩같은거 이용할 땐, 그 형식에 맞춰 디자인을 해서
그냥 입히거나... -ㅅ -하는게 나을 것 같아요
부트스트랩 입혀볼라고 했더니 은근 손이 더 많이가서
그냥 CSS새로 쓰는 중이예요 ㅠ ㅠ
그렇죠 부트스트랩같은거 이용할 땐, 그 형식에 맞춰 디자인을 해서
그냥 입히거나... -ㅅ -하는게 나을 것 같아요
부트스트랩 입혀볼라고 했더니 은근 손이 더 많이가서
그냥 CSS새로 쓰는 중이예요 ㅠ ㅠ
ㅎㅎㅎ맞아요~그냥 새로 스타일작성하는 게 나을듯하네요~
화이팅해서 잘 마무리하시길~~
화이팅해서 잘 마무리하시길~~
감사합니다 ^^ 열심히 입력중입니다 ㅋㅋ
기술적인 문제보다는, 모바일을 고려 안 한 상태에서 모바일을 고려해야 하는 게 이슈라고 생각합니다. 제 경우엔 반응형 웹 디자인으로 작업할 때는 mobile first로 움직이기 때문에, 반대로 들어가려고 하면 갑자기 안 하던 고민을 해야 하는 게 가장 까다롭더군요.
아샬님 답변 감사합니다^^
조금만 더 풀어서 말씀해주시겠어요?
저는 모바일 퍼스트의 의미를 잘 모르겠어요~
모바일 화면에서 보여지는 것을 우선으로 생각해서
디자인 한다는 것인데.... 여태 안해봐서요~
반응형 할 때도 저는 PC부터 디자인 합니다~
그 후 모바일로 축소시켜서 짠다는...
물론 PC디자인 할 때 이 디자인이 모바일로 가면 어떻게 표현될까 생각하면서 디자인하죠~
조금만 더 풀어서 말씀해주시겠어요?
저는 모바일 퍼스트의 의미를 잘 모르겠어요~
모바일 화면에서 보여지는 것을 우선으로 생각해서
디자인 한다는 것인데.... 여태 안해봐서요~
반응형 할 때도 저는 PC부터 디자인 합니다~
그 후 모바일로 축소시켜서 짠다는...
물론 PC디자인 할 때 이 디자인이 모바일로 가면 어떻게 표현될까 생각하면서 디자인하죠~
Mobile First를 말씀하신 것처럼 모바일 화면에서 보여지는 걸 우선으로 해서 디자인하는 게 맞습니다. PC용으로 디자인하실 때도 모바일을 고려하신다면 모바일 우선은 아니어도 처음부터 모바일을 챙겨간다고 볼 수 있죠. 이런 고려가 전혀 없을 때 엄청나게 괴로워진다는 건데요, 예를 들어 반드시 가로로 긴 직사각형인 이미지가 배경으로 깔린다거나 하는 게 재앙이 될 수 있겠죠.
Twitter Bootstrap 등도 전부 모바일 우선으로 되어 있는데, 프로세스가 아니라 기술적인 면만 본다면 Media Query를 모두 없앴을 때 모바일 화면이 나오는 거라고 보시면 됩니다.
Twitter Bootstrap 등도 전부 모바일 우선으로 되어 있는데, 프로세스가 아니라 기술적인 면만 본다면 Media Query를 모두 없앴을 때 모바일 화면이 나오는 거라고 보시면 됩니다.
답변 감사드립니다 ^^
그렇군요~ 모바일에서 보여질 화면을 생각하며 디자인 하는 건
그나마 낫군요 ㅎㅎ
하긴 저는 제가 디자인하고 코딩해야 하니
나중에 작업하기 쉬운 쪽으로 디자인 하게 됩니다 ㅠ ㅠ...
남의 모바일 고려없는 디자인 받으면 아주 괴롭겠찌요 -ㅅ -;;
그렇군요~ 모바일에서 보여질 화면을 생각하며 디자인 하는 건
그나마 낫군요 ㅎㅎ
하긴 저는 제가 디자인하고 코딩해야 하니
나중에 작업하기 쉬운 쪽으로 디자인 하게 됩니다 ㅠ ㅠ...
남의 모바일 고려없는 디자인 받으면 아주 괴롭겠찌요 -ㅅ -;;
http://www.aladin.co.kr/shop/wproduct.aspx?ItemId=19325774
여담이지만, 작고 비싼 이 책이 PC only -> 반응형으로 작업하는 과정을 다루고 있긴 한데... 처음 디자인부터 한국과는 좀 많이 다르고, 이대로 하면 외국 사이트 같은 느낌이 강하져서 ㅠㅠ
여담이지만, 작고 비싼 이 책이 PC only -> 반응형으로 작업하는 과정을 다루고 있긴 한데... 처음 디자인부터 한국과는 좀 많이 다르고, 이대로 하면 외국 사이트 같은 느낌이 강하져서 ㅠㅠ
추천 감사합니다 ^^ 참고 하겠습니다 ㅎㅎ
(외국 사이트 같은 느낌이 강해진다는 말씀엔 조금 동의 ㅎㅎ)
(외국 사이트 같은 느낌이 강해진다는 말씀엔 조금 동의 ㅎㅎ)
