1, 참조 수집 방법 등 세 가지로 시작했습니다.
2, 참조 수집 후 어떻게 합니까?
3, 제품에 맞는 디자인 스타일을 선택하려면 어떻게 해야 합니까? < P > 참조 수집 방법 < P > 참조 수집은 모두 참조를 찾는 것으로 이해할 수 있다. 스타일 참조든 레이아웃 참조든 디자인 초기에는 반드시 수집 과정을 거치게 된다. 수집은 온라인 리소스와 프로젝트 리소스로 나눌 수 있습니다. 온라인 리소스는 잘 알려진 꽃잎, 추격파, Behance, 역 쿨, UI 중국 등 디자인 플랫폼으로, 현재 트렌드, 스타일 스타일, 인터페이스 분석 등을 통해 도움을 받을 수 있습니다. < P > 또한 업계 최고의 APP, 경품을 수집하여 분석할 수 있으므로 이 단계를 수집하는 것이 필수적입니다. 아래 그림은 내 핸드폰에 상비되어 있는 괜찮은 앱이다. < P > 이번에 로그인 인터페이스를 만들었기 때문에 우선 이 앱들의 로그인 인터페이스를 대충 한 번 훑어보고 각 업계의 특징을 알아본다. 그리고 저는 자원관리와 도구류의 앱을 수집하고 있습니다. < P > 수집이 완료되면 각 업종에서 2 ~ 3 개의 앱을 골라 스크린샷을 만들 수 있으며, 여기까지 수집하면 완성된다. (수집작업은 간단하지만 장기축적을 통해 각 업계의 디자인 특징을 숙지하고, 어떤 앱이 업데이트되었는지, 왜 업데이트되는지, 업데이트 후 어떤 이점이 있는지 등을 알 수 있다.) < P > 참조 수집 후 어떻게 해야 합니까? < P > 참조 수집 후 위에서 수집한 스크린샷을 관련 분류 (스타일 스타일 분류, 전시 콘텐츠 분류 등) 해야 합니다. 여기서는 로그인 인터페이스의 스타일을 흰색 간결, 가벼운 장식, 단색 배경, 전체 화면 큰 그림, 반화면 그림, 일러스트레이션 배경 6 가지 범주로 나눕니다. 분류를 통해 우리는 서로 다른 업종에서 그들이 채택한 디자인 방식을 이해할 수 있다.
1, 흰색 간결한 < P > 흰색 간결한 스타일은 현재 비교적 흔히 볼 수 있는 스타일로, 정보 입력을 목적으로 하며, 매스컴이 큰 APP 에서 많이 사용되며, 디자인 시 비교적 복잡한 장식 요소를 사용하지 않고, 전체 인터페이스는 간결한 디자인을 위주로 하며, 디자인상 주로 정보 전시의 조판 디자인이다. 다음 그림과 같이 < P > 는 획득, 감자, 지퍼를 예로 들어 전시상 출입이 크지 않고, 주요 디자인은 정보의 조판이며, 낚싯바늘과 비슷한 선 입력 상자를 사용하여 왼쪽 조판 스타일을 사용합니다. 감자는 타원형 직사각형 입력 상자를 사용하여 가운데 조판을 하고 로고도 넣어 브랜드감을 표현합니다.
2, 가벼운 장식 배경 < P > 가벼운 장식 배경은 간결한 스타일을 바탕으로 브랜드 장식 요소를 추가하는 것으로, 간결한 스타일보다 인터페이스 디테일을 더 잘 반영하고 인터페이스 브랜드감을 높이며 정보 입력에 영향을 주지 않습니다. 다음 그림과 같이 < P > 가벼운 장식은 디자인에 네 가지 효과를 나타낼 수 있습니다. 첫 번째 유사한 넷이즈 클라우드 뮤직 및 네트 미학은 제품 관련 요소를 사용하여 장식합니다. 둘째, 호기심 일간지와 비슷한 모호한 처리로 인터페이스 계층감을 높인다. 세 번째 유사한 왕이윈 교실은 의도 클래스 사진을 추가합니다. 네 번째는 유쿠, 36Kr 과 비슷한 기하학적 요소를 추가하여 장식합니다.
3, 단색 배경
단색 배경은 종종 브랜드 컬러를 사용하며 로고와 함께 디자인되어 브랜드 감각을 표현합니다. 이 방법은 로그인 정보가 간단하거나 제 3 자 로그인 기반 인터페이스에 많이 사용된다는 점에 유의해야 합니다. 아래 그림과 같이
Keep, 설문망, 텐센트 교실은 모두 브랜드 컬러로 디자인되었으며, 로그인 정보가 적고 시각적 디자인도 비교적 간결하다는 것을 알 수 있습니다.
4, 전체 화면 큰 그림 < P > 전체 화면 큰 그림은 로그인 정보 아래에 그림으로 채워지며, 그림이 더욱 눈길을 끌고 감정을 전달하기 쉬우며 사용자 * * * 가 울릴 수 있다는 장점이 있습니다. 제품 관련 그림을 사용하면 사용자에게 미리 기대를 줄 수 있습니다. 단점은 정보와 배경 융합도가 높기 때문에 일부 매스 제품에는 적합하지 않고 수직 클래스 APP 에 많이 사용된다는 것입니다. 다음 그림과 같이 < P > 전체 화면 큰 그림은 전체 인터페이스의 핵심이므로 제품에 맞는 그림을 찾는 것은 쉽지 않습니다. 사진 조회를 할 때도 목적이 있어야 합니다 (예: 꿀꺽, 못 박는 선택, 제품 관련 사진). 매일 눈을 뜨고, 마음대로 처리하고, 기업은 비교적 의향적인 사진을 조사했다. 말벌집은 전체 화면 이동 그래프를 사용하여 전체 로그인 인터페이스를 더욱 생동감 있게 만듭니다 (사용자가 긴 시간 동안 보고 로그인 시간을 연장하는 경우가 많기 때문에 이동 그래프를 사용할 때는 신중해야 함).
5, 반스크린 사진 < P > 반스크린 사진과 전체 화면 사진은 모두 이미지를 통해 제품의 핵심 기능을 전달하거나 의향도를 통해 제품 브랜드 감각을 전달할 수 있습니다. 단, 반스크린 사진은 로그인 정보에 초점을 맞추고 있습니다. 단점은 디자인상 화려하기 쉽지 않다는 점이다. 현재 소수의 APP 만 이 스타일을 채택하고 있다. 아래 그림과 같이 < P > 돼지 단세, NOTHING, 개미단세는 모두 반스크린 사진 형식으로 로그인 조작 모듈이 인터페이스의 황금 위치에 있다는 것을 알 수 있다. 전체 인터페이스 디자인은 어느 정도 분할감을 가질 수 있다.
6, 일러스트레이션 배경 < P > 그림 디자인에 비해 일러스트레이션 배경은 직접 손으로 그림을 찾을 필요도 없고 그림의 저작권 문제도 걱정할 필요 없이 자신의 제품에 따라 일러스트레이션을 할 수 있다는 장점이 있다. 일러스트레이션 디자인은 브랜드 식별 요소 또는 브랜드 관련 요소를 추가하는 것이 가장 좋다는 점에 유의해야 의미가 있습니다. 아래 그림과 같이 < P > 인상 노트는 알람 시계, 문서를 사용하는 방식도 그의 기사 기능을 한눈에 알 수 있다. in 의 슬론은 재미있는 사람들이 모두 in 에 있다는 의미다. 이 일러스트레이션도 바로 이런 의미를 보여준다. 맨 오른쪽에 브랜드 문어 만화 이미지를 채택해 인터페이스를 인식할 수 있게 한다. (알버트 아인슈타인, Northern Exposure (미국 TV 드라마), 예술명언) < P > 제품과 일치하는 디자인 스타일을 선택하는 방법 < P > 위에서 참고한 수집, 스크린 샷 분류 및 간단한 스타일 분석을 했습니다. 이제 이러한 스타일을 실제 제품과 결합하여 현재 설계에 적합한 방식을 선택해야 합니다. < P > 모든 인터페이스의 설계는 근거가 있습니다. 즉, Dell 의 설계는 Dell 의 설계 목적, 사장의 기대, 경품 분석에 따라 여러 가지 방법으로 선별되어야 합니다.
1, 설계 목적 < P > 우선 로그인 인터페이스의 목적은 주로 무엇입니까? 여기서는 개인 정보 입력, 브랜드 전시, 정보 전달 (비즈니스 정보, 제품 핵심 역할), 이야기 또는 제품의 인문적 정서의 네 가지 측면을 주로 요약합니다. 이러한 목적은 각각 다른 디자인 스타일에 해당합니다. < P > 개인 정보 입력: < P > 주로 매스컴이 큰 프로젝트에서 주로 사용되는 목적은 빠르고 효율적인 사용자 로그인을 돕는 것입니다. 위의 스타일 분석과 함께 흰색 간결한 스타일, 반스크린 사진 디스플레이 스타일, 가벼운 장식 스타일은 개인 정보 입력을 주요 목적으로 할 수 있습니다. < P > 브랜드 전시: < P > 천편일률적인 흰색 간결한 스타일이 특징이 없다고 생각되면 필요에 따라 로고 추가, 제품 관련 사진 추가, 일러스트레이션 요소 등과 같은 브랜드 인식을 추가할 수 있습니다. 위의 스타일 분석과 함께 주로 가벼운 장식 스타일, 단색 배경, 일러스트레이션 배경, 전체 화면 큰 그림이 브랜드를 더 잘 표현할 수 있습니다. < P > 정보 전달: < P > 로그인 정보가 비교적 간단할 때 (예: 제 3 자 또는 간단한 로그인 정보만 있을 경우) 로그인 인터페이스는 개인 입력뿐만 아니라 비즈니스 정보, 제품 정보 등을 전달하는 역할을 합니다. 위의 스타일 분석과 함께 주로 가벼운 장식 스타일, 전체 화면 큰 그림, 반화면 그림이 제품 정보를 더 잘 전달할 수 있습니다. < P > 스토리나 제품의 인문적 감정: < P > 이 제품은 일반인에게 잘 어울리는 제품이다. 그림이 감정을 전달하는 가장 좋은 방법이라는 것을 알기 때문에 전체 화면 사진이 좋은 선택이다. 물론 제품 예산이 높으면 비디오로 만들 수 있어 사용자의 * * * 소리를 더 불러일으킬 수 있다. < P > 분석이 끝나면 우리 제품의 디자인 목적과 결합해야 합니다. 초기 수요에 따라 로그인 인터페이스 정보가 간단합니다. 동시에 사용자가 로그인해야 인터페이스에 들어갈 수 있습니다. 그래서 전시에서는 브랜드 전시와 정보 전달 위주로 제품을 출시할 수 있습니다. 가벼운 장식 스타일, 단색 배경, 일러스트레이션 배경, 전체 화면 큰 그림에 더 적합한 제품을 출시할 수 있습니다.
2, 사장은 < P > 가 때때로 네가 분석하는 것이 반드시 정확하지 않을 것이라고 예상한다. 너는 너의 분석과 매니저에게 매니저가 너보다 더 잘 알고 사장과 어떤 것을 원하는지 말할 수 있다. 서문 부분에서 나는 또한 사장이 상륙 인터페이스가 비교적 활발하여 판매업계의 생기를 반영하기를 원한다고 언급했다. 그래서 우리는 디자인 할 때 이 요소를 고려해야 합니다.
3, 경품 분석 < P > 경품 분석은 종종 우리가 어떤 스타일을 채택하는지 해결할 수 있습니다. 우리의 프로젝트 포지셔닝은 분명합니다. 즉, 고객 자원 관리이며, 대상 인구도 당사 영업 사원만 사용할 수 있기 때문에 이를 도구 클래스 앱으로 요약할 수 있습니다. 도구 클래스 앱에서 흔히 볼 수 있는 디자인 방식은 주로 흰색 간결, 단색 배경, 입니다. < P > 고객자원관리류의 우수한 앱은 거의 없기 때문에 도구 사용 위주의 앱을 찾았습니다. 조개껍데기 찾기는 인파를 겨냥하고 있습니다. 주로 방을 찾는 정보를 제공하고 있습니다. 그의 사용자층은 주로 사용자입니다. 물론 사용자가 빠르게 로그인하기를 원하기 때문에 효율적인 운영을 할 수 있는 흰색 간결한 스타일을 채택하고 있습니다. 이 스타일은 측면에서 매니저에게 물어봤는데 잘 어울리지 않습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), 예술명언) 결국 우리는 두 가지 스타일, 단색의 납작한 스타일과 비즈니스 배경을 만들어 브랜드화를 잘 연출하기로 했다. < P > 마지막으로 원고율을 높이기 위해 최종적인 단색 배경과 전체 화면 큰 그림 스타일을 각각 설계해 사장에게 피드백을 제출했다. 그들이 선택한 것은 단색 배경의 스타일 스타일이다. 여기까지 우리는 성공적으로 원고를 작성했다. < P > 이 분석 과정은 매우 번거로울 수 있습니다. 사실 수집한 후의 사진을 비교 분석할 때 어떤 스타일을 채택할 것인지 기본적으로 확인할 수 있습니다. 당신의 분석이 사장의 예상과 다를 수 있으므로 두 가지 버전을 설계해 사장에게 선택할 수 있도록 하고, 동시에 그를 사용하는 이유를 따로 설명하면 원고율을 크게 높일 수 있습니다. (데이비드 아셀, Northern Exposure (미국 TV 드라마), Northern Exposure (미국 TV 드라마), 예술명언) < P > 요약 < P > 는 오늘 주로 로그인-인터페이스 예를 들어, 디자인 생각이 없을 때 수집, 분류, 분석을 통해 세 가지 측면을 빗어 정리할 수 있어 제품에 적합한 설계 방안을 합리적으로 찾아 원고율을 높일 수 있다.
1, 수집: 평소 우수한 앱을 많이 수집합니다. 어떻게 해야 할지 모를 때 경품을 결합해 대충 한 번 훑어보고, 각 업계의 디자인 특징을 이해하고, 뒤의 분류에 대비할 수 있습니다.
2, 분류: 분류를 통해 어떤 스타일 스타일이 있는지 알 수 있고, 그들의 디자인의 장단점을 이해하고, 우리가 마음에 드는 것을 도울 수 있다.
3, 분석: 제품 설계 목적에 따라 위의 스타일 분석과 결합하여 우리 제품에 적합한 설계 방식을 선택합니다. < P > 이상은 제가 프로젝트에서 부딪친 문제의 총결산입니다. 여러분께 도움이 되었으면 합니다. 보고 나면 인터페이스를 찾아 분석해 보세요. 일러스트의 7 가지 스타일 < P > 특징-편평하고 유행하며 자주 사용하는 스타일, 간결하고 명료한 < P 예를 들어, 지퍼, 못 ... < P > 특징-플랫 일러스트레이션의 변종, 입자감 증가, 질감, 빛의 관계 < P > 라는 이름에서 알 수 있듯이 일러스트레이션에 질감 (예: 잡색) 과 광감을 더하고, 본질도 플랫 일러스트와 비슷하며, 질감을 표현하고자 하는 일부 페이지에서 사용한다. 다음은 일부 디자이너의 작품이다. < P > 특징-미술 공저 요구 사항이 가장 높고, 응용이 광범위하며, 내용이 풍부하다. 손으로 그린 스타일의 일러스트레이션도 널리 사용되고 있으며, 흔히 볼 수 있는 일러스트 그림책, 이야기 장면 디자인 등이 있습니다. 다음은 일러스트레이터-마음을 돌보는 작품에서 발췌한 것이다. < P > 특징-간결하고 둥글고 귀엽고 중단점
MBE 일러스트 (dribbble 의 한 디자이너가 창작한 스타일) 는 주로 둥글고 귀엽고 멍청하고 간결하다는 특징이 있다. APP 의 부팅 페이지, 시작 페이지 및 기본 페이지에도 널리 사용됩니다. < P > 특징-아름답고 컬러의 근사화, 컬러가 밝고 산뜻하다. < P > 그라데이션 일러스트는 일본 만화 장면과 약간 비슷한 느낌으로 스타일이 특히 아름답고 낭만적이다. 광감이 비교적 강하기 때문에 희미한 일러스트레이션이라고도 합니다. 색상은 일반적으로 비슷한 색을 사용하며, 색상 종류는 너무 많지 않습니다. < P > 특징 -2.5d 일러스트레이션, 입체감, 시각적 충격이 강합니다. < P > 입체 일러스트레이션은 2.5D 일러스트레이션이라고도 합니다. 즉, 2 차원 공간에서 3 차원을 표현하는 것입니다. 그래서 점점 더 많은 디자이너들이 C4D 소프트웨어를 배우고 있습니다. AI 와 PS 도 할 수 있지만 좀 번거로울 수 있습니다. 많은 전자상류의 앱은 이런 스타일을 사용하기로 선택할 것이다. 예를 들어, 징둥 ... < P > 특징-모양, 선, 추상화 처리 < P > 선 일러스트레이션은 모양을 사용하는 것 외에도 외부 윤곽에 선을 적용하여 추상적인 것을 분명하게 표현할 수 있습니다. 한가한 물고기, 회전 ... 어떤 사람이 삽화를 부업으로 선택하기에 적합합니까? 시장에서 일러스트레이션에 대한 수요는 얼마나 됩니까? < P > 는 직종성 홈페이지에 가서 직종삽화사를 하고, 단자 도면을 받고, 또 화산 동영상, 수박 동영상, < P > 중국 틱톡(더우인) < P > 동영상, 오늘 < P > 오늘의 헤드라인 < P > 등 동영상 플랫폼에서 지도 제작 전 과정을 공유하고, 약간의 설명을 하고 있다. 이야기가 있는 그림은 영혼이 있는 것으로 간주되는데, 여기에는 두 가지 측면이 관련되어 있다. 하나는 자신을 그리는 것이다