# UIUX

83개의 포스트
post-thumbnail

브라우저 렌더링 과정 / skeleton UI / DOMContentLoad

브라우저 렌더링 엔진의 동작 과정 DOM 트리 구축 브라우저가 HTML을 전달받으면, 브라우저의 렌더 엔진이 이를 파싱하고 HTML 태그를 DOM 노드로 변환한다. 렌더 트리(Render Tree) 구축 외부 CSS 파일과 inline style 요소를 파싱하고,

2022년 8월 8일
·
0개의 댓글
·
post-thumbnail

UI vs API

UI (User Interface)사용자가 시스템을 제어하기 위해서 사용하는 조작장치 ex) 버튼 API (Application Programming Interface)어플리케이션을 만들기 위해서 프로그래밍을 할때 사용하는 조작장치들 alert 창을 만들기 위한 코드에

2022년 8월 4일
·
0개의 댓글
·
post-thumbnail

UI/UX툴 피그마(Figma)

피그마를 사용하게 된 계기2022년 1월 말쯤 아이디어 해커톤에 참여하게 되었었는데 아쉽게도 우리 팀원 중에 디자이너가 없었다. 그나마 나는 포토샵을 어느정도 할 줄 알았기에 프론트엔드 겸 디자인을 맡았었다. 하지만 디자인을 배워 본 적이 없기 때문에 막막하던 찰나 팀

2022년 8월 4일
·
0개의 댓글
·
post-thumbnail

Javascript Toy Project 2 - Mini Game | 가위바위보

가위바위보 따라 만들기

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[일기] 1일차- 고민, 또 고민...

머리를 쥐어뜯는 하루의 연속

2022년 7월 26일
·
0개의 댓글
·

모바일 UI 참고 링크 모음

내가 보려고 모아놓은 링크⭐️ 모바일 uxui가이드1편 https://brunch.co.kr/@chulhochoiucj0/82편 https://brunch.co.kr/@chulhochoiucj0/93편 https://brunch.co.kr/@

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

UX 원칙 : 브레드크럼 (breadcrumbs)

'빵부스러기로 표시한 길' 이란 뜻으로 헨젤과 그레텔에서 따온 용어.사이트나 웹 또는 앱에서 \*\*유저의 위치를 보여주는 부차적인 내비게이션 시스템을 뜻한다브레드크럼 내비게이션은 더 유용하다브레드크럼 내비게이션은 유저에게 '맥락 정보'의 훌륭한 소스가 되며, 유저가

2022년 7월 25일
·
0개의 댓글
·

디자인 스킬 14개

다양한 색 금지버튼 ,강조할 글자, 아이콘 로고 같이 강조할 부분에만 색상적절한 Padding폰트는 제목용/본문용 2개만 사용할 것.심심하면 글자에 gradient 넣어보기제목은 16px 이상, 본문은 16px 이하글자 자간간격 조절하면 좋다.이미지는 고화질 사용, 폭

2022년 7월 14일
·
0개의 댓글
·
post-thumbnail

UI/UX 사용성평가

제이콥 닐슨의 10가지 사용성 평가 기준1\. 시스템 상태의 가시성(Visibility of system status)합리적인 시간내에 적절한 피드백을 통해 사용자에게 진행상황에 대한 정보를 항상 제공해야 한다.ex)파일 첨부를 위한 파일이 업로딩 상황을 표시2\. 시

2022년 7월 3일
·
0개의 댓글
·
post-thumbnail

UX디자인

피터모빌의 벌집모형1.유용성(Useful)\_사용가능한가제품이나 서비스가 목적에 맞는, 사용 가능한 기능을 제공하고 있는가2.사용성(Usable)\_사용하기 쉬운가기능이 아무리 잘 작동하더라도 사용자가 사용하기 어렵다면 좋은 UX를 제공하기 어려움3.매력성(Desira

2022년 7월 3일
·
0개의 댓글
·

UI 디자인

\-자주사용되는 UI 컴포넌트프로그래밍시 자주 반복되어 나타나는 문제점을 해결하고자 과거 다른사람이 해결한 결과물을 재사용하기 좋은 형태로 만든 패턴\*자주 쓰이는 UI 디자인 패턴을 익혀두면 UI를 디자인하기도 보다 쉬워지고, 프론트엔트 개발자, 디자이너, PM과의

2022년 7월 3일
·
0개의 댓글
·
post-thumbnail

UI/UX

\-사람들이 컴퓨터와 상호작용하는 시스템그래픽요소(화면상)뿐만 아니라 물리적요소(키보드, 마우스)도 컴퓨터와 상호작용을 위한 시스템이므로 UI라고 볼 수 있다.터미널과 같은 CLI(Command Line Interface, 명렬 줄 인터페이스)와 키보드를 이용해서 텍스

2022년 7월 3일
·
0개의 댓글
·

UI / UX 메모

짧은 메모

2022년 6월 29일
·
0개의 댓글
·
post-thumbnail

[TIL] Day46 #UI/UX

✍🏻 2022.06.29(Wed) [Today I Learned] 46일차 && [SEB FE] 45일차

2022년 6월 29일
·
0개의 댓글
·
post-thumbnail

Figma

Figma

2022년 6월 29일
·
0개의 댓글
·
post-thumbnail

[TIL] Day45 #Figma

✍🏻 2022.06.28(Tues) [Today I Learned] 45일차 && [SEB FE] 44일차

2022년 6월 28일
·
0개의 댓글
·

와이어프레임 & 프로토타입 / Figma

S3U2 W10D2 6월 마지막주였구나...

2022년 6월 28일
·
0개의 댓글
·
post-thumbnail

사용자 친화 웹 Part 4. 와이어프레임 & 프로토타입

와이어프레임과 프로토타입의 특징을 기억한다.와이어프레임과 프로토타입을 피델리티에 따라서 구분할 수 있다.와이어프레임과 프로토타입의 차이점을 이해한다.와이어프레임은 선(wire)으로 틀(frame)을 잡는다는 뜻으로, 제품 기획 단계에서 페이지를 어떻게 구성할 것인지

2022년 6월 28일
·
0개의 댓글
·
post-thumbnail

UI / UX

UI, UX, 사용자인터페이스, 사용자경험, UI디자인패턴, UI레이아웃, Columm Grid Systemm, 사용자흐름, User nterface, User xperience, User Flow

2022년 6월 27일
·
0개의 댓글
·
post-thumbnail

[사용자 친화 웹]UI/UX

UI란 사람들이 컴퓨터와 상호작용하는 시스템을 의미하는 사용자 인터페이스를 말한다. 화면상의 그래픽 요소 외에도 키보드, 마우스 등의 물리적 요소도 UI라 할 수 있다.GUI는 UI의 한 종류로, 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경을 말한다. 대

2022년 6월 27일
·
0개의 댓글
·