본문 바로가기

반응형

전체 글

(18)
[새싹X스나이퍼팩토리] 기업연계 실무특화 UX/UI 디자인 마스터 과정 9일차 "오토 레이아웃” 안녕하세요.오늘은 피그마의 핵심 기능이라고 할 수 있다는 "오토 레이아웃"에 대해 배웠습니다.  오토 레이아웃 언제 사용하나요?버튼 만들 때패딩을 넣어주고 싶을 때반응형 레이아웃 만들 때아이템 사이의 간격을 편하게 설정하기 위해오브젝트의 방향이 다를 때 단축키✅ 설정: Shift + A✅ 해제: Shift + Alt + A  텍스트 오토 레이아웃 설정가로: Fill 세로: Hug  컨스트레인트 통제, 제약이라는 뜻으로 프레임 안의 오브젝트(자식요소)를 통제하는 기능입니다.다양한 디바이스에 대응하는 반응형 레이아웃 디자인을 해야될 때, 오브젝트를 효율적이고 배치하고 이동해서 유동적으로 디자인하기 편리합니다. 컨스트레인트 설정 전 주의사항 그룹X, 오토레이아웃X 프레임 안에서만 설정 가능.컨스트레인트 무시 ..
[새싹X스나이퍼팩토리] 기업연계 실무특화 UX/UI 디자인 마스터 과정 8일차 "컬러와 레이아웃” 오늘은 이론 수업 때, 컬러와 레이아웃그리고 팀 프로젝트 시에 SWOT 분석과 설문조사를 작성해보았습니다.  컬러 디지털 프로덕트의 컬러 색을 이용해서 사용자의 시선을 유도한다.좁은 공간 안에서 어떻게 사용자의 시선을 사로 잡을지 고민한다. 색 재현율: 화면의 색역을 얼마나 표현 할 수 있는지 색 재현율이라 한다.HSB: Hue(색상), Saturation(채도), Brightness(명도) 색의 3속성에 의한 좌표 시멘틱 컬러UI 요소들의 기능 또는 정보 유형에 따라 의미를 강조하여 전달하는 등의 목적으로 보조적으로 사용하는 컬러 Blue - 정보 Red - 위험, 오류, 실행 불가 Orange - 경고, 조심, 주의 Green - 성공, 실행됨, 가능, 확인 컬러 비율색 구성 비율의 균형을 조화롭게 ..
[새싹X스나이퍼팩토리] 기업연계 실무특화 UX/UI 디자인 마스터 과정 7일차 "Clone Design” 오늘은 제네시스 홈페이지를 클론해보는 실습을 진행했습니다.  클론 디자인 클론디자인 구축 완료된 서비스 중인 웹사이트와 앱을 따라 만드는 과정을 말한다. - 목적: 디자이너의 업무 흐름을 빠르게 익히는 것. 실질적인 실무의 모든 과정, UI 툴 활용 스킬과 프로토타이핑, Hand-off 중심으로 공부한다. OS 환경의 가이드와 규칙을 충실하게 반영하여 UI를 만드는 방법을 익힌다.- 배울점: 디자인 컨셉 표현, 타이포그래피 위계, 그리드 시스템, 레이아웃, 컬러 “좋은 디자인을 빠르게 습득하는 가장 좋은 지름길이다!” 그리고 참고는이미지 크기는 2배로 만들어서 코딩할 때 사이즈를 줄인다. → 고해상도의 모니터를 위해서   제네시스 홈페이지 https://www.genesis.com/kr/ko/main.h..
[새싹X스나이퍼팩토리] 기업연계 실무특화 UX/UI 디자인 마스터 과정 6일차 "타이포그래피” 안녕하세요. 6일차에는타이포 그래피에 대해 알아보았습니다. 타이포 그래피란?‘활자’를 의미하는 Type과 ‘기술’을 의미하는 Graphy의 합성어. 활자의 서체나 글자 배치 따위를 구성하고 표현하는 것.  Type: 글자 하나하나의 모양(세리프, 산세리프 등) Font: 완성된 한 벌의 글자  타이포그래피 용어 Baseline: 수평 기준선 Leading: 문자 행의 수직 간격 Serif: 돌기(삐침) Width: 넓이 Weight: 두께 자간: 글자 중심 축 간의 간격(글자의 모양과 상관없이 일관적으로 조정하는 값) 커닝: 속 공간을 사이 간격 (글자 모양에 맞게 글자 간 간격을 조정하는 값)  * 한글은 주로 자간을, 알파벳에서는 커닝을 많이 사용!  폰트 포맷 True Type Font: 가장 오래..
[새싹X스나이퍼팩토리] 기업연계 실무특화 UX/UI 디자인 마스터 과정 5일차 "아이콘 그리기” 안녕하세요. 오늘은 벌써 2주차의 마지막 날입니다.팀 프로젝트 웹/앱을 정하고 구체화하는 단계를 가졌습니다. 오늘 배운 내용 시작합니다!   아이콘 제작 전 준비사항  탭에 들어가는 아이콘의 크기가 모두 같아야 함. 아이콘을 감싸는 24x24 크기로 모든 아이콘의 크기를 동일하게 만든다. Figma → View → Pixel grid, Snap to pixel grid 체크하고 만드세요. 모바일에서는 터치 영역이 중요하다. 사용자의 손가락 크기를 고려해서 아이콘을 만든다. 사이즈 예시: 20x20, 24x24, 40x40, 48x48 주로 하단 탭에 있는 아이콘의 경우 24 사이즈,홈화면에 있다면 조금 큰 32 사이즈 정도라고 말씀해주셨습니다.  아이콘 내보내기 주의사항 아이콘은 SVG 형식으로 내보내기..
[새싹X스나이퍼팩토리] 기업연계 실무특화 UX/UI 디자인 마스터 과정 4일차 "UX 알아보기” 4일차 수업에 들어섰습니다.이번 수업에서는 UX에 대해 더 자세히 알아보았습니다!   사용자란사용자란 서비스를 사용하는 사람이다. 사용자들은 다른 경험을 지니고 있다. 비슷한 유형을 페르소나라고 한다. 우리 서비스의 사용자신규로 유입한 사용자 - 사용해보지 않아서 전혀 모른다.경험해 본 사용자 - 사용은 해 봤지만 계속 사용할지 모르는 사용자충성 고객 - 많이 사용하고 있고 이탈하지 않도록 해야한다.이탈한 사용자 - 불편해서 떠나간 사용자   사용자 경험 사용자 경험이란 특정 서비스 또는 제품을 이용하는 사람들의 경험 특정 서비스를 사용하면서 사용자가 느끼는 감정, 생각, 행동.사용자 경험은 연령, 성별, 시간, 장소, 맥락에 따라 다양하다. 사용자 경험 - 쇼핑A - 로켓프레시에서 장 본다.B - 하루..
[새싹X스나이퍼팩토리] 기업연계 실무특화 UX/UI 디자인 마스터 과정 3일차 "피그마 툴 익히기” 안녕하세요. 3일차 수업 정리 시작해보겠습니다!   UX 방법론 먼저 UX 방법론이란?사용자가 서비스를 쉽게 접근하고 명확하게 인식하도록 한다. 서비스를 이용하면서 맥락에 맞는 흐름이나 예외를 설계하고 배치한다. 사용자가 원하는 정보를 능숙하게 사용할 수 있게 한다.   1. 워터폴 1970년대부터 사용한 방법으로 폭포수가 떨어지는 것처럼 기획 → 디자인 → 개발 등 프로세스가 순차적으로 진행 단계별로 팀으로 인식하고 다음 단계로 넘어가려면 최종 승인 과정을 거쳐야 한다. 체계적이고 엄격한 일처리 방식으로 각 단계별 문서 작업이 필수 시간이 많이 걸리고 유연한 대처가 어려움  2. 더블 다이아몬드 2004년 영국의 디자인 카운슬에서 개발. 확장과 수렴의 사고를 두번 반복하는 형태로 다이아몬드 모양이라고 ..
청년취업사관학교 새싹 은평1기 기업 연계 실무 특화 UX/UI 디자인 마스터 과정 합격 후기 (자소서-레벨테스트-면접까지) 안녕하세요! UX/UI 마스터입니다.저는 기존 직무에서 UX/UI 디자이너로 직무전환을 하고 싶던 중에 좋은 과정을 발견했어요.​​청년취업사관학교새싹(SeSAC, Seoul Software Academy) https://sesac.seoul.kr/common/greeting.do #청년취업사관학교 #서울시경제진흥원 #서울시 #새싹학교 #새싹 #UXUI디자이너 #UXUI디자인​청년취업사관학교이자 새싹으로도 불리는 해당 과정은서울시 경제 진흥원에서 지원하는 과정이예요.​현재 AI, 머신러닝 등에 발맞춰디지털 미래 인재 양성을 위해만든 교육 프로그램입니다!​​​이렇게개발직군과 비개발직군으로 과정이 나뉘어져있고,정말 다양하게 구성되어있어서 좋더라구요.​직무전환이나 직무를 좀 더 깊게 배워보고 싶으신 분들!마치 ..