공부하는 삶5 반응형 웹 디자인(Responsive Web Design) : 반응형 웹 디자인(Responsive Web Design) - 이던 마코트(Ethan Marcotte)라는 웹 디자인 선구자가 이름 지은 '반응형 웹 디자인(Responsive Web Design)'이라는 기법은 브라우저 창의 폭에 따라 레이아웃을 바꿀 수 있도록 하는 기술입니다. - 반응적 웹 디자인은 약자로 RWD 라고도 하며, 디스플레이 크기에 맞는 가장 읽기 쉬운 레이아웃의 페이지를, 여러 버전의 사이트를 만들지 않고도 사용자에게 제공할 수 있도록 합니다. - RWD는 하나의 기술로 이루어진 디자인 기법이 아니며, 몇 가지 CSS와 HTML 기술을 결합하여 화면 크기에 맞는 레이아웃의 페이지를 생성할 수 있도록 합니다. - 화면 너비에 맞는 스타일을 만드는 부분은 CSS 미디어 질의(media.. 2023. 4. 13. 팝업창과 모달창 1. 브라우저 윈도우 팝업 Browser Window Pop-Up : 기존 열려있는 부라우저 창 앞으로 새롭게 작은 브라우저 창을 띄우는 것 창 위에 또 다른 창을 띄우는 개념으로, 브라우저에서 이 창 열기/닫기를 제어할 수 있다. 사용성을 해친다는 이유로 브라우저에서 팝업 차단 기능을 지원하고 있기 때문에 현재는 잘 사용되지 않는다. 2. 시스템 팝업 System Pop-Up / Alert / Confirm : 브라우저, 기기의 시스템에서 제공하는 팝업창으로 규격이 정해진, 별도의 디자인이 필요하지 않다. 주로 사용자의 행위에 대한 일방적 경고나 확인이 필요할 때 사용된다. 알럿은 일방적인 메세지는 전달하는데 사용하는 창으로 '확인'버튼 하나만 제공한다. 컨펌은 '취소'와 '확인'버튼 두 가지 이상을 .. 2023. 4. 11. Mobile Gesture, 모바일 제스처 무엇이 있을까? 1. Tap (탭) 화면을 한 손가락으로 짧고 가볍게 터치하는 제스처. 두드리는 횟수에 따라 싱글 탭(Single Tap), 더블 탭(Double Tap), 트리플 탭(Triple Tap), 쿼드루플 탭(Quadruple Tap) 등으로 구분. 실행, 선택의 기능. 2. Double Tap (더블탭) 화면을 재빨리 두 번 두드리는 제스처. Double Tap은 한번 탭(Tap)하여 실수로 기능이 실행되는 것을 방지하기 위해 비교적 중요도가 높은 기능을 배치. 사진이나 화면을 확대하거나 축소할때 혹은 편집 모드로 전환할때 사용. 3. Press (프레스) 화면에 손가락을 꾹 누르는 제스처. ‘터치앤홀드(Touch and Hold)’라고도 사용. 주로 말풍선, 팝업과 같은 화면의 컴포넌트를 나타나게 하거나,.. 2021. 11. 16. otf 와 ttf 중 무엇을 설치해야 할까? otf 와 ttf 의 차이 *바쁘다 바빠 현대사회인을 위한 요약! OTF (open type font) TTF (true type font) 맥os 윈도우os 고해상도의 작업 (adobe제품군) 일반 문서작업 (MS제품군) OTF (open type font) - 어도비와 마이크로소프트 제작. - 3차원 베지어 방식(Cubic Bezier / 제어점 4개) 으로 곡선을 구현. - 계산 과정이 복잡하므로 속도가 느린 반면 곡선 표현이 섬세하며 깔끔함. - 고해상도의 출력물에 사용 적합. TTF (true type font) - 애플과 마이크로소프드 제작. - 2차원 베지어 방식(Quadratic Bezier / 제어점 3개) 으로 곡선을 구현. - 3차원 베지어 방식 보다 계산이 단순하므로 속도가 빠른 반면 섬세한 표현이 어려움. .. 2021. 1. 11. 이전 1 2 다음
