검색 본문
chun0895.tistory.com 찬뭉 [정보처리기사] 06. 화면 설계 제작한다 개발자나 디자니어 등이 레이아웃을 협의하거나 현재 진행 상태 등을 공유하기 위해 사용한다 페이지의 영역 구분, 콘텐츠, 텍스트 배치 등을 화면 단위로 설계한다 와이어프레임 툴 : 손그림, 파워포인트, 키노트, 스케치, 일러스트, 포토샵 등 목업(Mockup) 와이어프레임보다 좀 더 실제 화면과 유사하게... 2024.04.19 블로그 검색 더보기 nueos.tistory.com 뿡빵's Study 화면 설계 용어 와이어프레임 페이지에 대한 개략적인 레이아웃이나 UI요소 등에 대한 뼈대를 설계하는 단계 구조 처리(Structure) 각 페이지의 영역 구분 컨텐츠, 텍스트 배치 등을 화면 단위로 설계 스토리보드 정책, 프로세스, 와이어프레임, 기능 정의, 데이터베이스 연동 등 서비스 구축을 위한 모든 정보가 담겨있는 문서 디자이너/개발자가 참고하는 최종적인 문서 상단이나 우측에는 제목, 작성자 등을 입력하고, 좌측에는 UI 화면, 우측에는 디스크립션을 기입 디스크립션은 화면에 대한 설명, 전반적인 로직, 분기처리, 예외처리 등을 작성하는 부분으로, 명확하고 세부적으로 작성 목업 실물과 흡사한 정적인 형태의 모형 시각적 개체 처리(Visual) 와이어프레임에 시각적 표현을 채운다고 생각 프로토타입 와이어프레임이나 스토리보드 등에 인터랙션을 적용함으로써 실제 구현된 것처럼 테스트가 가능한 동적인 형태의 모형 사용성 처리(Usability) 사용자 경험에 대한 테스트 진행 가능 설계 단계의 리스크 사전 예방 가능 💡 Figma로 프로토타입 설계하는방법 https://www.youtube.com/watch?v=CLKPtyjceFY&t=257s [출처] UI, UX디자인,와이어프레임,프로토타입의 차이? 때로는 전문 용어가 약간 헷갈릴 수 있습니다. 하지만 걱정하지 마세요! 와이어프레임 무엇이고 얼마나 유용한지 알고 싶다면, 우리가 4 페이지에 대한 개략적인 레이아웃이나 UI요소 등에 대한 뼈대를 설계하는 단계 구조 처리(Structure) 각 페이지의 영역 구분 컨텐츠, 텍스트 배치 등을 화면 단위로 설계 2024.03.31 blog-of-gon.tistory.com G91개발일지 [정보처리기사][화면 설계] 사용자 인터페이스 (UI : User Interface) 작성 시스템 구조 작성 사이트 맵 작성 프로세스 정의서 작성 화면 설계 2.UI 흐름 설계 업무의 진행 과정이나 수행 절차에 따른 흐름을 파악하여 화면과 폼을 설계하는 단계 순서 기능 작성 입력 요소 확인 유스케이스 설계 기능 및 양식 확인 3.UI 상세 설계 실제 설계 구현을 위해 모든 화면에 대해 자세하게 설계를... 2024.04.24 wishket.tistory.com 위시켓 | 국내 1위 IT 아웃소싱 플랫폼 앱제작을 위한 스토리보드, 화면 설계, 와이어프레임 도구 총정리 3 어떤 도구들로 머릿속 아이디어를 표현할 수 있는지 알아두는 것만으로 어느 정도 마음에 안식을 찾을 수 있는데요. 딱 그런 도구들이 바로 스토리보드와 화면 설계, 와이어프레임 제작을 돕는 도구들입니다. 아래 대표적인 도구들을 하나씩 간단히 소개해 드릴게요. ✍️ 이 글의 순서 스토리보드 사이트 4선 화면 설계... 앱제작 앱제작도구 앱제작툴 앱스토리보드 어플스토리보드 2024.04.12 nayooningg.tistory.com 해보자 개발 log (정처기 필기) 1과목 - 화면설계 일관성(comsistent) - 이해성(understandable) - 가독성(Readable) - 추적 용이성(Traceable) - 수정 용이성(Modifiable) 스토리보드(storyboard) UI화면 설계를 위해서 정책이나 프로세스 및 콘텐츠의 구성, 와이어프레임(UI,UX), 기능정의, 데이터베이스 연동 등 구축 서비스를 위한 정보가 수록된 문서이다 UI화면... 2024.02.26 nagul2.tistory.com 개발공부기록 2장 - 화면설계 핵심 요약 발생 해결 : 요류가 발생하면 사용자가 쉽게 인지할 수 있도록 설계해야 함 7. 사용자 인터페이스 개발 시스템의 기능 사용자의 입력을 검증할 수 있어야 함...Mockup) 디자인, 사용방법 설명, 평가 등을 위해 와이어 프레임보다 좀 더 실제 화면과 유사하게 만든 정적인 형태의 모형 시각적으로만 구성 요소를 배치하는... 2장 - 화면설계 핵심 요약 2024.04.16 2장 - 화면설계 | 섹션11. 사용자 인터페이스, 섹션12. UI 설계 도구 2장 - 화면설계 | 섹션14. UI 상세 설계, 섹션15. HCI / UX / 감성공학 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 두블링 한윤석 커리어 분야 크리에이터 웹 화면 레이아웃 설계 10 하다가 서비스 화면의 메인 콘텐츠, 서브 콘텐츠에 대한 내용을 글로 정리하면 좋을 것 같아 오랜만에 글을 올립니다~! 서비스 화면 구조 설계 웹/앱 화면에서 콘텐츠를 어떻게 설계해야할까? 기본적인 서비스 구조 현재 웹을 기반으로 하는 웹/앱 반응형 서비스에서는 통상적인 구조로 좌측:네비, 우측: 콘첸츠 영역을... UI디자이너 UX디자인 디자인 2024.02.03 브런치스토리 검색 더보기 story.kakao.com 이소연 이소연 - 카카오스토리 [9/16토] 7기 튼튼한 기획을 위한 화면설계 심화 트레이닝 (5주X5시간) : FIGMA PPT - 강남/대면 모임에 참여신청 하였습니다. https://onoffmix.com/event/283030 2023.08.28 카카오스토리 검색 더보기 커리어 크리에이터 보기
포플 popl.kr 신청자 작성 웹기획,앱기획,플랫폼기획,기획 플랫폼. 서울. 기획,웹기획,앱기획,서비스기획,플랫폼,PO,PM,화면설계,요구사항,기획자,쇼핑몰,웹3,web3,ai,wbs,프로젝트,정보구조,와이어프레임,화면기획. 기획자 첼라 brunch.co.kr/@applehong 브런치스토리 시니어 웹기획자입니다. Figma 를 이용하여 화면 설계, 디자인, 프로젝트 관리까지 실무에서 경험한... 라이프센서 www.lifesensor.co.kr 신청자 작성 라이프센서앱은 핸드폰의 사용 유무를 통해 대상자의 안부를 확인하는 앱입니다. 라이프센서앱은 일정시간 이상 휴대폰의 화면이 켜지지 않는다면 혹시 무슨일이 있는 것은 아닌지 확인하실 수 있도록 설계되었습니다. 사이트 더보기
서비스 안내 Kakao가 운영하는 책 서비스 입니다. 다른 사이트 더보기 Do it! 웹 사이트 기획 입문 저자 이정원 출간 2024.1.25. 도서 22,500원 e북 15,750원 사용자를 사로잡는 UX/UI 실전 가이드 저자 김성연(우디) 출간 2021.12.15. 도서 19,800원 e북 13,860원 (주)카카오는 상품판매의 당사자가 아닙니다.법적고지 안내 (주)카카오는 통신판매중개자로서 통신판매의 당사자가 아니며 상품의 주문 배송 및 환불 등과 관련한 의무와 책임은 각 판매자에게 있습니다.