여러분들은 반응형 작업하실 때!
첨부터 반응형으로 정해져있는 안건이라면
반응형 생각하면서 디자인도 하겠지만...
혹시 나중에 반응형으로 들어오면 어떻게들 작업하세요?
그리고..
부트스트랩으로 작업하실 경우에
부트스트랩으로 만들걸 생각하고 처음부터 디자인을 하시는지...
디자인이 다 된 것을 가지고 부트스트랩을 입히시는지!!
궁금합니다 ^^
댓글 12개
10년 전
나중에 반응형으로 바뀌면 사실 많이 난감합니다. ^^;
뭐 그래도 기존 데탑 디자인을 재조립하는 식으로 다시 작업을 하긴하고요..
재조립만으로 변형이 안되는 부분은, 과감히 다른 디자인/기능으로 교체 할때도 있고요..
부트스트랩은.. 실무에서는 한번도 안써봐서 패스. ^^;
뭐 그래도 기존 데탑 디자인을 재조립하는 식으로 다시 작업을 하긴하고요..
재조립만으로 변형이 안되는 부분은, 과감히 다른 디자인/기능으로 교체 할때도 있고요..
부트스트랩은.. 실무에서는 한번도 안써봐서 패스. ^^;
nanati
10년 전
전진님 답변 감사드려요 ^^
맞아요 ㅠ ㅠ 재조립 중인데요... ㅠ ㅠ 처음엔 PC용으로만 할거라고 해서 ㅠ ㅠ
아무튼... 과감히 조금 다른 디자인으로 변형하고 해야 할 것 같네요...
무척... 어렵네요 ㅎ
맞아요 ㅠ ㅠ 재조립 중인데요... ㅠ ㅠ 처음엔 PC용으로만 할거라고 해서 ㅠ ㅠ
아무튼... 과감히 조금 다른 디자인으로 변형하고 해야 할 것 같네요...
무척... 어렵네요 ㅎ
10년 전
부트스트랩은 디자인을 못하는 개발자나 프로토타입 제작할때나 유용하지,
디자인이 따로 나와있는 작업에 활용하기는 별로 메리트가 없더라구요~
오히려 손이 더 많이 간다는ㅜㅜ
어차피 스타일링 해놓은 라이브러리에 불과한데, 디자인이 다르면 그거 다 수정해야 하는데...
그리드도 어차피 틀려질테고ㅎㅎ 디자인 나와있는거를 12col 방식으로 쪼개는게 은근 안맞더라구요ㅎ
UI쪽 스크립트도 마크업 구조도 틀려지고 하면 뭐...그냥 짜는게 더 낫더라구요~
대신에 저같은 경우는 가이드사이트 만들때나 발표용 사이트, 공부용 사이트 만들때는 아주 유용하게 쓰고 있습니다.
그리고 나중에 반응형으로 바꾸는 것은 두 분 말씀에 공감하구요ㅎㅎ
디자인이 따로 나와있는 작업에 활용하기는 별로 메리트가 없더라구요~
오히려 손이 더 많이 간다는ㅜㅜ
어차피 스타일링 해놓은 라이브러리에 불과한데, 디자인이 다르면 그거 다 수정해야 하는데...
그리드도 어차피 틀려질테고ㅎㅎ 디자인 나와있는거를 12col 방식으로 쪼개는게 은근 안맞더라구요ㅎ
UI쪽 스크립트도 마크업 구조도 틀려지고 하면 뭐...그냥 짜는게 더 낫더라구요~
대신에 저같은 경우는 가이드사이트 만들때나 발표용 사이트, 공부용 사이트 만들때는 아주 유용하게 쓰고 있습니다.
그리고 나중에 반응형으로 바꾸는 것은 두 분 말씀에 공감하구요ㅎㅎ
nanati
10년 전
달오벌님 답변 감사합니다 ^^
그렇죠 부트스트랩같은거 이용할 땐, 그 형식에 맞춰 디자인을 해서
그냥 입히거나... -ㅅ -하는게 나을 것 같아요
부트스트랩 입혀볼라고 했더니 은근 손이 더 많이가서
그냥 CSS새로 쓰는 중이예요 ㅠ ㅠ
그렇죠 부트스트랩같은거 이용할 땐, 그 형식에 맞춰 디자인을 해서
그냥 입히거나... -ㅅ -하는게 나을 것 같아요
부트스트랩 입혀볼라고 했더니 은근 손이 더 많이가서
그냥 CSS새로 쓰는 중이예요 ㅠ ㅠ
10년 전
ㅎㅎㅎ맞아요~그냥 새로 스타일작성하는 게 나을듯하네요~
화이팅해서 잘 마무리하시길~~
화이팅해서 잘 마무리하시길~~
nanati
10년 전
감사합니다 ^^ 열심히 입력중입니다 ㅋㅋ
10년 전
기술적인 문제보다는, 모바일을 고려 안 한 상태에서 모바일을 고려해야 하는 게 이슈라고 생각합니다. 제 경우엔 반응형 웹 디자인으로 작업할 때는 mobile first로 움직이기 때문에, 반대로 들어가려고 하면 갑자기 안 하던 고민을 해야 하는 게 가장 까다롭더군요.
nanati
10년 전
아샬님 답변 감사합니다^^
조금만 더 풀어서 말씀해주시겠어요?
저는 모바일 퍼스트의 의미를 잘 모르겠어요~
모바일 화면에서 보여지는 것을 우선으로 생각해서
디자인 한다는 것인데.... 여태 안해봐서요~
반응형 할 때도 저는 PC부터 디자인 합니다~
그 후 모바일로 축소시켜서 짠다는...
물론 PC디자인 할 때 이 디자인이 모바일로 가면 어떻게 표현될까 생각하면서 디자인하죠~
조금만 더 풀어서 말씀해주시겠어요?
저는 모바일 퍼스트의 의미를 잘 모르겠어요~
모바일 화면에서 보여지는 것을 우선으로 생각해서
디자인 한다는 것인데.... 여태 안해봐서요~
반응형 할 때도 저는 PC부터 디자인 합니다~
그 후 모바일로 축소시켜서 짠다는...
물론 PC디자인 할 때 이 디자인이 모바일로 가면 어떻게 표현될까 생각하면서 디자인하죠~
10년 전
Mobile First를 말씀하신 것처럼 모바일 화면에서 보여지는 걸 우선으로 해서 디자인하는 게 맞습니다. PC용으로 디자인하실 때도 모바일을 고려하신다면 모바일 우선은 아니어도 처음부터 모바일을 챙겨간다고 볼 수 있죠. 이런 고려가 전혀 없을 때 엄청나게 괴로워진다는 건데요, 예를 들어 반드시 가로로 긴 직사각형인 이미지가 배경으로 깔린다거나 하는 게 재앙이 될 수 있겠죠.
Twitter Bootstrap 등도 전부 모바일 우선으로 되어 있는데, 프로세스가 아니라 기술적인 면만 본다면 Media Query를 모두 없앴을 때 모바일 화면이 나오는 거라고 보시면 됩니다.
Twitter Bootstrap 등도 전부 모바일 우선으로 되어 있는데, 프로세스가 아니라 기술적인 면만 본다면 Media Query를 모두 없앴을 때 모바일 화면이 나오는 거라고 보시면 됩니다.
nanati
10년 전
답변 감사드립니다 ^^
그렇군요~ 모바일에서 보여질 화면을 생각하며 디자인 하는 건
그나마 낫군요 ㅎㅎ
하긴 저는 제가 디자인하고 코딩해야 하니
나중에 작업하기 쉬운 쪽으로 디자인 하게 됩니다 ㅠ ㅠ...
남의 모바일 고려없는 디자인 받으면 아주 괴롭겠찌요 -ㅅ -;;
그렇군요~ 모바일에서 보여질 화면을 생각하며 디자인 하는 건
그나마 낫군요 ㅎㅎ
하긴 저는 제가 디자인하고 코딩해야 하니
나중에 작업하기 쉬운 쪽으로 디자인 하게 됩니다 ㅠ ㅠ...
남의 모바일 고려없는 디자인 받으면 아주 괴롭겠찌요 -ㅅ -;;
10년 전
http://www.aladin.co.kr/shop/wproduct.aspx?ItemId=19325774
여담이지만, 작고 비싼 이 책이 PC only -> 반응형으로 작업하는 과정을 다루고 있긴 한데... 처음 디자인부터 한국과는 좀 많이 다르고, 이대로 하면 외국 사이트 같은 느낌이 강하져서 ㅠㅠ
여담이지만, 작고 비싼 이 책이 PC only -> 반응형으로 작업하는 과정을 다루고 있긴 한데... 처음 디자인부터 한국과는 좀 많이 다르고, 이대로 하면 외국 사이트 같은 느낌이 강하져서 ㅠㅠ
nanati
10년 전
추천 감사합니다 ^^ 참고 하겠습니다 ㅎㅎ
(외국 사이트 같은 느낌이 강해진다는 말씀엔 조금 동의 ㅎㅎ)
(외국 사이트 같은 느낌이 강해진다는 말씀엔 조금 동의 ㅎㅎ)
게시판 목록
반응형
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 42 | 1년 전 | 252 | ||
| 41 | 3년 전 | 1365 | ||
| 40 | 5년 전 | 1296 | ||
| 39 | 6년 전 | 1304 | ||
| 38 | 6년 전 | 987 | ||
| 37 | 6년 전 | 1511 | ||
| 36 | 10년 전 | 1528 | ||
| 35 |
 nanati |
10년 전 | 1522 | |
| 34 | 10년 전 | 1726 | ||
| 33 | 10년 전 | 1669 | ||
| 32 | 10년 전 | 2321 | ||
| 31 |
nanati |
10년 전 | 2086 | |
| 30 | 10년 전 | 3140 | ||
| 29 | 10년 전 | 1737 | ||
| 28 | 10년 전 | 1730 | ||
| 27 | 10년 전 | 2091 | ||
| 26 | 10년 전 | 1987 | ||
| 25 | 10년 전 | 2488 | ||
| 24 | 10년 전 | 2140 | ||
| 23 | 10년 전 | 1914 | ||
| 22 | 10년 전 | 1877 | ||
| 21 | 10년 전 | 2275 | ||
| 20 | 10년 전 | 1810 | ||
| 19 | 10년 전 | 1591 | ||
| 18 |
 익명닉네임 |
10년 전 | 1478 | |
| 17 | 10년 전 | 1550 | ||
| 16 | 10년 전 | 2954 | ||
| 15 | 10년 전 | 1623 | ||
| 14 | 10년 전 | 1823 | ||
| 13 | 10년 전 | 1342 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기