multiking

학습목표- UI구조에대하여알아보자- 모바일운영체제에따른UI 컴포넌트을알아보자.- 모바일환경에따른UI 디자인특징을알아보자. UI 구조UI 구조란 사용자 인터페이스를 구성하는 기본적인 화면 배치(Layout) 체계를 의미한다. 이는 정보의 위계와 시각적 흐름을 결정하는 중요한 요소로, 사용자가 콘텐츠를 쉽게 탐색하고 인식하도록 돕는 설계의 골격이라 할 수 있다. 웹사이트의 UI 구조는 일반적으로 가로형(Horizontal Layout) 과 세로형(Vertical Layout) 으로 구분된다. 이 두 가지 구조는 콘텐츠 배치 방향과 메뉴의 위치에 따라 달라지며, 정보의 성격과 사용자 행동 패턴에 따라 선택된다.웹사이트구조 : 가로형과세로형가로구조형: header, contents, footer area뉴스 ..

학습목표•UI/UX디자인 프로세스의 필요성과 디자인의 시각적 기준과 근거가 되는 스타일 가이드를 알아보고 무드 보드를 제작 해 보자.* 무드보드 제작 방법을 대하여 알아보자.디자인 프로세스의 필요성논리적인 디자인 흐름을 만들려면 디자인 프로세스가 필요하다.목표를 설정했다면 그 목표를 시각적으로 잘 전달할 수 있는 색상, 이미지, 폰트 등 을 설정하는 과정이 필요디자인 프로세스는 리서치 결과를 바탕으로 먼저 디자인의 목표와 정의를 세운 후에 디자인하 고 개발해 배포하는 프로세스를 거치는 것이 좋다.1.디자인의 목표와 정의 수립•골든 서클을 이용해 목표를 설정하는 과정①WHY : 이 프로젝트를 통해 궁극적으로 전하려는 바가 무엇인지 목표를 설정한다.②HOW : 그 가치를 어떻게 전달할 것인지 판단한다.③WH..

학습목표- 모바일 디자인 트렌드 변화와 그 특징을 알아본다.모바일 UI/UX 디자인의 개요모바일 디자인은 제한된 화면 크기와 터치 중심의 인터랙션 환경에서 사용자 경험을 최적화하기 위한 시각적‧기능적 설계를 의미한다. 데스크톱 환경과 달리 모바일은 손가락 제스처, 가시성(Visibility), 탭과 스와이프 중심의 흐름, 즉시성(Instant feedback) 등이 중요한 요소로 작용한다. 따라서 모바일 UI/UX 디자인은 단순히 화면을 축소한 버전이 아니라, 사용 맥락(Context) 과 사용자 행동 패턴에 기반한 별도의 접근이 필요하다.모바일 디자인 트렌드의 변화 iOS가 점차 머티리얼 디자인을 받아들이는 추세플랫 + 머티리어 디자인은 각각 장단점이 있으므로 유동적으로 사용하는 것이 바람직 스큐어모픽..

학습목표:와이어프레임과 프로토타이핑 개념과 제작 시 유의할 점을 학습한다.와이어프레임의 개념과 유의할 점와이어프레임(Wireframe): 기획자나 디자이너의 아이디어를 러프하게 구성한 화면 디자인. ✓ 각 화면 단위의 UI를 설계하는 것✓ 화면의 설계와 화면 간의 관계 및 이동까지 모두 포함.✓ 구조(페이지 요소의 구성 방식), 콘텐츠(페이지에 표시될 내용) 및 기능(인터페이스의 작동 방식)을 설명하는 데 사용 와이어프레임 작업 시 유의할 점은 다음과 같다:기능적 요소의 위치와 역할을 명확하게 설정해야 한다.디자인의 일관성을 유지하여 사용자 경험을 향상시켜야 한다.사용자 흐름(User Flow)에 맞게 화면 전환을 고려해야 한다.다양한 디바이스에서의 활용성을 염두에 두어야 한다.와이어프레임 툴 핸..

학습목표정보구조 설계 단계를 이해하고 단계별 주의사항을 학습한다.1 정보 구조와 정보 구조 설계 IA(Information Architecture)는 서비스의 목차 역할정보 구조Information Architecture, IA는 사용자가 원하는 정보를 불편 없이 사용할 수 있도록 만든 뼈대라고 할 수 있다. 앱에서는 화면 내의 내비게이션 체계나 레이블링 등을 도식화한 것을 의미 한다.정보 구조를 설계하는 이유 - 프로젝트의 범위, 예산, 인력, 일정 등의 산출 근거- 디자이너와 개발자의 공유 문서- 개발 페이지 목록의 역할이 강해지고 있는 추세이 이미지는 정보 구조 설계의 중요성을 설명하기 위한 예시로 사용되며, 강아지의 신체를 나누어 계층적 구조로 표현하여 복잡한 정보나 시스템을 어떻게 분류하고 조직..