티스토리

podium_nam0422

검색하기

블로그 홈

podium_nam0422

wcaxc5215.tistory.com/m

wcaxc5215 님의 블로그 입니다.

구독자: 0

방명록 방문하기

주요 글 목록

[UX/UI 디자인] IOS와 안드로이드 앱 비교 분석 내일 배움 캠프가 이제 3주가 지나갔습니다!오늘이 끝나면 이제 기대하고 고대하던 연~~~휴가 기다리고 있네요 ㅎㅎ연휴 중 계획해둔 일정은 없지만 쉬엄쉬엄 할 수 있다는 게 참 행복하네요 ㅎㅎㅎㅎㅎㅎ 어제부터 피그마 활용 심화 강의를 듣기 시작했습니다.오늘은 IOS와 안드로이드의 앱이 어떻게 다른지 스타벅스 홈 화면으로 알아보는 공부를 해보았습니다! 위에 있는 이미지는 안드로이드이고 밑에 있는 이미지는 IOS 인데요.저는 스타벅스의 홈 화면을 기준으로 분석을 해보았습니다!가장 먼저 앱 화면 위에 아이콘의 컬러가 다르다는 걸 느꼈는데요배경의 컬러가 다르지만 IOS의 배경 컬러와 아이콘의 컬러가 비슷한 밝기의 컬러를 가지고 있어서 보기가 힘들더라구요. 그리고 가장 큰 차이로는 하단에 있는 딜리버스 버튼의.. 공감수 3 댓글수 2 2025. 5. 2.
[UX/UI 디자인 입문]디자인 기초 컬러에 대하여 컬러는 단순한 시각 요소가 아닌 사용자의 감정과 행동, 인식에 깊이 영향을 주는 중요한 요소입니다.이번 포스팅에서는 저번 시간 아이콘에 대해서에 이어서 UX/UI 디자인에 '컬러'가 가지는 의미와 역할을 쉽고 간단하게 정리해 보겠습니다. 1. 컬러의 의미컬러는 상태, 감정, 분위기, 진행사항 등 다양한 의미를 전달합니다.각 컬러마다 어떤 느낌을 전달해 주는지 알아볼게요. 빨강 : 에너지,열정적,위험함,정지,부정,경고,에러주황 : 친근한, 에너지, 보류, 경고노랑 : 활기찬, 즐거운, 희망적, 낙천적초록 : 자연의, 균형적인, 긍정적인, 진행, 승인, 성공파랑 : 안정감, 신뢰, 성공, 비전, 정보보라 : 고급스러운, 고상한, 고귀함, 우아함, 예술, 창조검정 : 고급수러운, 세련된, 권위있는하양 :.. 공감수 0 댓글수 0 2025. 4. 24.
[UX/UI 디자인 입문]피그마 아이콘에 대하여 내일배움캠프 8일 차입니당~오늘도 여러 가지를 배웠지만 그중에 하나인 아이콘을 다뤄 보려고 합니다! 본격적으로 아이콘을 만들어보기 전에 먼저 피그마에서 만들 간단한 아이콘에 대해서 정의해볼게요. 1. 아이콘의 역할아이콘은 남녀노소, 동서양을 막론하여 제한 없이 누구나 일관된 의미를 전달할 수 있습니다.또한 브랜드의 아이덴티티를 나타내기도 합니다. 예를 들어 맥도널드의 브랜드 이미지를 떠올리면 'M' 자의 아이콘을 떠올리게 되어 브랜드의 성격, 이미지, 의미를 반영한 아이콘은 사용자의 기억에 오래도록 남아 있게 됩니다. 2. 일관된 아이콘 스타일무수히 많은 아이콘에는 일반적으로 사용하는 다양한 스타일이 있습니다.outlined, filled, colored, image와 같은 스타일이 있으며 일관된 스.. 공감수 0 댓글수 0 2025. 4. 23.
[UX/UI 디자인 입문]피그마 기초 강의 앱 화면 만들기 오늘 하루도 열공했습니다.지난주에는 피그마의 기초 용어에 대해서 공부하느라 정신도 없고 너무 어렵다고 느껴졌는데요이번에 배운 내용은 그래도 저번보다 재밌게 배울 수 있었습니다. 드디어 앱 개발자에 한 발자국 다가간 느낌이 들어서 재밌는 강의가 되었답니다 :)그래서 오늘 배운 내용을 블로그로 정리해 보면서 다시 학습하는 시간을 가져볼게요! 01) 프레임 만들기먼저 프레임을 만들어 보겠습니다. (아무사이즈로나 만들어 주세요)그리고 왼쪽 패널의 늘 사용하던 디자인 패널이 아닌 프로토타입 패널로 들어가 보겠습니다.프레임이 선택되어 있는 상태로 프로토 타입을 눌러 주세요! 그리고 프로토타입 세팅 밑에 있는 선택 바를 다시 눌어보겠습니다. 갑자기 좌르륵하고 뜨는데요 이 옵션이 프레임을 자동으로 잡아주는 아주 .. 공감수 0 댓글수 0 2025. 4. 22.
[UX/UI 디자인 입문]피그마 기초 용어 정리 지난 주 피그마 기초적인 공부를 얼추? 끝 마치고 이제 본격적으로 UX/UI 디자인 공부를 들어가게 될 것 같습니다 ㅎㅎ 그런데... 강의는 들었지만 아직까지 어렵고 생소한 단어들이 얼마나 많은지.. 들으면 들을 수록 '그게 뭐였지?' 하는 단어들이 너무 너무 많더라고요. 이런 단어를 모르고 지나가는게 쌓이고 쌓이다 보면 분명 큰 어려움이 닥칠 것으로 예상하기에 기초 부터 튼튼히 지나가고자 하는 마인드로! 복습을 합니다! 그래서 오늘은 지난 주를 복습할 겸 피그마에 나오는 그런 단어들을 정리하면서 알아보겠습니다! (용어 하나 하나가 중요하지만 특히나 더 중요한 용어에는 ★을 붙여 볼게요) ▶ 8포인트 그리드 디자인 : 일반적으로 가장 많이 사용하는 규칙, UI를 8의 배수에 맞춰 배치하는 레이아웃 규.. 공감수 1 댓글수 1 2025. 4. 21.
[UX/UI 디자인 입문]피그마 기초 UI키트와 디자인 시스템의 차이 UX/UI 디자인 교육 과정이 4일 차입니다. 내일이면 벌써 일주일이 지나가네요. 역시 작심삼일은 과학인가봅니다... 오늘은 지난 3일 보다 약간 해이해진 상태로 공부를 했는데요 ㅎㅎ,,, 하 지 만~! 작심삼일도 삼일에 한 번씩 해주면 된다고 하잖아요? ㅋㅋ 저는 다시 내일부터 또 힘내서 열심히 공부해볼까 합니다! 해이하면서 공부했다고는 해도 그래도 오늘도 여러 가지를 배울 수 있었습니다. 오늘은 UI키트와 디자인 시스템이 무엇인지에 대해서 다뤄 볼 건데요. 먼저 디자인 시스템이 무엇인지 살펴보겠습니다! 1. 디자인 시스템 - 디자인 시스템의 개념 디자이너들은 웹과 앱을 디자인합니다. 이때 웹과 앱을 제품(프로덕트)라고 부르는데요. 프로덕트를 만드는 디자이너들은 사용자들이 겪는 문제를 찾아 디자.. 공감수 1 댓글수 1 2025. 4. 17.
[UX/UI 디자인 입문]피그마 기초 강의 프레임과 그룹, 오토레이아웃 기능 살펴보기 3일차 내일배움캠프가 끝나갑니다. 후... 아직 많이 부족함을 느낀 하루였던 것 같습니다. 오늘 배운 오토레이아웃 기능을 이해하는게 어찌나 힘든지... 강의 들으면서 진땀을 뺏네요. ㅎㅎ (한 5번은 돌려 본것 같습니다) 내일은 좀 더 시간을 체계적으로 세우고 실행할 수 있도록 해야겠어요! 1. 프레임과 그룹 차이 알아보기 이번 시간엔 두 개의 크고 작은 프레임을 만들어 주었습니다! 프레임과 그룹의 차이를 알아보기 위해 만든 두개의 프레임도 복사해서 아래쪽으로 띄워주겠습니다. 상단에 있는 두 프레임을 함께 선택 후 우클릭을 눌러 보겠습니다. 'Frame selection' 으로 묶어 줄게요! 그리고 밑에 있는 두 프레임은 같은 방식으로 Group selection을 적용해줄게요. 눈에 띄는 .. 공감수 0 댓글수 0 2025. 4. 16.
[UX/UI 디자인 입문]피그마 기초 도형 패스 이해 부트캠프 강의가 2일차가 되었습니다~하루 12시간 공부가 생각보다 힘들지만 뭔가 배워간다는 기분이 참 좋네요 ㅎㅎ함께하는 팀원분들도 좋은 분들이라 즐겁게 공부한 2일 차였습니다! 2일 차에는 피그마 기초 강의를 배워 보았는데요.기본 도형툴을 사용해서 조금 더 복잡한 패스를 배워 보았습니다~! 1. 스트로크 위에 있는 rectangle 툴을 클릭하고 아래 두 개의 사각형 모양을 만들어 보겠습니다. 만들어진 사각형 박스에 스트로크를 추가해 보았는데요~ 한번 자세히 확대해 볼게요~~ 보시면 크기가 작은 사각형과 큰 사각형의 스트로크의 굵기가 어떤가요?똑같은 1px의 굵기가 나온 걸 알 수 있는데요. 스트로크가 입혀진 상태에서 사각형 사이즈를 줄이고 늘려봐도 스트로크의 사이즈는 줄어들거나 늘어나지않는.. 공감수 2 댓글수 1 2025. 4. 15.
[UX/UI 디자인 입문] UXUI 디자이너의 기본적인 이해 1. UX/UI란? UI : User Interface의 약자로, 제품과 사용자 사이에서 소통할 수 있도록 하는 실체적인 수단이나 매개체를 뜻 UX : User eXperience의 약자로 사용자가 어떤 제품이나 서비스를 이용하면서 느끼는 총체적인 경험 ex) 존(사용자) 이라는 사람이 배가 고파 시러얼(제품)을 먹으려 함시리얼을 먹기 위해서는 그릇과 숟가락, 시리얼과 우유가 필요한데 존 이 시리얼을 먹기 위해서 사용한그릇과 숟가락은 UI가 되고 존 이 배가 고파 시리얼을 먹기 고민하는 것 부터 시리얼의 고소한 냄세와 맛, 먹고나서포만감을 느끼는 것 까지가 UX. 2. UX/UI 디자이너의 역할 UI 디자이너 : 화면의 전체적인 구조와 시각적인 요소들을 디자인하는 사람, 화면 간의 관계와 인터페이스의 .. 공감수 0 댓글수 0 2025. 4. 14.
[UX/UI 취업하기] 내가 관심 있는 게임 산업 조사하기 1. 관심있는 기업- nc소프트, 넥슨, valve, 크래프톤, 라이엇, 스마일게이트, 컴투스, 라이엇 2. 내가 가고 싶은 기업에서 운영하고 있는 서비스 종류 - 넥슨 / pc,모바일에서 다양한 게임 서비스 제공 - 삼성바이오로직스 / 헬스케어3. 서비스 별 주요 목적, 기능 a. 넥슨 : 게임산업 b. 타겟 : 20~40대의 남녀 c. 기능 - 모바일, pc 게임 - 크리에이터즈 : 넥슨 게임 크리에이터 방송 - open api : 인게임 내 정보제공 - 넥슨에센셜 : 굿즈 판매 - 넥슨 링크 : beta_리모트 플레이(게임 기기와 다른 디바이스가 함께 작동하도록 만들어주는 기능) 가능 - 넥슨 퍼스트 : 출시 전 게임 플레이 가능 - 스쿨존 : 올바른 게임 이용을 위한 서비스 4... 공감수 2 댓글수 0 2025. 4. 10.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.