# UIUX
UI vs API
UI (User Interface)사용자가 시스템을 제어하기 위해서 사용하는 조작장치 ex) 버튼 API (Application Programming Interface)어플리케이션을 만들기 위해서 프로그래밍을 할때 사용하는 조작장치들 alert 창을 만들기 위한 코드에
UI/UX툴 피그마(Figma)
피그마를 사용하게 된 계기2022년 1월 말쯤 아이디어 해커톤에 참여하게 되었었는데 아쉽게도 우리 팀원 중에 디자이너가 없었다. 그나마 나는 포토샵을 어느정도 할 줄 알았기에 프론트엔드 겸 디자인을 맡았었다. 하지만 디자인을 배워 본 적이 없기 때문에 막막하던 찰나 팀
모바일 UI 참고 링크 모음
내가 보려고 모아놓은 링크⭐️ 모바일 uxui가이드1편 https://brunch.co.kr/@chulhochoiucj0/82편 https://brunch.co.kr/@chulhochoiucj0/93편 https://brunch.co.kr/@
UX 원칙 : 브레드크럼 (breadcrumbs)
'빵부스러기로 표시한 길' 이란 뜻으로 헨젤과 그레텔에서 따온 용어.사이트나 웹 또는 앱에서 \*\*유저의 위치를 보여주는 부차적인 내비게이션 시스템을 뜻한다브레드크럼 내비게이션은 더 유용하다브레드크럼 내비게이션은 유저에게 '맥락 정보'의 훌륭한 소스가 되며, 유저가
디자인 스킬 14개
다양한 색 금지버튼 ,강조할 글자, 아이콘 로고 같이 강조할 부분에만 색상적절한 Padding폰트는 제목용/본문용 2개만 사용할 것.심심하면 글자에 gradient 넣어보기제목은 16px 이상, 본문은 16px 이하글자 자간간격 조절하면 좋다.이미지는 고화질 사용, 폭
UI/UX 사용성평가
제이콥 닐슨의 10가지 사용성 평가 기준1\. 시스템 상태의 가시성(Visibility of system status)합리적인 시간내에 적절한 피드백을 통해 사용자에게 진행상황에 대한 정보를 항상 제공해야 한다.ex)파일 첨부를 위한 파일이 업로딩 상황을 표시2\. 시
UX디자인
피터모빌의 벌집모형1.유용성(Useful)\_사용가능한가제품이나 서비스가 목적에 맞는, 사용 가능한 기능을 제공하고 있는가2.사용성(Usable)\_사용하기 쉬운가기능이 아무리 잘 작동하더라도 사용자가 사용하기 어렵다면 좋은 UX를 제공하기 어려움3.매력성(Desira
UI 디자인
\-자주사용되는 UI 컴포넌트프로그래밍시 자주 반복되어 나타나는 문제점을 해결하고자 과거 다른사람이 해결한 결과물을 재사용하기 좋은 형태로 만든 패턴\*자주 쓰이는 UI 디자인 패턴을 익혀두면 UI를 디자인하기도 보다 쉬워지고, 프론트엔트 개발자, 디자이너, PM과의
UI/UX
\-사람들이 컴퓨터와 상호작용하는 시스템그래픽요소(화면상)뿐만 아니라 물리적요소(키보드, 마우스)도 컴퓨터와 상호작용을 위한 시스템이므로 UI라고 볼 수 있다.터미널과 같은 CLI(Command Line Interface, 명렬 줄 인터페이스)와 키보드를 이용해서 텍스
사용자 친화 웹 Part 4. 와이어프레임 & 프로토타입
와이어프레임과 프로토타입의 특징을 기억한다.와이어프레임과 프로토타입을 피델리티에 따라서 구분할 수 있다.와이어프레임과 프로토타입의 차이점을 이해한다.와이어프레임은 선(wire)으로 틀(frame)을 잡는다는 뜻으로, 제품 기획 단계에서 페이지를 어떻게 구성할 것인지
UI / UX
UI, UX, 사용자인터페이스, 사용자경험, UI디자인패턴, UI레이아웃, Columm Grid Systemm, 사용자흐름, User nterface, User xperience, User Flow
[사용자 친화 웹]UI/UX
UI란 사람들이 컴퓨터와 상호작용하는 시스템을 의미하는 사용자 인터페이스를 말한다. 화면상의 그래픽 요소 외에도 키보드, 마우스 등의 물리적 요소도 UI라 할 수 있다.GUI는 UI의 한 종류로, 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경을 말한다. 대
