UXUI design (34) 썸네일형 리스트형 [TIL] 0618 학습일지 📌컨스트레인트Child Container와 Parent Container 컨테이너 사이에있 파란색점선이 Child Container가 Parent Container에 가지고 있는 제한, 즉 컨스트레인트이다.정확히 말하면, 자식 컨테이너가 부모 컨테이너에 고정되어 움직이는 '핀의 위치'를 컨스트레인트라고 한다. 위 이미지로 보았을 때, 자식 컨테이너는 부모 컨테이너의 사이즈가 변할 때, 부모 컨테이너의 위쪽과 왼쪽을 기준으로 고정되어 움직인다는 뜻이다.컨스트레인트는 댜른 말로 하면, '앵커'라고 한다. 📌프레임 리사이징프레임을 오토레이아웃으로 감싸는 순간, Fixed외의 다른 사이즈값이 생긴다. 이를 피그마에서는 리사이징이라 부른다. 종류Fixed 고정값 Hug 자식 컨테이너의 크기에 맞춰 .. [TIL] 0617 학습일지 📌 오토레이아웃 오토레이아웃(auto-layout)은 프레임을 배치하고 정렬하여 레이어를 코드 블록처럼 쌓는 핵심 레이아웃 기능이다. 말그대로, 레이아웃을 자동으로 조정할 수 있는 기능이다. 오토레이아웃은 개체를 내부 여백(배딩)으로 감싸 컨테이너로 만든다.간격에 맞게 컨테이너를 쌓을 수 있게 해준다. 실습을 통해 알게된 점① 프레임이 아닌 개체에 오토레이아웃을 적용하면 기본 패딩값을 가진 오토레이아웃 컨테이너가 생성된다. ② 이미 만들어진 프레임에 오토레이아웃을 적용하면 프레임 자체가 오토레이아웃으로 변경된다.③ 특이점 - 정렬방향 변경 시 원근 레이어 패널에서 위에있으면 더 앞에있는것이 일반적이나,오토레이아웃(컨테이너2) 안에서는 밑에 있으면 더 앞에 있다.아래 이미지에서 확인 가능하다. .. [WIL] 0614 주간회고 FACTS(사실, 객관) : - ① 디자인씽킹 프로세스(5단계)를 활용해 음식 배달/외식 시장에 필요한 아이디어를 도출하고, ② 디자인 원칙을 활용한 레퍼런스 분석을 진행했다. 이때 음식 배달/외식 서비스에 경험이 있는 사람의 도움이 필요할 것 같아서 주1~2회 배달 음식을 시켜먹는 지인을 만나 직접 인터뷰를 진행했다. FEELINGS(느낌, 주관) :- 인터뷰를 진행하면서, 혼자서 생각하지 못한 다양한 관점의 이야기를 들을 수 있어서 인터뷰 진행해보길 잘했다는 생각이 들었다. 한명을 인터뷰 해도 이렇게 색다른데, 5명 정도 제대로 인터뷰 해보면 정말 좋은 자료들이 되겠다 싶었다. - 위 과제를 처음 받았을 때는 머릿속에 ???가 가득했는데, 이해될 때까지 읽고 또 읽고 정보 모아보고 마침내 이해되는 과.. [TIL] 프로덕트 아이덴티티: 디자인 컨셉 구축법 프로덕트 아이덴티티 컨셉 구축법 1단계. 브랜드 보이스 설정하기 브랜드 보이스란,브랜드가 소비자에게 전달하고자 하는 '일관된 메세지와 톤'을 의미한다. 제품의 브랜드 보이스 키워드 고려사항 - 타겟 사용자에게 적합한가? (예: 2-30대 사용자가 주된 사용자라면 이들에게 적합한가)- 시장 경쟁력이 있는 보이스는 무엇인가? (예: 저가 커피 브랜드 color : 노란색 -> 메가커피, 빽다방, 컴포즈) - 시장 변화와 타겟 사용자의 니즈에 적용할 수 있는가? (시장은 되게 빠르게 변한다. 한철 유행만을 따라가는 것은 🙅♀️) 2단계. 톤앤매너 무드보드 만들기 무드보드를 만드는 이유는, 시각적으로 구체화 하기 위한 아이디어 구상 단계 프로세스이다. 제작 시 중요한 것!- 최대한 다양한 각도에.. [KPT] 필수 과제①,② - 회고. 지난 일주일 간 UXUI 디자인 입문강의를 듣고,이번 월요일부터 3일 간 주어진 필수 과제 ①,②를 통해디자인씽킹 사이클에 대해 이해하고, 문제를 정의하고, 아이디어를 도출하면서문제정의의 한 싸이클을 완성해보았다. 처음에는 무엇을 해야하는건지 감이 잘 안잡혀서 노션에 흩어져있는 정보를 한 데 모아 정리하고 계속 읽어봤다. 과제의 의도를 파악하고, 하나씩 방향을 찾아가는 과정에서 되게 오랜 시간이 걸렸는데 한 싸이클을 완성하니까 이제야 조금 윤곽이 잡히는 듯 하다. 아직 미완성의 부분이 분명히 있을테니, 얼른 피드백을 받아보고 싶은 마음이다. 더보기KPT 회고---> KEEP(지속할 것), PROBLEM(문제가 된 것), TRY(다음에 시도할 것)를 생각해 보는 것. KEEP(지속할 것) : 문.. [필수과제2] 디자인 원칙을 활용한 레퍼런스 분석 필수과제 ②디자인 원칙을 활용한 레퍼런스 분석 - 음식 배달/외식 관련 레퍼런스를 찾고 디자인 원칙에 근거하여 좋은 사례와 나쁜 사례를 정리하기 음식 배달/외식 레퍼런스 예시배달: 배달의민족, 쿠팡이츠, 요기요 등외식: 캐치테이블, 테이블링, 네이버예약 등좋은 사례사용자의 문제를 어떤 방법으로 해결하고 있나요?사용자에게 어떤 방식으로 도움을 주고 있나요?나쁜 사례어떠한 요소가 사용자에게 부정적인 영향을 끼치나요? 나쁜사례②에 첨부한 영상 확인하기 ⬇️테이블링 - 내주변찾기 0618. 피드백과제 2에서 좋은 사례들을 잘 찾아내셨고 근거도 명확히 제시하셨어요. 나쁜 사례의 경우, 바로 원칙을 적용해서 설명하기 전에 왜 이렇게 디자인되었을까에 대해서도 한번 고민해보면 좋을 것 같아요. [필수과제1] 디자인씽킹에 기반한 아이디어 도출 과제디자인씽킹 프로세스를 활용해 음식 배달/외식 시장에 필요한 아이디어를 도출해라 ! 목표1. 디자인씽킹 5단계 이해하고 적용. 공감하기 → 문제 정의하기 → 아이디어 발산하기 /→ 프로토타입 만들기 → 테스트하기2. 다양한 디자인 원칙을 근거로 탄탄한 솔루션 설계 2024.06.10 - [UXUI design/record] - [study] 디자인씽킹에 기반한 아이디어 도출 1. 공감하기음식 배달/외식 서비스에 경험이 있는 사람을 만나 직접 인터뷰하거나 자료 조사를 통해 AEIOU의 분류 체계로 사용자의 정보를 수집해보기 인터뷰 Q1. 당신은 어떤 사람인가? (음식 배달/외식 시장의 주요 사용자는 어떤 사람인가?) A1. 청년, 자취 경험 수 년 간 있음, 현재 가족과 함께 거주, 여행.. [TIL] 필수과제① FACTS(사실, 객관) : 디자인씽킹 프로세스를 활용해 음식 배달/외식 시장에 필요한 아이디어를 도출했다. (진행 중) FEELINGS(느낌, 주관) : 디자인씽킹 5단계 중 1단계 '공감하기' 단계에서 - 음식 배달/외식 서비스에 경험이 있는 사람을 직접 인터뷰 하였는데, 가상의 인물을 설정한 후 질문과 답을 스스로 채워가는 것 보다 훨씬 풍부한 아이디어를 얻을 수 있었다. 실제 사용자다운 가감없는 답변이어서 도움이 많이 됐다. 2단계 '문제 정의하기' 단계에서 앞서 수집한 정보를 친화도 분석법으로 분류해야 했는데, 이 과정이 조금 어려웠다. 분석법은 그저 분석을 돕기위한 수단일 뿐이니, 힘을 빼고, 활용했던 것 같다. FINDINGS(배운 것) : 이론으로 배운 디자인원칙과 디자인씽킹을 어떻게 .. 이전 1 2 3 4 5 다음
