ABOUT SERVICE WORKS TREND NEWS HOME Trend 디자인 디자인웹디자인의 필수!반응형을 그리다 2022.10.12 지난 웹디자인 트렌드에서는 ‘그리드’의 정의와 시스템에 대해 알아보았는데요! 이번 웹디자인 트렌드는 어느 브라우저에서나 알맞게 최적화되는 ‘반응형’에 대해 알아볼까 해요. ‘반응형 웹’이란? - 반응형이란 브라우저의 넓이에 따라 그에 맞게 최적화되는 것을 말해요. 웹디자인은 출력물과 다르게 웹 퍼블리싱 작업을 이용하여 코드로 구현되기 때문에 디자인을 할 때 PC / Tablet / Mobile로 최적화된 시안을 제작해야 한답니다. >반응형 웹 설명 이미지 (이미지 출처:designbase.co.kr) 웹 디자인을 하다 보면 컨테이너의 폭이 고민될 때가 있는데요. 사실, 컨테이너의 사이즈에 대한 정답은 없기 때문에, 사용자의 환경과 컨텐츠의 사용 목적을 고려하여 디자인을 기획하는 것이 가장 중요하다고 생각해요! 컨테이너의 폭은 일반적으로 pc 기준 960px부터 1920px까지 다양한 권장 사이즈가 있는데요. px(픽셀) 단위가 낯선 분들을 위해 우리가 자주 사용하는 웹 브라우저를 예시로 들어볼게요! 한국의 대표 웹 브라우저인 다음과 네이버! >다음 & 네이버 브라우저 폭 이미지 (이미지 출처:designbase.co.kr) 다음은 컨테이너폭 990px, 네이버는 컨테이너폭 1080px로 제작되었는데요. 앞서 설명했던 것과 같이, 다음과 네이버처럼 연령층의 폭이 넓고 다양한 목적으로 사용되는 웹 브라우저는 사용자의 환경을 고려하여 최소화된 사이즈를 기준으로 작업하는 것이 좋겠죠? 아주 큰 화면으로 보는 사용자들도 있지만, 반대로 아주 작은 모니터로 보시는 분들도 분명 있을테니까요! 전체 폭과 컨테이너(Container) - >전체 폭과 컨테이너 이미지 (이미지 출처:designbase.co.kr) 전체 폭은 가로폭으로 최대 몇까지 지원할 것인지를 나타내고, 컨테이너(Container)는 전체 폭과 다르게 좌우 마진을 두고 콘텐츠를 담고 있는 공통된 폭을 말해요. 이 두 가지 단어를 잘 기억해야 하는 이유는 웹 디자인을 하면서 가장 많이 실수하는 경우가 본인의 모니터가 다른 사람의 모니터에서도 동일하게 보일 것이라는 착각 때문이죠. >해상도 및 그리드 이미지 (이미지 출처:designbase.co.kr) 그래서 가장 많이 추천하는 그리드는 컨테이너(Container) 1200px, 단(Columns) 12, 거터(Gutter) 24px이에요. 실제 컨테이너는 사이트 성향에 따라 유동적으로 변하지만 단과 거터는 12px, 24px을 유지해 주는 것이 좋아요. 12단은 반응형에 최적화되어 있기 때문에 오히려 단이 많아지면 구현하기 어려울 뿐만 아니라 반응형에 취약하기 때문이죠. 오늘은 웹디자인 반응형에 대해 알아보았는데요. 오늘 알아본 지식을 가지고 모니터의 가장 넓은 사이즈와 가장 작은 사이즈 해상도를 상황에 맞게 고려해 작업한다면 웹디자인을 할 때 많은 도움을 얻을 수 있을 거라고 생각해요! 10월 2번째 주는 웹 디자인의 반응형에 대해 여러분과 나누어 보았습니다. 빠르게 변화하는 사람들의 인식과 디자인이란 무엇인가를 꾸준히 고민하는 KKUN DESIGN의 디자이너H였습니다. 다양한 디자인과 KKUN DESIGN의 디자인 프로세스가 궁금하신 분들은 홈페이지 하단의 문의하기로 문의하세요~ 감사합니다. #Tag 디자인 웹디자인 Trend 그리드 목록보기 마케팅 꾼미디어 대만 TWTC에서 개최한 K-뷰티 박람회 홍보 진행 지난 10월 14-17일 꾼미디어에서 대만 TWTC에서 진행한 K-뷰티 박람회 홍보를 진행했었습니다. 2022.01.27 마케팅 베트남 셀럽도 쓰는 스킨케어 브랜드 VT코스메틱 오늘은 히알루론산 제품 마케팅을 진행했던 VT코스메틱의 마케팅을 소개해 드리고자 합니다. 2022.01.27 마케팅 집에서 피엘코스메틱과 간편한 머릿결 관리 오늘은 베트남 시장에 진출한 피엘코스메틱의 트리트먼트 마케팅 진행 내역을 살짝~ 공개하고자 합니다!! 2022.01.27 마케팅 베트남사람들은 어떤 클렌징 제품에 관심이 많을까? 피부 전문가들에 의하면 클렌징폼은 필수로 사용해야 하는 제품이라고 합니다. 2022.01.27 글로벌 베트남 생리대 시장 2022 트렌드 소득수준 향상과 생리대 시장의 연관성은? 2022.01.27 마케팅 수출 브랜드로 알아보는 인도네시아 뷰티 시장 마케팅 LED 마스크 전문 뷰티 기업 ' 퓨리스킨' 사례 2022.02.08 마케팅 밝고 환한 피부를 위한 로코블란코 밝고 하얀피부 올해에도 변함없이 인기 키워드 2022.01.27 글로벌 베트남 의류시장 시장조사 베트남의 의류구매 방식이 궁금해요 2022.01.27 글로벌 베트남 로컬신발 브랜드 마케팅 시장 조사 베트남 사람들은 어디서 신발을 많이 구매하나요? 2022.01.27 글로벌 베트남 핸드메이드 시장 2022 트렌드 베트남 핸드메이드 현황 2022.01.27 글로벌 베트남에서 크리스마스에는 어떤 선물을 할까? 베트남에서는 크리스마스에 어떤 선물을 주고받을까? 2022.01.27 글로벌 인도네시아, 인플루언서 마케팅 키워드 급성장으로 주목 받는 시장, 인도네시아의 소셜미디어 2021.01.29 마케팅 베트남 교육 시장이 궁금하신가요? 유아동 교육계의 새로운 패러다임을 꿈꾸는 '타임교육' 마케팅 사례 2022.02.03 마케팅 베트남 식품 마케팅은 어떻게 해야할까요? 식품 마케팅의 모범사례! '오손도손' 2022.02.04 마케팅 갈수록 성장하는 베트남 건기식 시장 수출 브랜드로 알아보는 베트남 건기식 시장 마케팅, 문경미소 2022.02.07 마케팅 베트남에서 뷰티제품 마케팅은 이렇게! 수출 브랜드로 알아보는 베트남 뷰티 시장 마케팅, 박가분 찰떡팩 2022.02.07 마케팅 베트남 이너퍼퓸 전문 브랜드, 포엘리에 포엘리에의 베트남 현지 마케팅 사례 2022.02.08 마케팅 동남아시아 이커머스의 허와 실 <1편> 중국몽이 끝나고 다시 왜 동남아시아인가? 2022.02.09 마케팅 페이스북으로 공략하는 베트남 뷰티 시장 꾼 미디어를 통해 베트남 시장을 개척한 레스큐어 솔루션 코스메틱 기업 ELT 2022.02.10 마케팅 세상 모든 움직임을 피처링하다 "Feat.A" 다이어트 식품, 피츠에이의 마케팅 진행과정에 대해 알려드리겠습니다. 2022.02.10 글로벌 베트남 애완동물 사료시장은 어떨까? 베트남 애완동물 사료시장은 초기단계, 시장 규모는 꾸준히 성장중 2021.02.16 글로벌 베트남 식품 시장 트렌드는 '안전'과 '건강' 베트남 소비자들의 건강하고 안전한 음식에 대한 관심도 증가 2021.02.17 글로벌 코로나19로 인한 베트남 인기상품은? 방역용품, 인스턴트 식품, 제습기, 구강청결제 등 인기 2021.03.17 글로벌 건강에 대한 관심으로 급상승 중인 베트남 피트니스 식품 시장! 건강관리 집중! 베트남 현지인들은 운동중! 2021.12.10 글로벌 심심풀이는 땅콩이 제격, 베트남 견과류 시장 트렌드! 합성첨가물은 가라, 건강한 스낵으로 떠오르는 견과류 제품 2021.04.17 글로벌 베트남은 건강기능식품 전성시대? 베트남 건강기능식품 시장 연평균 7.5% 성장 2021.05.25 마케팅 베트남 향기시장 디퓨저 완판의 비결은? 베트남인의 소득수준과 주거형태가 다양한 만큼, 가구·인테리어 시장도 세분화 2022.04.06 디자인 디자인 스탭 첫단계B.I와 C.I B.I / C.I의 정확한 이해와 새로운 디자인 트랜드 2022.02.11 글로벌 베트남에서 통하는 '보여주기 마케팅' 의심이 많은 베트남 소비자에게 신뢰감 주는 첫인상이 중요 2022.06.03 글로벌 베트남도 배달앱이 대새! 집에서 시켜먹자! 배달하는 문화 2022.02.18 글로벌 베트남 스킨케어 뷰티 시장, 다음 트랜드는? 베트남 스킨케어 화장품 시장에서 한국, 색조화장품 시장보다는 약한 존재감 2021.07.04 글로벌 베트남 시장 공략의 핵심 키워드는 프리미엄 '고급' 찾는 베트남 … 프리미엄 시장이 뜨고 있다 2021.08.09 마케팅 지속적인 성장이 예측되는 베트남 스킨케어 시장 미네랄 더마 솔루션 전문 브랜드 닥터딥이 진행했던 마케팅 소개 2022.02.11 마케팅 착한 유산균 "프로바이오틱스 팩토리" 수출 브랜드로 알아보는 베트남 건기식 시장 마케팅 2022.02.11 글로벌 베트남 소비를 이끄는 MZ세대 디지털 마케팅과 고급화 전략으로 베트남 소비 이끄는 MZ 세대 공략해야 2021.09.11 글로벌 베트남에 부는 자동차 한류 열풍 소비자들, 과거 인기있던 일본 브랜드를 고집하기보다 가격 경쟁력과 합리성을 추구 2021.10.15 글로벌 기회의 땅 , 베트남 시장 포스트 차이나, 베트남! 2021.09.12 마케팅 인플루언서 마케팅을 통한 현지시장 공략 수출 브랜드로 알아보는 베트남 뷰티 시장 마케팅, 착한 화장품 지애후 2022.02.16 마케팅 현대 젊은 여성의 꿈 "Hope Girl" 수출 브랜드로 알아보는 베트남 뷰티 시장 마케팅 2022.02.16 마케팅 도시와 자연의 경계를 넘나드는 "Forencos" 수출 브랜드로 알아보는 베트남 뷰티 시장 마케팅 2022.02.17 마케팅 꾸며지지 않은 알 수 없는 매력 "Selfcoding" 수출 브랜드로 알아보는 베트남 뷰티 시장 마케팅 2022.02.17 디자인 2022년 디자인 트렌드패키지 디자인 패키지 디자인 이해와 2022년 패키지 디자인 트렌드 2022.02.18 마케팅 동남아시아, 고속 성장하고 있는 틱톡문화 ! 전자상거래가 빠른 성장을 보이며 핵심 쇼핑 수단으로 급 부상 2022.02.23 글로벌 코로나19 이후 베트남 건강기능식품 시장 전망 인기 급 상승하고 있는 건강식품의 판매추이 2021.11.18 글로벌 베트남 현지 사람들의 바뀐 식사 문화! 생활 습관이 달라진 베트남 현지 사람들 2022.01.18 글로벌 베트남 음악시장, 애니메이션시장은 어떨까? 일상생활에 점점 늘고있는 음악 시장 2022.02.21 디자인 브랜드 강화 중심 역할웹디자인 웹디자인의 정의와 트렌드 대표 사례들 2022.02.25 글로벌 베트남 Ver. 로켓 배송, Tiki Now 계속해서 성장 중인 베트남의 전자상거래 시장 2022.03.15 마케팅 인도네시아, 활성화된 이커머스 환경 모바일 광고 시장 규모 및 점유율 상승과 전자상거래 플랫폼 입점으로 이전보다 쉬워진 시장 진출 2022.03.02 디자인 다양한 편집 디자인쉽고 트렌디하게 편집 디자인의 개념과 트렌드에 발 맞춘 디자인 2022.03.04 글로벌 베트남, 옥외 광고와 교통수단 광고 방법! 오프라인 옥외광고, 어떤 형식일까요? 2022.03.07 마케팅 인플루언서 마케팅으로 베트남 공략하자! 베트남, 인플루언서를 통한 마케팅 공략 꿀팁 2022.03.07 마케팅 인도네시아 두 번째 이야기, 이커머스 트렌드 분석! 인도네시아, 이커머스 트렌드 2022.03.08 글로벌 베트남 유통시장 진출 시 유의사항 베트남 유통시장의 기회와 위협 요인 분석 2022.03.08 디자인 패키지디자인의다양한 지기구조 패키지 디자인 지기구조의 정의와 예시들 2022.03.11 마케팅 세 번째 이야기, 인도네시아 이커머스 크리에이티브 시장동향 디지털 광고시장 규모는 약 6억 4,800달러로 매해 성장 중!! 2022.03.16 디자인 팬톤이 선정한 올해의 컬러베리페리 올해 컬러의 이해와 색 조화 2022.03.18 마케팅 인도네시아 마지막 이야기, 이커머스 어떤 매체를 이용할까? 빠른 성장속도를 보이는 글로벌 SNS 매체! 2022.03.23 디자인 2022년 웹디자인트렌드 5가지 웹디자인 트렌드 5가지와 트렌드 대표 사례들 2022.03.25 마케팅 동남아시아 화장품 시장 공략법! 인도네시아 화장품 시장은 2025년까지 연평균 6.5% , 베트남 화장품 시장은 8.2% 성장 전망 2022.03.30 디자인 환경을 생각하는친환경 패키지디자인 친환경 패키지 종류와 적용 가능한 후가공들 2022.04.01 디자인 RGB와 CMYK 색상모드용도차이 웹디자인, 패키지디자인 용도에 따른 색상모드 차이 2022.04.08 디자인 박스 제작에 사용되는 박스 재질 박스 제작에 사용되는마닐라지 종류와 인쇄 용지 2022.04.15 마케팅 베트남 소비자들이 열광하는 온라인 몰 베트남 국민 일평균 6시간 인터넷 사용, 디지털 전환 본격화 2022.04.13 글로벌 팬데믹 속에서 움트는 베트남 화장품 시장 밀수 시장의 붕괴, 그리고 현대화 되고 있는 베트남 화장품 시장 2022.04.26 디자인 카테고리별연출 이미지촬영 적합한 이미지활용으로 브랜드 아이덴티티를 구축 2022.04.29 글로벌 육아용품에 투자를 아끼지 않는 베트남 소비 트렌드 베트남의 육아용품 시장은 황금알을 낳는 거위? 2022.04.19 마케팅 동남아시아 한국 웹툰의 인기! 비대면 콘텐츠 수요증가로 관심받고 있는 웹툰 시장 2022.04.20 마케팅 동남아시아, 베트남 한류열풍의 열기!! 코로나 19 인한 사회 활동의 제약으로 한국 드라마 시청률이 증가 2022.04.27 디자인 폰트 디자인에 사용되는 대표 글꼴 2가지 폰트 디자인 기본 개념세리프(명조)체와 산세리프(고딕)체 2022.04.22 마케팅 5월 가정의 날, 홈트렌드 분석 베트남의 가구·인테리어 시장은 2020년 12억8,400만 달러규모, 2025년까지 연평균 17.34% 성장 전망 2022.05.04 글로벌 커피 공룡 스타벅스, 실패를 맛보다 커피 프랜차이즈 불굴의 1위 스타벅스도 실패한 나라, 베트남 2022.05.03 디자인 패키지 디자인 트렌드친환경과 디자인 디자인과 환경 이슈까지 고려한 패키지 디자인 2022.06.03 마케팅 베트남 키즈시장 1탄, 키즈성장 음료편 떠오르는 키즈시장! 유아식품은 상승세! 2022.05.31 마케팅 5월 가정의 날 2탄, 인도네시아 홈인테리어 시장 현황과 전망 인도네시아 홈인테리어 시장은 성장 중 : 주요 동인은 코로나19와 중산층의 증가 2022.05.11 디자인 웹 디자인 트렌드APPLE 애플의 웹 디자인 전격 분석 2022.05.13 마케팅 태국, 가족과 함께하는 집밥 트렌드 문화 태국 1 인가구 및 도시화 진전에 따라 가정간편식 시장 확대 2022.05.18 마케팅 일본 경제를 이끄는 MZ세대 문화 일본 경제를 이끄는 MZ세대 문화 (소비 및 MZ세대) 2022.05.25 디자인 북 디자인트렌드 분석 북 디자인의 방향성 분석 2022.05.20 디자인 브랜딩 트렌드SIMMONS 리브랜딩을 성공적으로 진행한 시몬스 전격 분석 2022.05.27 마케팅 베트남 키즈시장 2탄!, 높아지는 교육열에 떠오르는 베트남 육아시장 자녀는 적게, 투자는 크게! 2022.06.08 디자인 웹 디자인 트렌드STARBUCKS 스타벅스의 웹 디자인 전격 분석 2022.06.10 마케팅 인도네시아 잠재 소비시장은 키즈시장?! 영유아용품 거대 잠재 소비시장을 살펴보자! 2022.06.15 마케팅 성장하고 있는 태국 키즈시장! 태국, 유아∙아동용품시장 급성장 중 2022.06.22 디자인 공간에서 만나는 디자인포스터 디자인 셀프 인테리어의 주인공 포스터 전격 분석 2022.06.17 마케팅 떠오르는 미용기기시장 베트남 가정용 미용기기의 수요 증가 2022.07.06 디자인 브랜딩 트렌드더현대 서울 백 가지 콘텐츠를 큐레이션한 미래형 플래그십 스토어 2022.06.24 마케팅 베트남 디지털 가속화, QR코드 시장 O2O서비스 확장으로 QR코드 도입하여 브랜드 매출 증진 2022.06.29 마케팅 베트남 자외선에서 두피를 지키는 방법은? 최근 유통사에서 많이 찾는 제품은 두피제품? 2022.07.13 디자인 간단한 업사이클링으로버려지는 패키지의 재발견! 재탄생하는 패키지의 비밀 전격 분석 2022.07.08 마케팅 베트남 선크림 수요 증가추세! 핫여름인만큼 선크림의 수요는 증가 추세 2022.07.21 디자인 제안서에서 주는시각적 중요성 시각적 흐름을 주는 다이어그램 중요한 이유 2022.07.22 디자인 철학을 담은 브랜드!애플 브랜딩 분석하기 전 세계에게 애플이 사랑받는 비결 2022.07.28 마케팅 동남아시아 화장품 시장의 빠른 성장세! 한국코스메틱의 인기는 여전히 상승세 2022.08.03 디자인 패키지 디자인 트렌드마켓오 과자 마켓오 패키지 디자인 전격 분석 2022.08.05 디자인 살아있는 책?팝업북에 대해 알아보기 어릴 적 우리가 사랑했던 책 2022.08.17 마케팅 베트남, 이제는 천연화장품이다! 새로운 소비 트렌드 천연화장품의 등장 2022.08.10 디자인 웹 디자인 트렌드UI/UX 디자인 주목해야 할 UI/UX 트렌드 2022.08.12 디자인 명품들의 워너비,에르메스 브랜딩 분석하기 누구나 가질 수 없는 명품 2022.08.24 마케팅 피부 트러블이 항상 고민인 베트남 20대의 적 피부트러블! 현재 베트남은 여드름 화장품 시장이 강세 2022.08.24 마케팅 배민과 토스, 베트남으로 눈길을 돌리다 스타트업 수출의 다크호스로 떠오른 베트남 2022.09.07 디자인 여름 시즌만을 기다린 패키지 디자인(feat.MZ 세대를 잡아라) 식음료업계의 여름 시즌 패키지 디자인 2022.09.02 마케팅 베트남은 왜 카카오톡을 버렸을까? 빠른 경제 성장이 이루어지고 있는 나라인 만큼 트렌드에 민감해야 2022.08.31 디자인 웹디자인의 필수!그리드를 그리다 첫 단추부터 잘 끼우자 2022.09.06 마케팅 삼성의 위기? 베트남 스마트폰 시장 분석 스마트폰 수입 시장과 수출 시장 모두 활성화된 베트남 2022.09.15 디자인 편집 디자인 트렌드B2B 디지털 카탈로그 B2B 디지털 카탈로그 트렌드 전격 분석-LX 하우시스 2022.09.15 디자인 트렌드한 브랜드 배송업체, 마켓컬리 트렌드한 브랜드라는 수식어가 끊이지 않는 마켓컬리 2022.09.30 디자인 요즘 기업의 요즘 로고 한글 로고를 선택한 '요즘' 스타트업 2022.09.21 디자인 웹디자인의 필수!반응형을 그리다 두번째 단추부터는 차근차근 2022.10.12 마케팅 베트남 MZ세대를 공략하기 위해서는? 베트남 시장 진출의 중요 포인트, MZ세대 2022.09.23 마케팅 해외로 뻗어 나가는 한국 레깅스 해외 진출을 시작한 한국 레깅스 시장에 대해 분석합니다. 2022.09.29 마케팅 베트남 편의점 시장 트렌드, 알고싶어! 베트남 편의점 시장에 앞다투어 뛰어드는 세계 편의점들 2022.10.05 디자인 막걸리 패키지 디자인 표문 막걸리 온라인 품절템 곰표 막걸리 '표문 막걸리’ 2022.10.07 마케팅 트렌드의 변환, O2O에서 OMO 서비스 시대! 오프라인에서 온라인의 통합 2022.10.12 마케팅 베트남 커피 시장의 흐름이 움직인다 커피숍부터 인스턴트 커피까지, 베트남 커피 시장의 트렌드 2022.10.24 디자인 코스메틱 브랜딩 트렌드 이솝 브랜드 전략 우리가 Aesop에 끌리게 되는 이유 2022.10.27 마케팅 베트남 과자시장을 사로잡은 오리온 수출 시장에 효과적인 현지화 전략을 알아보자 2022.10.28 디자인 예쁘다고 다가 아니야!패키지에 대해 알아보자 패키지가 가진 중요한 무기들 2022.11.04 마케팅 섬유강국 베트남의 현재는? 베트남의 섬유의류시장과 EGC 경영 2022.11.10 마케팅 신규 기업들이 호치민 '여기'서 사무실 구하는 이유 베트남 호치민의 공유오피스 시장 2022.11.16 디자인 꾼미디어 편집물, 읽고 싶은 편집 디자인 꾼미디어와 함께 보는 편집 디자인 개념 2022.11.18 마케팅 베트남에도 '마테크'가 뜬다 구글 검색 점유율이 높고 디지털 마케팅 활용도가 높은 베트남 2022.11.23 디자인 운동화 브랜드,나이키가 바라보고 있는 방향에 대해서 메세지의 중요성 2022.11.28 마케팅 '샘플 홀릭'의 베트남, 이유는? 본품만큼이나 샘플 화장품을 적극적으로 사용하는 베트남 소비자들 2022.11.30 마케팅 2022년 베트남 항공 산업 현황 및 전망 2022년 베트남의 항공 산업을 알아봅시다 2022.12.07 마케팅 브랜드 구축 전략 1주차 브랜드 구축을 위한 첫 걸음, 브랜딩에 대한 정의부터 시작 2023.08.09 브랜드 구축 전략 1주차 브랜드 구축을 위한 첫 걸음, 브랜딩에 대한 정의부터 시작 2023.08.09