[Adobe Xd 디자인 프로젝트] News stand 디자인 노트

“News stand” 프로젝트는 뉴스 구독자들의 선호에 맞는 뉴스 기사를 자동추천해주기 위한 서비스를 Adobe Xd로 프로토타입 디자인을 하기 위한 프로젝트입니다. 

프로젝트 소개

“News stand” 프로젝트는 뉴스 구독자들의 선호에 맞는 뉴스 기사를 자동추천해주기 위한 서비스를 Adobe Xd로 프로토타입 디자인을 하기 위한 프로젝트입니다. 

프로젝트 특징

본 프로젝트 진행에 가장 주안점을 둔 부분은 모바일 기기에 최적화된 디자인 표준화입니다. 기존에 워낙 많은 뉴스 소비 서비스들이 각 언론사마다 개발되어왔고, 개발된 애플리케이션들이 실제로 모바일에 최적화되어 있기 보다는 기존의 PC웹 환경에 특화되어 있는 부분들이 많았습니다. 

본 프로젝트에서는 이런 부분들을 최대한 구글의 디자인 레퍼런스를 벤치마킹하여 서비스를 디자인하고 구성해볼 예정입니다. 구성이 완료된 디자인 요소는 자유롭게 사용할 수 있도록 공개할 예정입니다. 아무쪼록 유사한 서비스를 개발하는데, 참고가 될만한 디자인이 될 수 있었으면 합니다.

디자인이력

2020.10.01 (v.0.0.1)

-메인 화면 디자인 및 기본 레이아웃 구성 테스트

2020.10.05 (v.0.0.2)

-추가 화면 구성 및 프로토타입 동작 테스트

2020.10.12 (v.0.0.3)

-메인 화면 디자인 및 기본 레이아웃 구성 변경
-프로토타입 추출 및 공유 설정

2020.11.29 (v.0.0.4)

-메인 화면 및 주요 화면 벤치마킹 분석
-메인 화면 및 주요 화면 재설계
-메인 화면, 상세 화면, 메뉴 화면 1차 설계 완료
-메인 화면 유형 별 리스트 정리 중 (70%)

main page image
detail page image
menu drawer page image

프로토타입

브라우저로 열기 (프로토타입 재설계로 공유를 잠시 중단합니다.)

* 프로토타입은 모바일 브라우저에 최적화 되어 있으며, PC 브라우저로 확인할 경우 투명도 표시 등이 비정상적으로 출력될 수 있습니다.

댓글

인기 게시글

[오류해결] KMS 인증(Activation) 오류(error) 0xC004F017 문제 원인 및 해결 방법

[오류해결] 카카오톡 PC 버전 접속 오류(일시적인 장애이거나 네트워크 문제일 수 있습니다. 잠시 후 다시 이용해 주세요. 오류코드 70101, 11002, LL)와 다음(daum.net), 티스토리(tistory.com) 접속 오류(오류코드 DNS_PROBE_FINISHED_NXDOMAIN) 문제