분류 전체보기 (8) 썸네일형 리스트형 Free mockup source for design 무료 기타 목업 소스 Free mockup source for design 무료 기타 목업 소스 모음 https://dirtybarn.com/ziplock-texture-mockup-free/ Ziplock Texture Mockup (free) » Dirtybarn Ziplock texture are for album artwork, posters, mockups, and much more. Set the textures to ‘screen’ or experiment for best results. 2000x2000px / 300DPI dirtybarn.com https://www.behance.net/gallery/38082713/Old-Komputer-Mockups-(FREE)?tracking_source=search%.. 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.. 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.. 포토샵과 일러스트 포토샵과 일러스트 비교 포토샵 일러스트 단위 비트맵 방식 픽셀이 모여서 오브젝트를 구성. 크기에 영향을 받으며 확대 시 깨진다. 이미지 작업 시 픽셀, 해상도가 중요하다. 벡터 방식 수학적 연산으로 만들어지며 점, 선, 면이 모여 이루어진 오브젝트로 구성. 크기에 영향을 받지 않으며 확대 시 깨지지 않는다. 해상도 (선명도/화질) 웹 작업 시 72 ppi / 출력 시 300 dpi 해상도(resolution) : 이미지를 구성하는 가로 x 세로 픽셀 수 dpi(dots per inch) : 종이 1인치당 찍히는 점의 개수 ppi(pixel per inch) : 모니터 1인치당 가지고 있는 픽셀 수 선택방식 선택영역으로 작업할 영역을 선택한다. 오브젝트를 선택한다. 레이어 하나의 레이어에 하나의 오브젝트 .. 프로토타이핑(Prototyping) 툴 - 카카오 오븐 Kakao oven 프로토타이핑(Prototyping) 툴 - 카카오 오븐 Kakao oven 카카오 오븐은 무료로 제공되는 프로토타이핑 툴이다. 웹 사이트에서 편집이 가능하기 때문에 따로 프로그램을 깔지 않아도 된다. 이메일 인증을 받으면 이미지 파일별 용량과 이미지 저장공간을 늘릴 수 있다. 로그인하면 프로젝트 대쉬보드가 뜨고, [새로운 프로젝트 만들기] 버튼을 눌러 프로젝트를 시작할 수 있다. 모바일, 태블릿, PC의 기본 화면 사이즈를 설정하고 프로토타이핑을 시작하면 된다. 나는 모바일은 세로 모드, 360px으로 PC는 1200px으로 작업했다. 다양한 컴포넌트와 아이콘이 지원된다. 작업물은 자동 저장이 되지 않기 때문에 저장 버튼을 수시로 눌러줘야 한다. 재생 버튼을 누르면 페이지를 전체적으로 확인할 수 있는 창.. 마인드 맵(Mind Map) 툴 - coggle 마인드 맵(Mind Map)이란? 자신의 생각을 지도를 그리듯이 기록하고 사고력, 창의력, 기억력을 높이는 기법이다. 하나의 주제에 대한 여러 가지 생각들을 기록하고 키워드와 그림(이미지)을 그려가며 정리할 수 있다. 마인드 맵 툴 - Coggle Sign Up Now 버튼을 눌러 쉽게 가입할 수 있다. 카드 소팅 툴인 miro와 마찬가지로 구글 계정으로 가입할 수 있다. Coggle의 사용자 분석을 위한 간단한 조사 Create Diagram을 통해서 새로운 다이어그램을 만들 수 있다. 단축키를 알려주는 토글 형식의 버튼이 우측 아래에 있다. 컬러도 자유롭게 바꿀 수 있는데 원의 안쪽에 있는 컬러는 무료지만, 바깥쪽의 컬러는 유료이다. 근데 무료 컬러가 더 예쁘다. 대부분의 기능은 무료로 사용 가능하기.. 카드 소팅(Card Sorting) 툴 - Miro 카드 소팅(Card Sorting)이란? 같은 의미를 지닌 메뉴끼리 그룹핑하는 것이다. 정보를 구조화하고 분류하는 방법으로 사용자가 정보와 오브젝트를 어떻게 그룹화하는지 파악하고 반영한다. 카드 소팅 툴 - Miro 실시간으로 여러 명의 사용자가 협업할 수 있어서 다양한 의견을 모으기 좋다. miro의 메인 페이지이다. Get started에서 회원가입을 해도 되고, Sign in에서 바로 구글 계정으로 가입할 수도 있다. 나는 Sign in 메뉴에서 구글 계정으로 miro에 가입했다. 이건 그냥 아무거나 대충 적으면 된다. Skip for now를 누르면 다음으로 넘어간다. 여기서 이메일을 입력하면 다른 사람을 초대할 수 있다. 템플릿은 다양하게 있는데 카드 소팅을 하기에는 Brainwriting 템플.. 컴포넌트(Components) 종류 컴포넌트란? 웹 애플리케이션을 구성하는 버튼, 내비게이션, 탭 메뉴와 같이 사용자가 화면을 사용함에 있어서 어떤 특징을 가지고 편리하게 사용할 수 있는 목적을 가진 재사용이 가능한 요소를 말한다. 그리드 시스템(Grid System) 레이아웃의 단을 나누는 방법. 테이블(Table) 표 형식으로 데이터를 정리해서 보여준다. ex) 일반 게시물 게시판, 랭킹, 그래프 아래쪽에 표 형식으로 데이터를 보여줄 때 폼(Form) 입력과 관련된 요소들의 집합. 한 줄 입력창 input - 기본 텍스트 입력 ex) 아이디, 이름, 날짜 등 - 비밀번호 입력 ex) 비밀번호, 보안이 들어가야 하는 값 여러 줄 입력창 textarea - 문장 형식으로 입력. ex) 자기소개, 게시판 글쓰기 체크박스 checkbox - .. 이전 1 다음
