본문 바로가기
반응형

UI디자인책2

04. 반응형 웹/앱 UI 디자인 따라하기 반응형 웹이란 데스크탑, 태블릿 PC, 모바일 모두에 최적화된 웹사이트 화면을 구현하는 기법입니다. 이번 예제는 반응형 앱을 다룹니다. 반응형 웹은 언제든지 모형을 변형하고 템플릿을 자유자재로 좌우 양쪽 끝의 최소 크기와 최대 크기를 고려해서 UI를 만들어야 합니다. 반응형 웹은 다음과 같은 장점이 있습니다. 간편한 유지보수: 모바일 버전과 데스크탑 버전의 형태를 함께 고려해서 최적화된 UI를 만들면 HTML/CSS 작업도 수월하고 유지보수를 할 때 하나만 수정하면 자동적으로 모바일, 태블릿, 데스크탑에 맞게 수정됩니다. 모바일 점유율 증가: 사용자가 스마트폰으로 인터넷을 접속할 때 반응형 웹은 기기 종류와 상관 없이 편리한 접근성을 보장합니다. 마케팅 이점: 웹과 앱에서 서비스를 좀 더 원활하게 보여줄.. 2022. 5. 31.
03. SNS 앱 UI 디자인 따라하기 SNS 바이럴 서비스 디자인 UX 분석 실생활에서 많이 쓰이는 SNS(social network service) 앱은 웹상에서 사용자 간 인적 네트워크를 형성할 수 있게 해주는 서비스를 말합니다. SNS는 페이스북, 인스타그램, 트위터, 네이버 블로그처럼 공개형과, 카카오톡, 라인, 텔레그램, 위챗 같은 메신저형으로 구분됩니다. 다수의 참여자가 접속해 사용하는 SNS 앱은 글자의 가독성과 빠른 접근성이 UX 측면에서 가장 중요합니다. 페이스북과 인스타그램은 같은 회사에서 서비스되고 있으며, 필드에 글과 사진을 올려서 사람들과 소통할 수 있습니다. 사용자는 주로 자신의 일상 생활, 취미 등 다양한 콘텐츠를 사람들과 공유하거나 전하고 싶은 메시지를 업로드할 수 있습니다. UI 디자인을 살펴보면 페이스북은 글.. 2022. 5. 30.
반응형