리스트 예시: 게시물이 존재할 경우 3건을 노출합니다.
-
Web Design
컴포넌트(Components) 종류
컴포넌트란? 웹 애플리케이션을 구성하는 버튼, 내비게이션, 탭 메뉴와 같이 사용자가 화면을 사용함에 있어서 어떤 특징을 가지고 편리하게 사용할 수 있는 목적을 가진 재사용이 가능한 요소를 말한다. 그리드 시스템(Grid System) 레이아웃의 단을 나누는 방법. 테이블(Table) 표 형식으로 데이터를 정리해서 보여준다. ex) 일반 게시물 게시판, 랭킹, 그래프 아래쪽에 표 형식으로 데이터를 보여줄 때 폼(Form) 입력과 관련된 요소들의 집합. 한 줄 입력창 input - 기본 텍스트 입력 ex) 아이디, 이름, 날짜 등 - 비밀번호 입력 ex) 비밀번호, 보안이 들어가야 하는 값 여러 줄 입력창 textarea - 문장 형식으로 입력. ex) 자기소개, 게시판 글쓰기 체크박스 checkbox - ..
-
Resource
Free mockup source for poster design 무료 포스터 목업 소스
Free mockup source for poster design 무료 포스터 목업 소스 모음 https://www.mockupworld.co/free/poster-with-shadow-mockup/ Poster with Shadow Mockup | MockupWorld A beautifully clean rendered mockup of a poster with shadow, shown from above. Fully organized high-res PSD file (5000 x 3750 px at 300 dpi) with smart object. www.mockupworld.co https://www.mockupworld.co/free/set-of-urban-wall-poster-mockups/ S..
-
Resource
Free mockup source for UIUX design 무료 UIUX 목업 소스
Free mockup source for UIUX design 웹, 모바일 디자인 목업 소스 모음 https://www.behance.net/gallery/54504585/I-Mac-Mockup-(Free-PSD)?tracking_source=search%7Cfree%20mockup I Mac Mockup (Free PSD) 4 mockup of an iMac Pro (space-gray). Layered high-res PSD file (background color can be changed) with smart object. Dimensions: 4000 x 3000 px at 300 dpi. www.behance.net https://www.ls.graphics/free/minimalistic-s..
-
Web Design
카드 소팅(Card Sorting) 툴 - Miro
카드 소팅(Card Sorting)이란? 같은 의미를 지닌 메뉴끼리 그룹핑하는 것이다. 정보를 구조화하고 분류하는 방법으로 사용자가 정보와 오브젝트를 어떻게 그룹화하는지 파악하고 반영한다. 카드 소팅 툴 - Miro 실시간으로 여러 명의 사용자가 협업할 수 있어서 다양한 의견을 모으기 좋다. miro의 메인 페이지이다. Get started에서 회원가입을 해도 되고, Sign in에서 바로 구글 계정으로 가입할 수도 있다. 나는 Sign in 메뉴에서 구글 계정으로 miro에 가입했다. 이건 그냥 아무거나 대충 적으면 된다. Skip for now를 누르면 다음으로 넘어간다. 여기서 이메일을 입력하면 다른 사람을 초대할 수 있다. 템플릿은 다양하게 있는데 카드 소팅을 하기에는 Brainwriting 템플..