본문 바로가기

UI디자인3

[내일배움캠프] Day 21 - UI 디자인 기본 [수업 목표]목적에 맞는 컬러를 사용할 수 있다.타이포그래피의 계층 구조를 이해하고 적용할 수 있다.일관된 스타일로 아이콘을 만들 수 있다.🎨 컬러의 의미컬러는 사람이 사물을 볼 때 가장 먼저 인지하는 요소브랜드의 이미지를 기억하고 인지시키는 중요한 역할을 함 🌈 컬러가 전달하는 의미🔴 빨강 : 에너지, 열정적, 위험, 정지, 부정, 경고, 에러🟠 주황 : 친근함, 에너지, 보류, 경고🟡 노랑 : 활기찬, 즐거운, 희망적, 낙천적🟢 녹색 : 자연, 균형, 긍정, 진행, 승인, 성공🔵 파랑 : 안정감, 신뢰, 성공, 비전, 정보🟣 보라 : 고급스러움, 고귀함, 예술, 창조⚫ 검은색 : 세련됨, 권위, 강렬함⚪ 흰색 : 깨끗함, 심플함, 정직함, 투명함 🎯 컬러의 역할컬러는 정보를 강조하고 .. 2025. 2. 20.
[내일배움캠프] Day 20 - UI 디자인 핵심 원리 [수업 목표]UI 디자인 원리를 이해하고 적용할 수 있다.사용자 경험을 중심으로 직관적이고 일관된 디자인을 할 수 있다.사용자와 성공적인 상호작용을 할 수 있다.🚀 UI 디자인 핵심 원리1. 사용자 이해하기✅ 사용자 중심의 디자인디자인의 목적은 사용자 경험을 향상시키고 참여를 유도하는 것사용자가 원하는 정보를 직관적으로 제공하여 긍정적인 인상을 심어줘야 함모든 의사결정은 사용자의 니즈와 기대를 바탕으로 이루어져야 함 2. 직관적인 디자인사용자가 UI를 학습하지 않아도 쉽게 이해하고 사용할 수 있도록 디자인해야 함 ✅ 사용자의 행동 유도✔️ 버튼 디자인배경색 혹은 콘텐츠와 대비되는 컬러를 사용하여 버튼을 강조흐름에 맞는 적절한 위치에 배치하여 쉽게 접근할 수 있도록 함✔️ 링크 디자인일반적으로 웹에서는 .. 2025. 2. 19.
[내일배움캠프] 사전캠프 Day 7 - 피그마 기초강의 3주차 3주차 강의의 수업 목표UI 디자인 환경을 이해하고 적합한 디자인 원칙을 수립할 수 있다피그마에서 스타일을 생성하고 관리할 수 있다컴포넌트의 개념을 이해하고 기능 및 형태에 따라 분류할 수 있다 파운데이션이란- UI를 구성하는 가장 작은 알갱이이자 기초재료- 필수 구성 요소 = 색상, 폰트 ✔️ 파운데이션의 구성색상(Color)서체(Font, Typography)간격, 여백(Spacing, Gap)곡률(Radius)그리드(Grid)고도(Elevation) = 높이아이콘(Icon)💡 컬러 스타일- 디자인에서 사용할 색상을 모아두는 팔레트① 포인트 컬러 (프라이머리 컬러 또는 엑센트 컬러)- 중요하고 핵심적인 부분에만 사용하는 색상② 백그라운드 컬러- 전체적인 분위기를 만들어 줄 배경색 (일반적으로 흰색을.. 2025. 1. 14.
728x90
반응형
LIST