티스토리

hohyeon99 님의 블로그

검색하기

블로그 홈

hohyeon99 님의 블로그

hohyeon99.tistory.com/m

어서오세요

구독자: 0

방명록 방문하기

주요 글 목록

[TIL 8주차 수요일] 개인과제 2일차 오늘은 사용자 테스트 시나리오를 작성했다 오늘 하루를 테스트 목적에 대해 정의하느라 하루를 다써버렸다다른 수강생분의 사용자 테스트를 받으면서 어떻게 테스트를 진행해야 하는지 파악하게 되었다.내일 테스트를 잘 진행해보록 하자! 공감수 0 댓글수 0 2025. 3. 12.
[TIL 8주차 화요일] 개인과제 1일차 그리고 팀원 오늘은 UX심화과정 개인과제 발주 1일차 이다. 이번 과제는 스파르타코딩클럽 내일배움캠프 UX/UI 디자인 부트캠프 랜딩 페이지 개선을 위한 사용성 테스트를 진행해보고, 도출한 인사이트를 기반으로 디자인을 개선해보는 과제 이다 나는우선 뭔저 문제 도출을 거치기 위에 데스크 리서치를 진행 했지만 생각보다 방향성을 잡기 어려웠으며 어떻게 해야 할지 고민해봐야 하는 고민을 게속 이어나간것 같다.과제가 가면 갈수록 어려움이 높아지고 있다 하지만 넘어야 하는 관문이기 다음을 위해 더 노력해봐야겠다 공감수 0 댓글수 0 2025. 3. 11.
[TIL 8주차 월요일] UX 분석 및 리서치 오늘은 UX 분석 및 리서치 강의를 수강하게 되었다.이전에 해본 데스크 리서치를 강의로 통해 다시 공부하면서 UX공부를 다시 할 수 있는계기가 되었다 다음과 같은 과제를 하면서 이전에 부족한 역량을 채울 수 있게 되었다 아직은 부족하지만 좀 더 실력을 쌓을 수 있는 시간이 되었으면 한다. 공감수 0 댓글수 0 2025. 3. 10.
[WIL] 7주차 금요일 FACTS(사실, 객관 ): UI프로젝트를 마무리하여 발표 했다FEELINGS(느낌, 주관) : 개선안 발굴에 문제가 생기고 개인적인 문제로 복잡한 감정에 들었지만 함께 열심히 한 조원들이 너무나 감사하다. FINDINGS(배운 것) : 사용자의 관점을 주의깊게 봐야겠다는 마음가짐을 가지게 되었다. 우리는 몇일을 거친 작업물을 타인에서 10분도 않되는 시간으로 상대방을 설득해야 하기에 우리는 그부분을 주의깊게 생각해봐야 겠다는 것을 알게 되었다.FUTURE(미래) : 이번을 경험으로 앞으로 팀프로젝트를 잘 마무리 해보도록 해보지!! 공감수 0 댓글수 0 2025. 3. 7.
[TIL 7주차 목요일]CH4 팀 프로젝트 마무리 오늘은 UI 개선 팀 프로젝트를 마무리 하는 날이었다. 최종마무리 된 장표를 마무리하고 발표대본을 작성하여 오늘 발표를 하게 되었다 그런데 이게 웬걸 마지막 순서가 되어버렸다. 가장 피하고 싶은 순서가 마지막이었는데...그래도 해야 한다 어쩔 수 없으니 그만큼 준비 할 수 있는 시간이 많다는 것으로 생각하니 맘이 한 껏 편해졌다 다음과 같이 팀 노션의 질문을 받으면서 잘 질문을 받아 응답을 했다. 팀원 마지막 회고를 나누며 서로 고생했다며 격려하게 되었다 비록 한주간의 여정이라 짧았지만 많은 배움과 성장을 거친한주가 되어 너무 뿌듯하다 다들 다른조에서도 잘 하시길!1 공감수 2 댓글수 2 2025. 3. 6.
[TIL 7주차 수요일] 자료 작성 완료 오늘은 드디어 자료제작이 마무리 되었다. 많은 난관이 있었지만 조원들과 힘을 합쳐 자는시간을 줄이면서 결과물을 만들어 냈다. 내일 발표만 마루리 하면 된다 그 발표가 내가 하게 되었는데 잘 마무리 해보면 좋을 것 같다 힘내보자 공감수 0 댓글수 0 2025. 3. 5.
[TIL 7주차 월요일] 팀프로젝트 3, 우여곡절 오늘은 UI 프로젝트 중 우리가 선정한 앱에 문제점을 UI 개선방법을 진행 했다 문제는 개선방안이 UI적이 아닌 UX적으로 접근하여 과제의 방향과 맞지 않았다는 것이다. 튜터님의 피드백을 듣고 급하게 수정을 진행했지만 그 수정본마자 좋은 방안이 되지 못하여 UI 수정을 다시 하게 되었다. 우리 문제점은 다음과 같다.단순히 시각적으로 피피티를 만드면 힘들다연령별 가격이 개선전이 더 좋아보임얼마인줄 알고 들어갔는데 가격이 다를 수 있다는 점UX적으로 좋지 않을 수 있음디자인 개선만으로 는 포폴에서 좋지 않음투어 티켓 페이지를 개선하는게 더 좋아보임 voc가 많았었음검색이나 옵션에 대한 선정을 하나 정해서 진행스와이프가 맞을까? 투어티켓의 핵심 기능을 앞 자료에서 근거를 찾음타겟을 정하고 패턴을 정함voc를.. 공감수 0 댓글수 0 2025. 3. 4.
[WIL] 6주차 회고록 FACTS(사실, 객관 ): 이번주 6주차는 팀 프로젝트를 진행하게 되었다. 이번 팀 프로젝트는 제품 서비스의 사용자 문제를 파악하고, UI 디자인 개선을 통해 해당 문제를 해결하는 과정을 가지게 되었다, 팀 프로젝트 새로운 조가 편성되고 새롭게 편성된 우리조는 여행사 플랫폼인 KLOOK을 선정하여 해당 회사와 타사에 대한 UIUX를 분석했다. 사용자가 어떤 불편함을 겪는지 설문조사와 인터뷰를 진행하였고 그로 통해 KLOOK은 여행상품을 결제하는 과정에서 많은 추가 선택사항과 불확실한 환불정보, 구매후 원할하지 않는 문의 과정이 주 문제인 것을 알게 되었다. FEELINGS(느낌, 주관) : 본격적인 팀활동과 조장을 맡게 되어 많이 긴장되고 떨렸지만 조원들의 적극적인 참여와 튜터님의 조언으로 이번 주의 .. 공감수 1 댓글수 2 2025. 2. 28.
[TIL 6주차 목요일] 팀프로젝트 2일차 오늘은 팀프로젝트 2일차를 맞이하는 날이다. 이번엔 우리가 조사한 여행사 플랫폼 KLOOK 외 타회사의 플랫폼을 조사하게 되었다 정말 조사를 하면서 팀원분의 능력을 볼 수 있었던 하루 였다. 작자 자시자신만의 방벙으로 조사하면서 타 회사의 특성을 파악할 수 있었다.다음은 KLOOK과 타회사의 UI를 살펴보기로 했다. 우리 조는 여행상품을 살펴보면서 구매하는 과정에서 있는 개선사항을 만들어야 하기 때문에 각 플로우를 캠쳐해서 각각의 공통점과 차별점을 분석하게 되었다. 각 화면 마다 비슷한 구석은 있지만 어디를 더 강조하고 어떻게 배치하는지를 모면서 각 회사가 원하는 디자인의 방향성을 알게 되었다 그 중에 인상깊게 본 화면은 와그의 제품 상세 설명 화면이다. 와그의 제품상세 설명 화면을 살펴보면 제품 제목아.. 공감수 2 댓글수 0 2025. 2. 27.
[TIL 6주차 수요일] 디자인씽킹 팀 프로젝트 오늘부턴 팀프로잭트를 하는날이다. 프로잭트는 이전에 했던 디자인씽킹을 팀끼리 같이 진행하는 방식이다.우리 조는 여행 플랫폼인 KLOOK를 선정하여 진행하게 되었다. 더 유명한 여행플랫폼이 많이 존재하지만이미 다른 조에서 선정했을거란 생각에 인기가 상대적으로 작은 플랫폼을 선정하게 되었다. 우선 오늘은 디자인씽킹을 위한 자료조사부터 하게 되었다. 앱이 가지고 있는 성향을 파악해 보고 KLOOK외에도 다른 열행사 플랫폼을 분석해보면서 공통점과 차별점을 찾아보기로 하였다.우리 조원이 집적 분석한 정보와 다른 조원분들과 인터뷰를 진행하면서 느낀 여행사 플랫폼의 특징과 문제점등을 찾아보면서 어떻게 디자인씽킹을 진입해야할지 머리를 맞대어 고민하게 되었다. 인터뷰를 진행하는 것은 낮설었다. 원래 여행사에 대한 사.. 공감수 1 댓글수 0 2025. 2. 26.
[TIL 6주차 화요일] 디자인 클론과 팀 프로잭트를 앞두고 오늘은 디자인클론을 시도해 보았다.배달의 민족의 UI를 살펴보면서 컴포넌트의 구성요소를 파악해보고 각각의 규칙을 알아내어 어떻게 만들어 졌는지 알아보는 시간을 가졌다. 부트캠프가 날로 갈수록 배우는분야가 점점 넓어지고 있다 조금씩 성장한다는 기분은 들지만 조금식 더디는게 느껴져 아직 많이 부족한 느낌이 들었다. 이번조의 마지막날을 맡이하여 서로 앞으로 조 구성이 어떻게 될지 걱정을 가지고 있었다.그러나 지금 조원들의 각자의 장점이 있기에 서로 잘되길 응원하면서 이번 하루를 마무리 하게 되었다. 공감수 1 댓글수 0 2025. 2. 25.
[디자인카타 6주차 화요일] 한국어 사용자를 고려한 UX writing 무엇이 한국어 사용자들을 고려한 UX writing 이라고 생각하시나요? | 디자이너스 무엇이 한국어 사용자들을 고려한 UX writing 이라고 생각하시나요? | 디자이너스무엇이 한국어 사용자들을 고려한 UX writing 이라고 생각하시나요?designus.io 오늘의 디자인 카타는 두 지자인 중 한국어 사용자들을 고려한 ux writing 인지 토론해 보는 시간이다.a는 친구추가라는 단어를 사용하고 b는 팔로우 라는 워딩을 사용했다.한국어라는 언어를 중점을 보았을 땐 a가 좋은 디자인이라고 생각한다. 팔로우는 sns를 몇번 해본 사람들에게 익숙한 단어이지만 처음 접하는 사용자일 경우 낮설게 느껴질거라고 생각한다.하지만 개인적인 의견으로 해당 버튼의 기능이 어떠냐에 따라 달라질 것 같다. 페이스북 같.. 공감수 0 댓글수 0 2025. 2. 25.
[디자인카타 6주차 월요일] 은행 어플 계좌 목록 은행 어플 계좌 목록, A와 B는 각각 어떤 의도를 가지고 설계되었을까요? | 디자이너스 은행 어플 계좌 목록, A와 B는 각각 어떤 의도를 가지고 설계되었을까요? | 디자이너스은행 어플 계좌 목록, A와 B는 각각 어떤 의도를 가지고 설계되었을까요?designus.io 오늘은...이 아니지만 어제 진행한 디자인 카타이다.은행 어플 계좌 목록중 대표 계좌만 노출하는 디자인과 모든 계좌 노출 디자인는 각각 어떤 의도를 가지고 설계되었는지 대표계좌만 노출하는 A 경우 남은 화면을 사용자가 인터넷 뱅킹에서 해야 하는 업무를 쉽게 들어갈 수 있게 카테고리를 설정할 수 있으며은행에서 진행중인 상품 (적금, 예금, 대출, 신용카드)홍보할 수 있는 영역을 넓게 잡을 수 있다.사용자의 모든 계좌 노출같은 경우 사용 .. 공감수 0 댓글수 0 2025. 2. 25.
[TIL 6주차 월요일] 컴포넌트 카피하기 오늘은 넷플릭스의 컴포넌트 구성을 카피 해보는 시간을 가지게 되었다. 패딩값과 폰트값을 유추해보면서 넷플릭스는 컴폰넌트를 어떻게 제작하게 되었는지 알 수 있었다. 피그마 문제로 폰트값이 설정이 되지 않아 제대로 카피할 수 없어 아쉬움이 많이 있었지만 담을 기약하며 더 잘 해 보도록 해야겠다.몸상태가 좋지 않아 집중하지 못한 하루를 보낸게 너무나 아쉬웠다 담에 분발할 수 있도록 해야겠다. 공감수 0 댓글수 0 2025. 2. 24.
[WIL]5주차 회고 FACTS(사실, 객관 ): 이번 5주차는 개인필수 과제 프로토 타입제작을 했으며 피그마 심화과정을 수료하고 ui의 모든 것을 배우게 되었다 피그마 심화과정에선 디자인의 요소보단 프로그렘을 어떻게 운용해야 하는가에 대한 강의 였다면 ui의 모든것의 강의는 디자인 적인 요소를 심층적으로 배울 수 있는 시간이 되었다. 튜터님과 수강생분들과 교류가 많아지고 있다FEELINGS(느낌, 주관) : 심층적으로 공부를 하게 되니 디자인에 대해 광범위하게 생각할 수 있었으며 ui제작에 규격에 대해 공부하게 되었다 그리드라는 개념을 통해 ui요소에 최소한의 기준점이 있어야 여러 기기의 화면에서 규칙적인 디자인을 형성할 수 있으며 그런 일관된 디자인이 사용자의 편의성을 제공해줄 수 있다는 것을 알게 되었다. 과제를 진행하.. 공감수 0 댓글수 0 2025. 2. 21.
[TIL 5주차 금요일] UI 디자인 기본 컬러사람이 어떤 사물이나 물체를 볼 때 가장 먼저 인지하는 요소이자 가장 오래 기억에 남는 요소브랜드 컬러는 사용자에게 브랜드의 이미지를 지속적으로 전달해서 기억하고 인지시킬 수 있는 중요한 역할 컬러의 역할중요한 정보 강조, 사용자의 행동 유도, 상태(State), 브랜드 아이덴티티 UI 컬러 구성Primary color주색이라고도 불려요. UI에서 가장 강조해야 하는 영역, 사용자의 행동을 유도할 때 사용함브랜드를 대표하는 컬러로 브랜드의 인지도를 향상시키고 각인시키는 데 도움을 줌 Secondary color보조색이라고도 불리며 Primary color를 보완해 주면서 조화를 이루는 역할Neutral color중립의 컬러로 UI 디자인에서 지원 역할을 해요. 보통 텍스트와 배경에 사용흰색에서 검은색.. 공감수 3 댓글수 1 2025. 2. 20.
[UI 디자인의 모든 것] 아이콘 그리기 & 다이얼로그 그리기 오늘의 과제는 두개의 과제를 진행해야 한다.첫번째 과제는 Keyline 가이드에 맞춰 24X24프레임에 아이콘을 만드는 것이고두번째 과제는 두 타입의 다이얼로그를 만드는 것이다. 각 타입에 넣어야 할 구성요소는 다음과 같다.A type : 타이틀 1줄, 본문 2줄, 액션 버튼 2개(확인/취소)B type : 타이틀 1줄, 본문 3줄, 아이콘 1개, 액션 버튼 2개인(확인/취소) 처음으로 아이콘을 그려보게 되었다. 선이나 사각형 위주의 아이콘은 만들기 쉬웠으나 곡석이 포함된 아이콘은 꽤나 애먹었다.다음은 내가 만든 다이얼 로그이다.알림받기 설정이란 상황을 가정하고 만들게 되었다. 공감수 0 댓글수 1 2025. 2. 20.
[UI 디자인의 모든 것] UI 디자인 핵심 원리 1-1 이번 과제는 디자인 핵심 원리가 잘 적용된 사례를 찾아보는 것이다찾아야 할 사례는 직관적인 디자인, 일관된 디자인, 기독성을 고려한 디자인 총 3가지 사레를 찾아야 하며 조건은 다음과 같다, 직관적인 디자인아래 요소 중 2가지를 골라 실제 사례 찾기사용자 행동 유도정보를 시각적으로 표현대비 높은 색상 조합간단한 레이아웃일관된 디자인아래 요소 중 2가지를 골라 실제 사례를 찾기다양한 디바이스 간의 일관성쉬운 사용성디자인 시스템가독성을 고려한 디자인 아래 요소 중 2가지를 골라 실제 사례를 찾기여백 활용콘텐츠 그룹화크기와 비율계층 구조우선 직관적인 디자인 사례는 쿠팡의 제품정보 화면이다 해당 화면에선 한달동안 이 제품을 몇명이 샀는지 알려주는 정보를 시각적으로 전달해주며 쿠팡의 WOW멤버쉽을 사용하도록 권장.. 공감수 0 댓글수 0 2025. 2. 20.
[디자인카타 5주차 목요일] 사은품 증정 사은품 증정, 어느 방식이 더 눈에 잘 들어오시나요? 이유는 무엇인가요? | 디자이너스 사은품 증정, 어느 방식이 더 눈에 잘 들어오시나요? 이유는 무엇인가요? | 디자이너스사은품 증정, 어느 방식이 더 눈에 잘 들어오시나요? 이유는 무엇인가요?designus.io 오늘의 디자인카타는 두 사은품 증정 화면 중 어떤 것이 더 눈에 뜨는지 논의 하는 시간이다A는 상품 제목에 사은품 증정인 [1+1 증정] 문구를 추가하였고 B는 사진화면에 증정 사은품과 그에 관련된 아이콘(+와 증정)를 배치하였다. 나는 두 디자인을 보면서 B가 더 눈에 띈다고 생각하는데 이유는 다음과 같다.우선 아이콘이 택스트로 적는것 보다 더 눈에 띈다. A의 경우 색의 대비나 폰트 등 강조하는 요소가 적어 상대적으로 눈에 띄지 않는다 .. 공감수 0 댓글수 0 2025. 2. 20.
[TIL 5주차 수요일] UI 디자인 핵심 원리 사용자 중심 디자인(User-Centered Design, UCD)제품이나 서비스를 설계할 때 사용자를 공감하여 사용자의 문제를 이해하고, 이를 해결하기 위한 개선안을 제공함으로써 사용자에게 만족스러운 경험을 제공하는 접근 방식 직관적인 디자인 사용자의 행동 유도 버튼사용자 행동을 유도할 수 있는 중요한 인터페이스 요소, 배경색 혹은 콘텐츠와 대비되는 컬러를 사용하여 버튼을 강조함흐름에 맞게 필요한 위치에 배치하여 쉽게 사용할 수 있어야 함링크 일반적으로 웹에서는 파란색으로 표현함링크된 텍스트에 밑줄을 넣어 클릭이 가능함을 전달 시각적으로 표현 픽토그렘사용자가 정보를 더 쉽고 빠르게 이해하기 위해 시각적으로 디자인할 수 있음텍스트로 되어있는 정보를 픽토그램이나 아이콘을 활용하여 사용자의 이해를 돕고 .. 공감수 0 댓글수 0 2025. 2. 19.
[피그마 심화과정 챕터 4] 프로토타입 기능 활용 오늘의 과제는 총 3개 이다 과제 1어코디언 제작 과제 2당근 앱 홈 화면에 있는 글쓰기 버튼의 인터랙션을 프로토타입으로 제작 과제 3네이버 지도 앱의 바텀시트 드래그를 프로토타입으로 제작 과제의 핵심은 프로토 타입을 어떻게 설정하는가 이다 나는 각 과제의 프로토 타입 설정을 다음과 같이 했다. 과제 1 아이콘 버튼에 넘어갈 화면에 interaction trigger on click 설정, action navigate to, animation을 smart animation으로 설정 과제 2프로토 타입에서 글쓰기 버튼을 다이얼로그와 연결 후 trigger를 on click, action을 overlay로 설정하고 그overlay를 당근 화면에 설정하고 포지션을 manual로 설정하여 알맞은 위치.. 공감수 0 댓글수 0 2025. 2. 19.
[피그마 심화과정 챕터 3] 네이버 지도 앱 클론 디자인 오늘의 과제는 아래의 네이버 지도 앱을 클론 해 볼 것이다. 전부다 하는 것이 아닌 바텀시트를 카피 해 볼 것이다.홈 화면 기본 1장, 드래그했을 때 올라오는 바텀 시트가 담긴 홈 화면 프레임 1장 등 총 2장의 디자인이 필요하다 아래는 내가 카피한 화면이다.만들게 되면서 아직 부족한 부분을 알 수 있는 시간이었다 공감수 0 댓글수 0 2025. 2. 19.
[디자인카타 5주차 수요일] 온보딩 화면 앱 사용법에 대한 온보딩 화면, 어떤 화면을 더 유심히 보게되나요? | 디자이너스 앱 사용법에 대한 온보딩 화면, 어떤 화면을 더 유심히 보게되나요? | 디자이너스앱 사용법에 대한 온보딩 화면, 어떤 화면을 더 유심히 보게되나요?designus.io오늘의 디자인카타는 앱사용에 대한 온보딩 하면 중, 어떤 화면을 더 유심히 보게 되는지 토론하는 시간이다왼쪽은 일러스트와 텍스트가 함께한 온보딩이며 오른쪽은 앱 ui미리보기와 텍스트가 결합된 요소이다.나는 앱 ui 미리보기 를 고르게 되었다. ui앱을 미리보기함으로서 내가 사용하는 앱의 구성이 어떻게 되는지 유추해볼 수 있기때문이다. 이번 디자이너스 유저반응은 의외로 온보딩 존재의 필요성에 대해 논의하고 있었다 현직에 종사한다는 유저분의 말씀으론 온보딩은 실제.. 공감수 0 댓글수 0 2025. 2. 19.
[TIL 5주차 화요일] 커머스앱 프로토타입 만들기 오늘은 어제 만든 UI킷을 통해 프로토 타입을 제작해 볼 것이다. 프로토타입에 주어진 시나리오에 맞게 제작해야 하여 우선 프로토타입 시나리오 구성을 살펴 보겠다 먼저 홈화면을 시작으로 홈화면안에 있는 유제품 카테고리를 골라 유제품 목록 화면으로 넘어가서 스파르타 우유 상품을 선택하면 해당 제품의 상세설명화면으로 넘어가야 한다 이 때 수량을 2개 고를 수 있도록 설정하고 장바구니에 담아장바구니에 바로가기 다이얼로그가 생성되고 장바구니 바로가기 선택을 하면 종료가 되도록 설정하는 것이다.글로 설명하면 어려워 이렇게 시나리오를 작성하고 프로토타입을 제작해야 제작자가 혼동없이 화면을 제작할 수 있다. 우선 가장 먼저 나오는 홈화면을 만들어 볼 것이다. 내가 만든 홈 화면은 다음과 같다 상단 앱바와 메인 배너 .. 공감수 0 댓글수 0 2025. 2. 18.
[디자인카타 5주차 화요일] 회원가입 생년월일 입력 회원가입 생년월일 입력, 키보드와 피커 중 이탈률이 더 낮은 방식은 무엇일까요? | 디자이너스 회원가입 생년월일 입력, 키보드와 피커 중 이탈률이 더 낮은 방식은 무엇일까요? | 디자이너스회원가입 생년월일 입력, 키보드와 피커 중 이탈률이 더 낮은 방식은 무엇일까요?designus.io 오늘의 디자인 카타는 회원가입 절차의 생년월일입력란 중 키보드와 피커 형식 중에 뭐가 유저 이탈률이 적을지 알아보는 시간이다. 해당 주제에 대한 내의견을 설명하겠다. A가 더 낮다고 생각한다. B의 경우 나이대가 있는 유저의 경우 피켜입력에 불편함을 겪을 수 있기 때문에 A가 더 낮다고 생각한다.A같은 경우 앱마다 생년월일을 적는 방식이 달라 예시를 알려주는 가이드 텍스트를 넣어 사용자가 확실하게 기입할 수 있도록 하면 .. 공감수 0 댓글수 0 2025. 2. 18.
[TIL 5주차 월요일] 프로토 타입 제작 오늘은 CH 3 개인과제인 앱 UI 키트 및 프로토타입 제작를 하게 되었다.시나리오에 따른 화면 디자인이 있어야 하고, 각 화면들은 프로토타입으로 연결되어 있어야 하는게 이번 과제의 핵심이다.우선 프로토 타입을 제작하기 전 ui키트를 먼저 제작하게 되었다. 개별적인 ui를 만들고 나서 화면을 만드는 것이 편하기 때문이다. 아래는 내가 만든 화면들이다.이전에 배운 강의내용을 통해 ui kit를 제작해 봤다. 화면을 생성하면서 더 제작해야 할 부분들이 존제하지만 일단 만들 수 있는 부분 부터 만들고 더 필요한 컴포넌트는 추가로 제작하기로 했다.다음은 이 ui들을 가지고 앱화면을 만들어 보겠다. 공감수 0 댓글수 0 2025. 2. 17.
[디자인카타 5주차 월요일] 회원가입 완료 화면 형태 회원가입 완료 화면 형태 A와 B는 각각 어떤 의도가 있을까요? | 디자이너스 회원가입 완료 화면 형태 A와 B는 각각 어떤 의도가 있을까요? | 디자이너스회원가입 완료 화면 형태 A와 B는 각각 어떤 의도가 있을까요?designus.io 오늘의 디자인 카타는 각 회원가입 완료 화면 형태의 의도를 파악해 보는 것이다. 각 디자인에 대한 내 견해는 아래와 같다. A 다이얼로그다이얼로그같은 경우 회원가입 완료라는 안내를 강조하기 위한 디자인으로 보이며 다이얼로그를 닫음으로써 자유롭게 앱을 사용할 수 있다는 암시를 해주고 있다.아이콘을 통해 해당 과정이 정상적으로 끝났다는 것을 알 수 있게 하며 텍스트의 사이즈를 달리하여 시각적 위계를 활용하여 디자인 원리를 여러가지로 적용한 사례 같다.하나의 절차가 끝날 때.. 공감수 0 댓글수 0 2025. 2. 17.
[디자인카타 4주차 목요일] 컴포넌트 인터랙션 컴포넌트 인터랙션 버튼 컴포넌트에 인터랙션 적용하기 버튼 컴포넌트를 선택 Large, Primary, Default 인스턴스를 선택 프로토타입 패널로 변경선택한 버튼에서 프로토타입 핸들을 드래그해 Large, Primary, Pressed 인스턴스에 연결 트리거를 While Pressing으로 변경 공감수 0 댓글수 0 2025. 2. 13.
[디자인카타 4주차 목요일] 공유 버튼 위치 https://designus.io/topic/88 공유 버튼 위치 어떤 것을 선택하시겠어요? | 디자이너스공유 버튼 위치 어떤 것을 선택하시겠어요?designus.io 오늘의 디자인카타 주제는위의 디자인 중 어떤 공유버튼 배치 형식을 선택하지 토론하는 것이다A는 공유 아이콘 버튼이 우측 상단에 배치되었고 B디자인은 하단 CTA버튼 우측에 배치하였다각 버튼을 분석해보면 A디자인은 상단의 좌우에 아이콘 아이콘 버튼을 배치하면서 대칭 형태와 CTA 버튼이 중앙배치에 배하여 화면의 균형을 통해 시각적으로 안정감을 준다. 하단에 장바구니 버튼을 강조하기 위해서는 A가 더 낫다고 생각한다 B같은 경우 사용자가 접근하기 까가운 위치에 배치된 점은 좋으나 공유 버튼 아이콘의 색상이 배경화면에 가려져 잘 보이지 않는.. 공감수 0 댓글수 0 2025. 2. 13.
[TIL 4주차 수요일] 오버레이와 모달 스텍 (Stack)버튼을 상하나 좌우로 2개 이상을 같이 사용하는 경우, 팝업 등의 요소에서도 볼 수 있고, 일반적인 화면에서도 버튼을 좌우나 상하로 배치한 경우를 볼 수 있 독(Dock) 하단에 고정된 형태, 버튼 컴포넌트는 단일 요소로 사용하는 경우도 있지만, 대부분의 경우 화면의 하단에 고정된 독(Dock) 형태로 사용 포지션 속성 스태틱(Static)가장 기본값으로, 요소에 아무런 속성값을 주지 않은 그대로의 상태 픽스드(Fixed)화면 전체를 기준으로 요소를 그 위치에 고정 앱솔루트(Absolute) 픽스드와 같지만, 요소가 고정되는 위치는 화면 전체가 아니라 요소를 감싼 상위 컨테이너를 기준으로 하며 상위 컨테이너가 반드시 오토레이아웃이어야 한다. 스티키(Sticky)스티키 포지션은 픽스드와.. 공감수 1 댓글수 0 2025. 2. 12.

문의안내

티스토리
로그인
고객센터

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