본문 바로가기

UXUI33

[240117]개인과제 피드백 후 디벨롭, 특강_디자이너의 소프트 스킬 1/17 *개인과제 디벨롭* - 피드백을 받아 별점 후기 폰트 사이즈를 6px에서 10px로 키웠다.(캡션이라고 해도 6px은 너무 작은 크기!!!) - 스타일 가이드에 텍스트를 적어 구분을 해주었다. - 구매하기->구매수량 선택 모달을 다이얼로그로 제작 - 장바구니에 담는 모달도 오버레이로 다시 재작하였다. *튜터님 특강_디자이너의 소프트 스킬* 문화지체 현상: 문화, 기술이 발달했지만 사람들의 사고방식, 사회가 그에 맞게 따라오지 못하는 사회적 현상 Owner+ship: 디자이너로서의 주인의식, 정체성 -내가 디자인을 대하는 관점 -시장이 디자이너를 대하는 관점 대충 얘기해도 뚝딱 만들어주는 사람 ->기획에 적극적으로 참여하기 디자인을 값싼 노동으로 생각하는 사회 분위기 ->내 디자인을 객관적으로 파.. 2024. 1. 17.
[240116]커머스 UXUI 디자인 디벨롭 1/16 오늘은 개인과제를 디벨롭해보는 시간을 가졌다. - 디벨롭한 사항들 버튼 컴포넌트를 새로 만들었다->pressed 베리언츠도 추가! 구매하기 버튼을 눌렀을 때 갯수를 선택할 수 있는 모달을 추가하였다. 라디오 컴포넌트 32px 사이즈를 추가하였다. 품절 화면에서 재입고 알림 설정 버튼을 버튼 베리언츠로 적용하여 수정하였다. 컨텐츠 간격들도 16에서 20정도로 더 넓게 바꾸었다. 상단 네비게이션 탭도 bg에 흰색 박스를 넣었고 간격을 조정하였다. 비회원으로 구매하기 화면 제작 중....! 2024. 1. 16.
[240115]UXUI 개인과제 디벨롭, 아티클 읽기 1/15 벌써... 1월의 반이 지나갔다. 오늘도 아침 8시 45분에 일어나서 습관처럼 책상에 앉았는데 이렇게 지낸지 벌써 약 한달이 되었다니..! 오늘은 UXUI 디자인 관련 영상 개인 학습을 했다. 1920 1080->1440이 적당? 썸네일 인트로는 강렬하지만 심플하게..! 와이드를 풀로 쓴다면 타이틀이 좌측에 치우칠 필요는 없다. 역피라미드 구성이 좋다. 설명 폰트와 디자인 폰트 강약 조절 계층 구조를 정확히 생각할 것... 다른 사이트 개발자모드로 폰트사이즈나 여백 간격 봐둘 것 2024. 1. 15.
[240112]WIL 1/12 오늘은 금요일이기때문에 마무리 WIL 작성 이번 주는 개인과제하느라 정신이 없었다가 수요일에 과제 제출하고 목요일에 강의 다 듣고 오늘 여유가 좀 있었다... 다음 주에는 개인과제 피드백 받기 전까지 디벨롭을 해봐야겠다..! 디벨롭할 것: 장바구니 추가 모달 오버레이로 넣어보기, 클릭했을 때 버튼 베리언츠 바꿔보기, 갯수선택 오버레이로 바꿔보기 계층 구조도 다시 한 번 바꿔보기!! - 폰트 사이즈, 컨텐츠간에 여백 사이즈 넓혀보기 2024. 1. 12.
[240111]Figma 활용법2_7주차 프로토타입 1/11 *강의에서 얻은 것 프로토타입 미리보기(실시간 반영) 단축키: shift+space bar 트리거(~하면: 조건)->액션(발생한다: 결과) 1000ms=1초 change to -> 베리언츠끼리 상호작용 스마트 애니메이션에서 가장 주의할 점 ->움질일 요소의 이름이 같은지! ->레이어의 구조가 동일한지! 컨텐츠의 길이가 스크롤보다 길어야 한다. -> 스크롤 할 게 있어야 작동하니까! 포지션: scroll, sticky, fixed 앱솔루트는 오토레이아웃 안에 있어야 작동한다. =앱솔루트는 오토레이아웃 안에서 위치 구애받지 않고 자유롭게 이동시킬 수 있 ->와 앱솔루트 기능 완전... 필요했던 기능인데 대박!!! 피그마 오버레이 안에는 라이트박스의 개념이 포함되어 있다. 오버레이->다이얼로그 활용... 2024. 1. 11.
[240111]UXUI디자인 개인과제 1차_가상의 커머스 앱 디자인하기 1/11 어제 개인과제를 제출하고 1차 완성본 기록한다. 게으름을 피웠는지 23시 55분쯤에 제출을 했다. 이렇게 빠듯하게 제출을 하다니... 다음엔 더 여유롭게 제출하도록 나만의 기한을 미리 정해야겠다. https://www.figma.com/proto/vkQh9OOAeFrTyutzh94woz/%5BA13%EC%A1%B0_%EA%B0%9C%EC%9D%B8%EA%B3%BC%EC%A0%9C_%EA%B9%80%EC%9D%80%EC%95%A0%5D?page-id=0%3A1&type=design&node-id=1-4&viewport=50%2C273%2C0.42&t=pKG219GzSKpbs9bI-1&scaling=scale-down&mode=design Figma Created with Figma www.figm.. 2024. 1. 11.
[240110]TIL_개인과제, 특강 1/10 *특강 메모* 피그마 툴도 중요하지만 세상의 인사이트(유의미한 무언가)가 중요하다. 정량 데이터: 이탈율, 재구매율, 전환율, 유저 1인당 획득비용 등 정성 데이터: 사용자 인터뷰, 사용성 테스트, 도그피딩(직접 사용해 보는 것), 고객의 소리(VOC) 등 디자이너 직군의 향후 발전 방향 : 세분화, 탈디자인화, 기술 지식의 저주: 상대방이 나만큼 알고 있다고 생각해서 발생하는 문제 ->설명하지 않아도 이것정도는 알겠지? ->질문할 때도 주의해야한다! 2024. 1. 10.
[240109]개인과제_가상의 커머스 앱 UXUI 디자인하기 1/9 개인과제가 내일까지 제출인데. . . 막막하지만! 그래도 홈화면, 상품 목록 페이지는 어찌저찌 만들었다. 제품 컴포넌트를 만드는데 이미지랑 텍스트 부분을 같이 묶어서 컴포넌트로 만들었어야 하는데 이미지 10개 붙여넣은 거 바꾸기에 시간이 많이 걸릴 것 같아서 따로 만들었는데... 뭔가 찝찝하다ㅠ!!! 과제를 하면서 느낀 점은 디자인이라는 게 정답도 없고 툴 사용에도 제한이 없기 때문에 방법이 진짜 60000개는 되는 것 같다. 이렇게 진행해도 개발할 때 문제가 없는지,,, 가 제일 걱정이 된다. (계획 및 스케치) 패드에 글씨 쓰는 건 진짜 적응이 안된다... 지금까지 진행한 부분은 이렇다. (홈화면) (상품 목록 화면) 디자인 시스템도 2페이지에서 만들어서 쓰고 있는데 정리를 안하고 만들어 쓰는.. 2024. 1. 9.
[240108]Figma 활용2_ 6주차(UI 설계 시 유의할 점, 와이어프레임) 1/8 *TIL_강의에서 가져갈 것* UI 설계할 때 유의할 점: 사용자 환경을 고려해야한다. 모바일 웹, 앱의 UI는 차이가 있다.->사용자 입장에서 왜 차이가 있는지 궁금했는데 이번 기회에 알게 되었다. 페이지 이동, 뒤로가기 등 UI가 달라짐에 따라 UX도 달라진다. ->그러나 요즘은 사용자의 니즈에 따라 웹, 앱 UX/UI가 비슷해지고 있다. OS(운영체제)에 따라 다른 UXUI -앱 심사 기준이 있기 때문에 다를 수 있다. -홈 인디게이터, 뒤로가기 기능 등 각 운영체제의 기능이 존재 그러나! 사용성을 최우선으로 고려해야 한다. 와이어프레임에서 가장 중요한 것은 습관 형성 모델을 잘 설정했는지 검토할 수 있는 것 -> 사용자에게 몰입력 있는 서비스를 만들 수 있는 중요한 과정 ->최대한 단순하게.. 2024. 1. 8.

티스토리툴바