바이두 스크린 브랜드 업그레이드 뒤의 이야기.

바이두망판은 바이두가 제공하는 개인 클라우드 스토리지 서비스입니다. 20 13 온라인 이후 7 억 명의 사용자에게 파일 스토리지, 백업, 공유, * * * 공유 등의 서비스를 제공하여 업계 선두를 달리고 있습니다.

지난 5 년 동안 Dell 은 기본적인 스토리지 요구 사항을 충족하는 도구에서 사용자에게 높은 품질과 정서적 경험의 중요성을 점점 더 인식하고 있습니다.

이에 따라 팀은 이번 브랜드 업그레이드를 통해 시각적 인식, 제품 체험, 온라인 홍보 등 여러 차원에서 브랜드의 핵심 가치를 전달하는 한편, 매우 간소하고 내향적인 바이두' 고급감' 디자인 이념을 따르고자 합니다.

완벽하고 통일된 디자인 언어를 형성하여, 진정으로 전달된 구호를' 아름다움을 영원히 동반하게 하라' 는 구호를 실천한다. (존 F. 케네디, 아름다움명언)

이번 브랜드 업그레이드는 사용자에게 1 이라는 세 가지 핵심 사항을 전달하고자 합니다. 더 많은 온도; 2. 더 편리합니다. 3. 더 젊다.

인터넷 디스크는 잊을 수 없는 여정의 사진, 아기 성장 기록, 가족 재회의 사진, 열정적으로 일할 때의 동행과 같은 아름다운 추억을 저장해 왔다. 그래서, 그것은 단지 차가운 도구가 아니라, 당신을 이해하고, 감정이 있고, 온도가 있는 생활 보조자입니다.

지난 몇 년 동안 온라인 디스크의 브랜드 핵심은' 안전',' 무료',' 큰 공간' 이었다. 물론 이전 브랜드 전달은 성공적이었습니다. 이러한 핵심 포인트를 통해 동종 업계의 사용자 점유율이 80% 이상에 달했기 때문입니다.

하지만 미래에는 가장 기본적인' 안정감' 외에 어떤 감정을 전달해야 할까요? Dell 은 제품 사용 편의성을 높이고, 보관을 용이하게 하고, 찾기 쉽고, 몰입감 있는 브라우징 등 제품 사용 환경을 개선할 수 있는 많은 공간이 있다는 것을 알고 있습니다. 따라서' 편리함' 은 브랜드가 사용자에게 전달해야 하는 핵심 가치입니다.

데이터 분석을 통해 네트워크 디스크의 사용자 대부분이 24 세 정도인 것으로 나타났습니다. 즉, 우리의 주류 집단은 젊은이들입니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 데이터명언) 게다가, 브랜드를 젊게 유지하는 것은 모든 회사가 원하는 것이다.

* * 그래서 이번 브랜드 업그레이드는 시각적, 문안 상호 작용, 운영 방식에서 더욱 젊고 재미있어지기를 바랍니다. * *

브랜드 업그레이드는 슬로건이 아니라 다양한 디자인 접점의 협력을 통해 사용자에게 통합적인 느낌과 경험을 전달해야 합니다. 그래서 우리는: 1 에서 침투했습니다. 브랜드 인지도 2.APP 디자인; 3. 브랜드 확장.

브랜드 식별의 침투에는 디자인을 최적화하기 위한 다음과 같은 측면이 포함됩니다. A. 브랜드 색상 B. 브랜드 식별 C. 브랜드 글꼴.

A. 브랜드 색상

브랜드 색상은 사용자가 브랜드를 인식하는 가장 직관적인 방법입니다. 예를 들어, 그들은 코카콜라를 생각하면 빨강, 시 콜라는 파랑, 영도 콜라는 검은색을 떠올린다. 네, 좋은 브랜드 컬러가 사용자의 마음을 사로잡아 연상을 만들 수 있다는 것이 브랜드 컬러의 중요성이다.

바이두의 그물판은요? 인터넷 디스크 브랜드는 0 에서 1 까지 작고 아름다운 혁신적인 디자인이 아니라 7 억 명의 사용자가 브랜드에 대한 기존 인식을 병행해야 하는 대머리의 도전이다.

따라서 브랜드 색상 선택에서 큰 변화로 인한 사용자 인식 비용의 증가를 감안해 몇 차례의 시도와 토론을 거쳐 사용자가 인정한' 빨강 블루' 배색을 이어가고 이를 바탕으로 새로운 브랜드의 이념에 침투하기로 했다.

동시에 브랜드 컬러에' 젊음' 이라는 브랜드 이념을 전달하고자 합니다. 우리는 많은' 젊은' 장면을 수집하여 여러 차례 토론 선별을 하고, 색조를 추출하고, 감정판과 결합해서, 결국 정련하여 우리의 브랜드 색채를 정의했다.

B. 브랜드 식별

브랜드 로고의 단계에서 많은 아이디어를 전파하고 많은 방안을 시도했다.

다차원 사고와 장단점을 따져보고, 결국 기존 로고의 특색을 이어가고 새로운 브랜드 이념인' 더 온도' 의 느낌을 반영하기로 했다.

그렇다면 실생활에서 어떤 장면이' 온도 있는' 느낌을 줄까요? 우리는 포옹, 사랑, 햇빛, 화염 등을 생각할 것이다. 마지막으로, 우리는' 미소' 가 우리가 전하는 감정에 더 잘 부합할 뿐만 아니라, 원래의 상징적 특징을 더 잘 결합할 수 있다고 생각한다.

다음은 로고의 디자인 아이디어로, 컬러로' 청춘' 을 표현하고 미소로' 온도' 를 구현한다.

로고의 최종 모양입니다.

C. 브랜드 글꼴

로고로 확정되면 그에 맞는 브랜드 문자를 디자인해야 합니다. 이 단계에서 가장 중요한 것은 브랜드 개성과 그래픽 스타일과 일치하는 글꼴 골격을 찾는 것이다. 동시에 원본 글꼴에 대한 인식을 고려하여 이를 바탕으로 미세 조정합니다. 예를 들어, 균일한 서체의 두께와 탈공의 각도는 전체적인 시각을 더욱 조화롭게 만들 수 있다.

로고와 글꼴 조합의 최종 버전.

브랜드 이념을 전달하는 가장 직접적인 방법은 사용자가 사용할 때라는 것은 부인할 수 없다. 그래서 우리는 제품의 NA 측을 전면적으로 업그레이드했습니다 (온라인 이후 처음으로 대대적인 개편).

인터넷 제품의 동질화가 갈수록 심각해지는 오늘날, 어떻게 차별화되고 브랜드 조율에 맞는 디자인을 할 수 있을지는 우리에게 도전이다. 그래서 브랜드 유전자에 대해 많은 시도를 했습니다.

몇 차례의 토론 끝에 우리는' 블록' 을 그물판의 브랜드 유전자로 선택했다. 왜냐하면' 빌딩 블록' 은 우리의 성장과 함께 우리의 어린 시절을 대표하며 따뜻한 느낌을 주기 때문이다. 동시에, 기하학이 다른 블록은 단일해 보이며, 조합하면 여러 가지 가능성이 있어 젊음과 재미를 드러낸다.

그래픽 디자인 (아이콘) 에서' 빌딩 블록' 의 기하학적 요소를 겹쳐서 색을 더욱 밝고 젊게 하여 그물망 자체의 그래픽 체계를 형성한다.

둥근 모서리는 "뾰족한" 직각보다 시각적인 느낌을 준다. 동시에 다중 라운드 시도를 통해 모깎기 크기가 8px 로 최종 결정됩니다.

동시에 빈 페이지에 있는 그래픽 스타일을 계속하면 시각적 언어를 더 잘 통일하고 보다 일관된 브랜드 감각을 전달할 수 있습니다.

동적 효과에서는 "빌딩 블록" 동작 특성에 맞는 물리적 속성이 사용됩니다. 그래서 동작 리듬이 가지런하고 대충대충 하지 않는다. 예를 들어, 블록이 힘을 받으면 마찰력 때문에 빨리 멈추지만 탄성은 크지 않습니다.

다음 그림에서 "파란색 공" 은 현재 접시에서 요소가 이동하는 방식을 나타내고, "빨간색 공" 은 시중에서 흔히 볼 수 있는 유연한 운동 방식을 나타냅니다. (아래 gif 이미지는 패키지로 보내집니다. ) 을 참조하십시오

다음 그림은 제품 인터페이스에서 동작 규칙이 적용되는 방식을 보여줍니다.

동시에 밑바닥의 탭 역시 운동 리듬에서도 같은 운동 법칙을 적용해 제품에 청춘의 활력을 불어넣고 주인의 역할을 과도하게 찬탈하지 않을 것이다. (윌리엄 셰익스피어, 템플린, 스포츠명언) (윌리엄 셰익스피어, 템플린, 스포츠명언)

드롭다운 쇄신은 브랜드 기억을 강화하는 가장 좋은 표현이다. 이번에 로고의 기본 요소를 추출하면서' 스마일' 을 강조하면서 브랜드에 대한 사용자의 인상을 깊어지게 했다.

B. 역할 설계

앞서 말씀드렸듯이 바이두의 인터넷 디스크에는 많은 사용자들의 아름다운 추억의 사진이 담겨 있습니다. 아마도 그 기억들은 이미 사용자들에게 잊혀졌을지 모르지만, 종종 이것이 가장 큰 놀라움과 감동이다.

그래서 버전 9.0 에는' 이야기' 모듈이 추가되어 아름다운 추억이 당신과 예기치 않게 만날 수 있게 되었습니다. 테크놀로지를 통해 양질의 멋진 사진을 선별하여 스토리카드를 만들어 당신에게 푸시하여 따뜻함을 선사합니다.

사용자의 시간을 절약하고' 더 편리한' 브랜드 이념을 전달하기 위해 이번 개편에서' 분류' 모듈을 최적화하고' 분류' 를 홈페이지 상단 외부에 배치해 사용자의 조작 절차를 줄이고 자신의 파일을 쉽게 찾을 수 있도록 했다.

또한 홈 페이지에 "최근" 기능이 추가되어 사용자가 반복적으로 한 층의 폴더를 클릭하여 찾아보는 대신 과거 작업을 쉽게 찾을 수 있습니다.

C. 조판 레이아웃

파일 목록은 사용자가 네트워크 디스크를 가장 자주 사용하는 경로입니다. 이 시나리오를 위해 Dell 은 기능 준수라는 이념과 미니멀리즘의 바이두' 고급감' 설계 이념에 따라 정보 계층을 시각적으로 구분하여 사용자가 보다 쉽게 탐색할 수 있도록 합니다.

따라서 다음 차원에서 파일 목록의 레이아웃을 최적화합니다: (1) 크기 (2) 체중; (3) 간격.

(1) 치수

개편하기 전에 사용자가 파일 목록을 열었을 때 가장 먼저 보이는 것은 화면이 가득 찬 노란색 폴더로, 사용자가 찾아보거나 필터링하는 데 도움이 되지 않고 오히려 시각적 간섭을 일으킬 수 있습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 수정명언)

그래서 이번에는 파일 아이콘 크기, 축소판 크기, 제목 정보 크기를 전체적으로 조정하여 찾아보기 효율성을 높였습니다.

(2) 무게

파일 목록의 경우 정보 계층 중요도 순서는 이름 >; ICON > 시간, 그래서 이번에는 시각적 무게 대비를 최적화했습니다.

시각적 가중치 처리 (굵은 제목 크기, 향상된 색상) 를 통해 효과적인 정보를 쉽게 얻을 수 있습니다.

(3) 간격

다음은 기존 안드로이드와 수정 안드로이드의 비교입니다. 상단의 파란색 이중 탐색을 제거할 때 파일 아이콘을 축소하여 리스트 간격을 줄입니다.

업계 대표 제품의 목록 행간을 조사하고 종합적으로 분석한 결과, 목록 행간을' 180px' 로 확정해 사용자가 경험의 균형을 맞추면서 첫 화면에서 더 많은 내용을 볼 수 있도록 했다.

NA 측도 통일된 그리드 배치를 하여 페이지에 통일된 질서감과 리듬감을 느끼게 했다. 요소, 모듈 및 페이지 사이의 간격을 규칙적으로 유지합니다.

모든 인터페이스의 래스터화된 레이아웃에 로그온합니다.

앞서 브랜드 이념은 APP 디자인에 침투하여 브랜드 유전자, 기능 디자인에서 조판 레이아웃에 이르기까지 9.0 개정과 관련된 디자인을 진행하며 브랜드의 새로운 이념을 통일적으로 전달한다.

온라인 활동 및 소재 디자인도 브랜드와 사용자의 접촉점입니다. 디자인 시 전체적인 브랜드 톤을 이어가고 통일된 브랜드감을 전달해야 합니다.

바이두망판 브랜드 업그레이드와 관련 체험 디자인 최적화의 배후에 있는 이유다. 초기 브랜드 정의의 핵심 이념 (온도, 편리함, 젊음 향상) 부터 다양한 장면과 접촉점 (브랜드 인식, APP 디자인, 브랜드 확장) 침투에 이르기까지 온라인 및 오프라인 다차원적으로 통일된 브랜드 이념을 전달합니다. 이 모든 것은 사용자에게 더 나은 서비스를 제공하고자 하는 것이다.

이번 브랜드 업그레이드는 바이두 전체 학우들의 노력의 결과이다. 우리는 개선이 필요한 많은 경험이 있다는 것을 알고 있다. 이번 업그레이드는 단지 시작일 뿐, 사용자에게' 아름다움을 영원히 함께하라' 는 느낌을 계속 줄 것이다.

그동안 지원해 주셔서 감사합니다.