UI·UX/UI 4

[11주차] Design System과 UI Prototyping

07. Design System과 UI Prototyping    1) Design System과 UI Prototyping의 개념    2) 프로토타이핑의 종류와 사례 08. UI Prototyping #1 - web     1) 워크플로우와 웹 프로토타이핑의 이해     2) 웹 프로토타이핑 도구   7-1. Design System과 UI Prototyping의 개념 Design System재사용 가능한 구성 요소의 조합스타일 가이드를 포함하는 UI 구성요소의 집합불필요한 디자인의 중복성 감소시각적 일관성 부여제품에서 공유되는 철학이나 어워드를 대규모로 관리 Atomic Design : 디자인 시스템이 갖고 있는 계층적 구성 요소 - 디자이너마다 다르게 디자인 작업을 해서 나오는 비생산적이고 비일관..

UI·UX/UI 2024.12.05

[9주차] 인터랙션과 사용성 & 접근성과 유니버셜 디자

03. 인터랙션과 사용성1) 인터랙션의 종류 3-1. 인터랙션의 종류 정보통신, 디자인에서의 interaction : 인간-컴퓨터 상호작용     - HCI(Human-Computer Interaction)    - MMI(Man-Machine Interface/Interaction)    - HMI(Human-Machine Interface)인터랙션의 방법  1) Touch Interaction      멀티터치 인터랙션: 표면이 동시에 두 개 이상의 접촉 지점의 존재를 인식할 수 있게 하는 것      감압식: 누르는 힘을 감지해서 위치 탐색        - 손가락이 아닌 비도체로도 작동 가능 but 느린 반응속도와 멀티터치 기술 적용 어려움      정전식: 전도체가 닿을 때 전류의 변화 인식   ..

UI·UX/UI 2024.11.24

[8주차] OS에 따른 디자인 & 실전 피그마 (2)

1. OS에 따른 디자인   1) OS란 무엇인   2) UI 프로젝트의 이해 2. 실전 피그마 part.41-1. OS란 무엇인가  Operating System운영체제: 컴퓨터 혹은 컴퓨터화 된 디바이스의 하드웨어, 소프트웨어 자원을 관리                 컴퓨터 프로그램에 대한 공통 서비스를 제공하드웨어: 중앙처리장치, 램, 모니터, 마우스, 키보드, 저장장치, 등으로 구성                 프로세스, 메모리, 저장장치, 입력장치, 출력장치, 등 포함OS: 시작은 군사적인 목적이었음.       - 지속 가능한 통신시설을 만들기 위해 개발한 인터넷       - 포탄에 탄도를 계산하기 위해 개발한 오퍼레이팅 시스템 ① 프로그램 간 정보 공유 : 클립보드② 멀티태스킹 : 사용자가..

UI·UX/UI 2024.11.15

[7주차] UI 디자인의 이해 & 실전 피그마 (1)

1. UI 디자인의 이해   1) UI 디자인의 개념   2) UI 프로젝트의 이해 2. 실전 피그마 part.41-1. UI 디자인의 개념  User InterfaceInterface : '면과 면을 왔다갔다 하는 것' through 스크린, 다른 인터랙션이 가능한 기기, 등사용자 인터페이스 디자인 HCI (Human Computer Interaction) : 사람과 컴퓨터 사이의 상호작용노멀 유징 시스템 (Normal Using System) : 사용자 하나와 시스템 하나의 인터페이스인트라넷 (Intranet) : 사용자 여럿과 하나의 시스템, 회사 전체의 정보를 서로 공유할 수 있는 네트워크CMC (Computer Mediated Communication) : 각각의 사용자와 각각의 노멀 유징 시스..

UI·UX/UI 2024.11.09