황금 비율 :: . golden ratio 황금 비율 정의 : 고대 그리스에서 발견된 것으로 기하학적으로 가장 조화가 잡힌 비율로서 미적 감각이 뛰어나 붙여진 이름 특징 1. 황금비율은 시각적 안정감을 준다. 2, 조형적 아름다움을 위해서는 변형이 필요하다. (다양한 그리스 시스템 이해필요) 예시) 웹 디자인에 적용을 하면 폰트크기 13일때 라인하이트 값은 17이나 21이 좋다. 왜냐하면 8:13 의 비율을 생각해서 13폰트일때 아래위의 간격4 픽셀씩 하면 8픽셀이라는 비율이 나온다. 기존 폰트크기 13크기에 4를 더해서 라인하이트 값이 18이된다. 황금비 황금각도 황금비율 계산 사이트 metallicratio 2020. 8. 27. 그리드시스템 :: grid system 그리드 시스템 정의 : 페이지를 구성하는 정보를 의미있고 논리적으로 일관성있게 구성하는 것을 중요시하는 그래픽 디자이너에게 도움을 주는 정밀한 프레임워크(구조, 체제). 목적 : 정보에 질서와 구조를 부여한다. - 베이스라인(Baseline)기반의 타입디자인. 종류 원고그리드 원고 그리드는 간단한 구조의 그리드입니다. 주로 광범위하고 지속적인 텍스트 블록에 사용되는 단일 컬럼으로 만든 큰 사각형 영역입니다. 컬럼그리드 컬럼(열) 그리드는 페이지에 여러 개의 열을 배치할 때 사용되는 그리드입니다. 불연속 정보 및 콘텐츠의 요구를 제시할 때 유용합니다. 모듈그리드 모듈러 그리드는 컬럼 그리드와 유사하며, 로우와 거터를 추가한 그리드입니다. 다소 복잡한 프로젝트에 사용됩니다. 계층그리드 계층 그리드는 웹사이트.. 2020. 8. 25. 뷰 타입 :: View type 뷰 타입 GRID 형 정의 : 이미지 + 2개 이상의 세로줄을 사용한UI - 이미지가 대부분의 공간을 차지, 텍스틀 최소화. - 유저가 이미 목적을가지고 어떤콘텐츠를 선택할지 알고 있을때 유용함. - 이미지는 자극을 주어 급한선택을 할 수 있게 만들고, 전체콘텐츠를 보기위해 많은 스트롤을 해야한다는 단점. ex)인스타그램, 제품, 갤러리등에서 사용. LIST 형 정의 : 한 세로단에 모든 콘텐츠를 나열한 뷰 형태. 특징 : 텍스트 라벨을 훝어보고 자신이 원하는 정보를 빠르게 찾을 수 있도록 해줌. 종류 - 텍스트 형태 : 아코디언 사용으로 오버스크롤링 방지. - 텍스트+섬네일(아이콘)형태 : 리스트형 상품리스트. CARD 형 정의 : 콘텐츠가 있는 사각형 영역을 카드를 나열하듯이 배치해 보여 주는 UI .. 2020. 8. 11. 이전 1 다음
