# UI

431개의 포스트

UX/UI 10가지 심리학 법칙

디자이너들이 일반적인 디자인 관습을 따를 것을 권한다.사용자가 사이트의 컨텐츠와 메시지, 제품에 대한 집중력이 높아진다.사용된 심리학 개념멘탈 모델사용자는 시스템 작동 방식에 관한 모델을 만들고 그 시스템과 비슷한 환경에서 해당 모델을 적용한다.사례웹 요소의 디자인현실

2일 전
·
0개의 댓글
·
post-thumbnail

[UX/UI] 디자인 시스템 구축하기

디자인 시스템을 만들고 유지하는 업무는 꽤 시간이 걸리며 보통 이를 전담하는 부서가 필요하다.구성원들이 디자인 시스템을 사용 및 적용하기 위한 교육이 필요하다.고정된 정보를 제공하는 프로젝트(e.g. 기업 소개 웹사이트) 또는 일회성 프로젝트(e.g. 프로모션용 랜딩

3일 전
·
0개의 댓글
·
post-thumbnail

[UX/UI] Atomic Design

최근 스마트폰의 보급과 기술 발전으로 인해 웹 환경이 빠르게 변화하고 있다. 데스크톱과 모바일에서 더 나아가 태블릿, TV, 냉장고, 자동차 등 다양한 기기에서 웹 환경이 제공되고 있다. 이러한 변화에 따라, 디자이너와 프론트엔드 개발자들은 환경에 상관없이 일관된 사용

4일 전
·
0개의 댓글
·
post-thumbnail

(SEB_FE) Section4 Unit4 [UX/UI] Atomic Design

아토믹 디자인의 개념과 이를 구성하는 요소에 대해 알 수 있다.아토믹 디자인 적용 시 얻는 이점에 대해 이해할 수 있다.애플리케이션을 아토믹 디자인으로 구성하는 방법에 대해 이해할 수 있다.웹 디자이너 Brad Frost가 책 "Atomic Design"을 통해 제시한

5일 전
·
0개의 댓글
·
post-thumbnail

(SEB_FE) Section4 Unit4 [UX/UI] Design System

디자인 시스템이란 무엇이며, 왜 중요한지 이해할 수 있다.디자인 시스템을 적용함으로써 얻는 이점을 알 수 있다.구글, 마이크로소프트 등 실제 유명 서비스에서 디자인 시스템을 어떻게 사용하는지 알 수 있다.디자인 원칙부터 재사용할 수 있는 UI 패턴과 컴포넌트, 코드로

5일 전
·
0개의 댓글
·
post-thumbnail

What's new in CSS and UI: I/O 2023 Edition

최근 출시되었거나 곧 출시될 흥미롭고 영향력 있는 기능 20가지가 정리 되어있다 !https://developer.chrome.com/en/blog/whats-new-css-ui-2023/?utm_source=oneoneone컨테이너 쿼리, 스타일 쿼리, nt

2023년 5월 17일
·
0개의 댓글
·
post-thumbnail

All in One for Figma - <UX/UI 디자이너를 위한 실무 피그마> 서평

요즘 저는 개인 웹사이트 제작에 관심이 생겨 ChatGPT를 활용해 프론트엔드 개발을 하고 있습니다.그러나 디자인이 참 까다롭습니다.머릿속에는 예쁘고 깔끔한 홈페이지가 그려지지만, 이를 그리려니 그림판이나 PPT로는 담기지 않아서 고민하고 있습니다.그래서 읽었습니다.개

2023년 5월 9일
·
0개의 댓글
·

Section3 기술면접

재귀의 사전적으로 '원래의 자리로 되돌아가거나 되돌아오다'라는 의미를 가지고 있습니다. 그 의미와 같게 개발적 관점에서는 '자기 자신을 호출하는 함수'를 재귀 함수라고 하고 이러한 제귀 함수를 사용한다면 반복적인 작업을 해야 하는 문제를 좀 더 간결한 코드로 풀어낼 수

2023년 5월 9일
·
0개의 댓글
·
post-thumbnail

싸이월드 게임 부분 UI-1

2023년 4월 30일
·
0개의 댓글
·

[Flutter / GoogleMap] ScrollView 에서 GoogleMap Touch Event 우선권 갖기

GoogleMap을 전체 화면에 사용할 때도 있지만, 스크롤 내에 사용해야 할 때도 있는데요! ScrollView 내에 GoogleMap을 넣고 사용해보면 GoogleMap과 ScrollView 모두 드래그 이벤트를 가지고 있는데, 이게 중첩되면서 아래 사진같이 원하

2023년 4월 25일
·
0개의 댓글
·
post-thumbnail

31일차_UI

230424_개발준비_31일차_UI

2023년 4월 24일
·
0개의 댓글
·
post-thumbnail

3장 - 기본 위젯

1. 사용자 인터페이스의 개요 사용자 인터페이스 (UI : User Interface) 뷰그룹 (= layout(위젯)) 다른 뷰들을 담는 컨테이너 기능 ViewGroup 클래스에서 상속받아서 작성됨 뷰 (= Control(컨트롤), Widget(위젯)) 기초적인 빌딩

2023년 4월 24일
·
0개의 댓글
·
post-thumbnail

[Zero-base UXUI] Reference - week3

버스타고는 고속/시외 버스 예매 관리 어플리케이션입니다.출발지와 도착지 / 날짜를 선택하고 조회할 수 있는 페이지로 언어 선택도 가능출발지 / 도착지 / 날짜 선택 이후 시간대에 맞는 버스의 예약 가능 상태 확인 가능버스표 예매에 대한 각 상태를 확인할 수 있는 페이지

2023년 4월 23일
·
0개의 댓글
·
post-thumbnail

Sigma font 적용하는 방법

figma에서 Apple font 사용하는 방법

2023년 4월 20일
·
0개의 댓글
·
post-thumbnail

[SEB FE 44기] 2023-04-14

UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와 상호 작용하는 시스템. 키보드, 마우스 등의 물리적 요소도 UI. 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경. 운영체제(Windows, Mac OS), 또는 애플리케이션.

2023년 4월 18일
·
0개의 댓글
·
post-thumbnail

[사용자 친화 웹] UI 디자인

UI 디자인 패턴은 프로그래밍 시 자주 반복되어 나타나는 문제점을 해결하고자, 과거의 다른 사람이 해결한 결과물을 재사용하기 좋은 형태로 만든 패턴을 말한다.

2023년 4월 13일
·
0개의 댓글
·

UI/UX

UI란 User Interface의 약자로 '사람들이 컴퓨터와 상호 작용하는 시스템'을 의미한다. 보통 UI라고 하면 떠오르는 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있다.GUI란 Gr

2023년 4월 13일
·
0개의 댓글
·
post-thumbnail

UI & UX(1)

말 그대로 사용자 인터페이스를 말한다. 사람들이 컴퓨터와 직접적으로 상호작용을 하는 시스템을 말하며, 화면상의 그래픽 요소 외에도 키보드, 마우스, 터치스크린 등의 물리적 요소도 UI에 포함된다.PC의 경우를 예로 들면 UI의 종류 중 하나인 그래픽 요소가 엄청난 비중

2023년 4월 13일
·
0개의 댓글
·

[Section 3] UI/UX

[Section 3] UI/UX

2023년 4월 13일
·
0개의 댓글
·